:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.app{max-width:430px;margin:auto;padding:20px 14px 40px;min-height:100dvh}header,.brand,.sectionHead,.history,.history>div,.results,.players,.keypad,.digits,.legend,.sectionHead h3{display:flex;align-items:center}header{justify-content:space-between;margin-bottom:22px}.brand{font-size:21px;font-weight:800;letter-spacing:.5px;gap:9px}.brand svg{color:#a5b4fc}.room{font-size:11px;color:#a5b4fc;background:#1d2541;border-radius:6px;padding:7px}.card{background:#121b2e;border:1px solid #28354a;border-radius:15px;padding:18px;margin-bottom:14px}.welcome{padding:23px}.eyebrow{color:#a5b4fc;font-size:11px;font-weight:800;letter-spacing:1.3px}h1{font-size:31px;margin:10px 0}h2{font-size:21px;margin:10px 0}h3{font-size:15px;margin:0}p{color:#aab7ca;line-height:1.5;font-size:13px}label{display:block;color:#cbd5e1;font-size:12px;margin:18px 0 10px}input{display:block;width:100%;background:#0b1020;color:#fff;border:1px solid #46546a;border-radius:9px;padding:13px;margin-top:7px;outline:none}input:focus{border-color:#818cf8}.primary,.secondary{width:100%;border:0;border-radius:9px;padding:13px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:700;margin-top:13px}.primary{background:#6366f1;color:#fff}.secondary{background:#25334d;color:#dce5f7}.separator{text-align:center;font-size:12px;color:#7889a4;margin:24px 0}.players{justify-content:space-between;gap:6px}.players>div:not(.vs){display:flex;flex-direction:column;gap:5px;min-width:0}.players strong{font-size:15px;overflow-wrap:anywhere}.players small{font-size:10px;color:#a5b4fc;font-weight:800}.players span{font-size:11px;color:#91a2b9}.players .right{text-align:right}.vs{font-size:12px;color:#6f819d}.center{text-align:center}.status{font-size:11px;letter-spacing:1.2px;color:#fbbf24;font-weight:800}.status.active{color:#6ee7b7}.digits{justify-content:center;gap:9px;margin:17px 0}.digits>div{display:grid;place-items:center;width:56px;height:62px;background:#202c43;border:1px solid #53637b;border-radius:10px;font-size:28px;font-weight:700}.keypad{max-width:240px;margin:15px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{border:1px solid #3a4b63;border-radius:9px;height:47px;background:#26354e;color:#fff;font-size:21px}.keypad button:active{background:#6366f1}.ready{color:#6ee7b7;display:flex;justify-content:center;gap:8px;align-items:center;padding:20px}.muted{font-size:12px}.sectionHead{justify-content:space-between}.sectionHead h3{gap:9px}.sectionHead svg{color:#a5b4fc}.sectionHead small{color:#92a2b7;font-size:11px}.tiny{background:none;border:1px solid #42516a;border-radius:7px;color:#cbd5e1;display:flex;align-items:center;gap:5px;padding:7px;font-size:11px}.hint{font-size:12px;margin:10px 0 15px}.notes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.note{height:58px;border:1px solid #475569;background:#263247;color:#fff;border-radius:9px;font-size:23px;font-weight:700;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px}.note span{height:3px;width:18px;border-radius:5px}.note.red{background:#7f1d1d;border-color:#ef4444;color:#fecaca}.note.red span{background:#ef4444}.note.yellow{background:#78350f;border-color:#f59e0b;color:#fde68a}.note.yellow span{background:#f59e0b}.note.green{background:#14532d;border-color:#22c55e;color:#bbf7d0}.note.green span{background:#22c55e}.legend{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.legend span{display:flex;gap:7px;align-items:center;font-size:10px;color:#b9c6d9}.legend i{width:11px;height:11px;background:#263247;border:1px solid #475569;border-radius:3px}.legend i.red{background:#7f1d1d;border-color:#ef4444}.legend i.yellow{background:#78350f;border-color:#f59e0b}.legend i.green{background:#14532d;border-color:#22c55e}.history{justify-content:space-between;background:#1b273c;border-radius:9px;padding:12px;margin-top:9px}.history>div{gap:12px}.history strong{font-size:19px;letter-spacing:1px}.round{color:#8796ae;font-size:11px}.results{gap:8px}.results span{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:6px;font-size:13px;font-weight:700}.correct{background:#1e3a3a;color:#6ee7b7}.position{background:#312e53;color:#c4b5fd}.empty{text-align:center;padding:18px 0}.error{position:fixed;bottom:45px;left:50%;transform:translate(-50%);max-width:95vw;width:380px;background:#7f1d1d;color:#fff;padding:14px;border-radius:9px;box-shadow:0 8px 30px #0008}footer,.footer{text-align:center;font-size:10px;letter-spacing:1px;color:#64748b;margin-top:22px}@media(max-width:350px){.card{padding:12px}.digits>div{width:48px}.notes{gap:5px}}.app{padding-top:13px}header{margin-bottom:12px}.brand{font-size:17px;gap:6px;letter-spacing:.25px}.card{margin-bottom:12px}.players{padding:12px 15px}.players>div:not(.vs){gap:3px}.headerActions{display:flex;align-items:center;gap:7px}.navButton{position:relative;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;background:#1d2940;color:#cbd5e1;border:1px solid #43516b;border-radius:9px;font-size:12px;font-weight:700}.navButton.selected{background:#312e81;border-color:#818cf8;color:#eef2ff}.unread{position:absolute;right:3px;top:3px;width:7px;height:7px;background:#f472b6;border-radius:50%}.offline{padding:9px;margin-bottom:10px;border:1px solid #d97706;background:#422006;color:#fde68a;border-radius:9px;font-size:12px}.legend{display:flex;justify-content:space-between;gap:5px;flex-wrap:nowrap}.legend span{font-size:10px;white-space:nowrap;gap:4px}.legend i{width:10px;height:10px;flex-shrink:0}.note.yellow{background:#766012;border-color:#e5c74a;color:#fff3ac}.note.yellow span{background:#e5c74a}.peekPanel,.chatPanel{min-height:300px}.secretLabel{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.secretLabel strong{color:#a5b4fc;font-size:20px;letter-spacing:3px}.peekGuess{background:#1b273c;border-radius:10px;padding:12px;margin:10px 0}.peekMeta{display:flex;justify-content:space-between;gap:8px;color:#aab7ca;font-size:11px;margin-bottom:10px}.peekDigits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.peekDigit{display:grid;place-items:center;height:52px;font-size:23px;font-weight:700;border-radius:9px;border:1px solid}.peekDigit.green{background:#14532d;border-color:#86efac}.peekDigit.yellow{background:#766012;border-color:#e5c74a}.peekDigit.red{background:#7f1d1d;border-color:#ef4444}.chatMessages{display:flex;flex-direction:column;gap:12px;min-height:280px;max-height:390px;overflow:auto;padding:18px 0 12px}.bubbleRow{display:flex}.bubbleRow.mine{justify-content:flex-end}.bubbleRow.theirs{justify-content:flex-start}.bubble{max-width:84%;padding:11px 13px;background:#263247;border-radius:14px;font-size:13px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.bubbleRow.mine .bubble{background:#3730a3}.chatForm{display:flex;align-items:center;gap:8px;border-top:1px solid #334155;padding-top:12px}.chatForm input{margin:0;min-width:0}.sendButton{border:0;border-radius:9px;background:#6366f1;color:#fff;min-width:44px;height:44px;display:grid;place-items:center}.chatCount{text-align:right;font-size:10px;color:#94a3b8;margin-top:5px}input{font-size:16px}.players{flex-wrap:wrap}.roomCenter{display:flex;flex-direction:column;align-items:center;gap:4px}.roomCode{font-size:12px!important;font-weight:800;letter-spacing:1px;color:#c7d2fe!important;user-select:all;-webkit-user-select:all}.roomActions{flex:0 0 100%;display:flex;justify-content:center;align-items:center;gap:8px;padding-top:8px;border-top:1px solid #28354a}.roomActions .tiny{font-size:11px}.copyFeedback{font-size:11px;color:#86efac}.welcomePrompt{margin:22px 0 5px;color:#94a3b8;font-size:12px}.welcome .secondary{margin-top:10px;border:1px solid #42516a}.roomCenter{gap:0}.roomToolbar{display:flex;gap:8px;align-items:stretch;margin:-2px 0 12px;position:relative}.shareButton{flex:1;min-width:0;display:flex;justify-content:center;align-items:center;gap:9px;background:#19243a;border:1px solid #46546a;border-radius:9px;color:#dce5f7;font-size:12px;font-weight:700;padding:11px 6px;white-space:nowrap}.shareButton strong{letter-spacing:1.3px;color:#e0e7ff;font-size:13px}.shareButton svg{color:#a5b4fc;flex-shrink:0}.leaveIcon{width:40px;flex-shrink:0;display:grid;place-items:center;border:1px solid #574352;border-radius:9px;background:#271d2e;color:#fda4af}.shareCopied{position:absolute;right:46px;bottom:-19px;font-size:11px;color:#86efac}.confirmOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#000a;display:grid;place-items:center;padding:18px}.confirmBox{width:min(100%,360px);background:#151e30;border:1px solid #475569;border-radius:15px;padding:22px;box-shadow:0 15px 50px #0009}.confirmBox h3{font-size:18px}.confirmBox p{font-size:13px}.confirmActions{display:flex;gap:10px;margin-top:18px}.confirmActions button{flex:1;margin:0;border-radius:9px;padding:12px 8px;font-size:13px;font-weight:700}.danger{background:#b91c1c;color:#fff;border:1px solid #ef4444}.endedNotice{background:#302334;border:1px solid #a65c6e;border-radius:9px;padding:12px;margin:14px 0}.endedNotice strong{font-size:13px;color:#fecdd3}.endedNotice p{margin:6px 0 10px}.endedNotice .tiny{margin-left:auto}input{font-size:16px!important;touch-action:manipulation}button{touch-action:manipulation}.headerLeave{width:35px;height:35px;padding:0;display:grid;place-items:center}.headerActions{gap:6px}.roomToolbar{margin-bottom:12px}.shareButton{min-height:41px}