@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&family=Noto+Sans+KR:wght@400;600;700;800;900&display=swap');:root{--night:#16121f;--paper:#f8f5ed;--acid:#d7ff4f;--purple:#8d65ff;--pink:#ff597e;--muted:#9b94a6;--line:rgba(255,255,255,.16)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:#fff;font-family:'Noto Sans KR',sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.screen{width:min(560px,100%);min-height:100svh;margin:auto;padding:max(20px,env(safe-area-inset-top)) 21px max(22px,env(safe-area-inset-bottom))}.home{display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 80% 25%,rgba(141,101,255,.25),transparent 32%),var(--night)}.home header,.room>header{display:flex;justify-content:space-between;align-items:center;font:500 10px 'DM Mono';letter-spacing:.1em}.home header a{color:#fff;text-decoration:none;font-size:13px}.home header span{color:var(--muted)}.hero{align-self:center}.hero>p:first-child{color:var(--acid);font-size:12px;font-weight:800}.hero h1{font-size:clamp(55px,16vw,82px);line-height:.98;letter-spacing:-.08em;margin:15px 0 25px}.hero h1 em{font-style:normal;color:var(--purple)}.lead{color:#c2bdc8;line-height:1.75;margin-bottom:34px}.primary,.secondary{width:100%;border:0;padding:17px 18px;font-weight:800}.primary{display:flex;justify-content:space-between;background:var(--acid);color:var(--night)}.secondary{margin-top:9px;background:transparent;color:#fff;border:1px solid var(--line)}.home footer{color:var(--muted);font-size:10px}.site-links{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:13px;z-index:2}.site-links a{color:#777080;font-size:9px}
dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:rgba(8,5,12,.82);backdrop-filter:blur(8px)}.entry{position:relative;width:min(470px,calc(100vw - 24px));background:var(--paper);color:var(--night);padding:30px 22px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:27px}.entry>p{color:#7250d4;font:500 10px 'DM Mono';letter-spacing:.1em}.entry h2{font-size:26px;letter-spacing:-.05em;margin:9px 0 24px}.entry label{display:block;margin:12px 0;font-size:11px;font-weight:800}.entry input{display:block;width:100%;margin-top:7px;border:0;border-bottom:2px solid var(--night);background:transparent;padding:12px 2px;outline:0;font-size:18px}.entry .primary{margin-top:24px;justify-content:center;background:var(--night);color:#fff}
.room{display:grid;grid-template-rows:58px 1fr;background:var(--night)}.text-btn{border:0;background:none;padding:0;color:#b7b1bf;font-size:11px}.room-code{text-align:center}.room-code span{display:block;color:var(--muted);font-size:8px}.room-code b{font-size:17px;color:var(--acid);letter-spacing:.14em}.room>header>span{color:#62d89d;font-size:8px}.stage{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:25px 0}.kicker{color:var(--acid);font:500 10px 'DM Mono';letter-spacing:.12em}.stage h1{font-size:clamp(34px,10vw,52px);line-height:1.18;letter-spacing:-.065em;margin:12px 0 20px}.stage-copy{color:#b8b2bf;line-height:1.7;margin:0 0 25px}.player-list{display:grid;gap:7px}.player{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;background:rgba(255,255,255,.07)}.player b{font-size:14px}.player span{color:var(--muted);font-size:10px}.player.me{outline:1px solid var(--purple)}.player.ready span{color:var(--acid)}.stage-actions{margin-top:22px;display:grid;gap:8px}.stage-actions button{width:100%;border:1px solid var(--line);background:transparent;color:#fff;padding:15px;font-weight:800}.stage-actions .accent{border:0;background:var(--acid);color:var(--night)}.stage-actions button:disabled{opacity:.35}.share-code{display:grid;grid-template-columns:1fr auto;background:#fff;color:var(--night);margin:18px 0}.share-code b{padding:15px;font:500 22px 'DM Mono';letter-spacing:.2em}.share-code button{border:0;background:var(--purple);color:#fff;padding:0 17px;font-size:11px;font-weight:800}
.secret{position:relative;min-height:330px;display:grid;place-items:center;text-align:center;background:var(--paper);color:var(--night);padding:28px;overflow:hidden}.secret-cover{position:absolute;inset:0;display:grid;place-items:center;background:var(--purple);color:#fff;user-select:none;touch-action:none}.secret-cover b{font-size:22px}.secret-cover small{display:block;margin-top:8px}.secret.revealed .secret-cover{transform:translateY(-101%)}.role{color:#7250d4;font:500 11px 'DM Mono'}.secret h2{font-size:42px;letter-spacing:-.05em;margin:14px 0}.secret .word{font-size:28px;font-weight:900;color:#e13d62}.turn-box{padding:24px;background:var(--purple);text-align:center}.turn-box span{font:500 10px 'DM Mono'}.turn-box strong{display:block;font-size:36px;margin-top:8px}.timer-note{text-align:center;color:#b8b2bf;margin:18px 0}.vote-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vote-grid button{min-height:76px;border:1px solid var(--line);background:transparent;color:#fff;font-weight:800}.vote-grid button.selected{background:var(--pink);border-color:var(--pink)}.result-mark{font:500 clamp(58px,18vw,90px) 'DM Mono';color:var(--pink);letter-spacing:-.08em}.vote-result{display:grid;gap:7px;margin-top:20px}.vote-result div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.notice{padding:13px;background:rgba(215,255,79,.1);color:var(--acid);font-size:12px;line-height:1.6}.error{color:#ff829e;font-size:12px}.site-links:has(+script),.room:not(.hidden)~.site-links{display:none}@media(max-height:680px){.stage{padding:12px 0}.stage h1{font-size:32px;margin:8px 0 14px}.stage-copy{margin-bottom:15px}.secret{min-height:270px}.player{padding:10px 13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}