:root{color-scheme:dark;--bg:#12090d;--paper:#fff1d4;--muted:#bb9e8b;--gold:#e8bb6a;--red:#7f1830;--line:#c79b532c;font-family:Inter,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#301221 0%,#110a10 52%,#08070b 100%);color:var(--paper);min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible,canvas:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffe2a2;outline-offset:5px}button{color:inherit}[hidden]{display:none!important}.cabinet{width:min(100%,480px);margin:0 auto;padding:22px 22px 18px;background:linear-gradient(180deg,#24101900,#160b10 42%,#130b10 80%);min-height:100dvh}.masthead{display:flex;justify-content:space-between;align-items:center;padding:0 1px 20px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:10px;align-items:center}.wordmark>b{font-size:38px;letter-spacing:-4px;line-height:1;font-weight:950;background:linear-gradient(130deg,#fff7d4,#b58b47);background-clip:text;-webkit-background-clip:text;color:transparent}.wordmark>span{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.4;color:#b89d82}.wordmark strong{font-size:17px;letter-spacing:3px;color:#fff0d3}.head-actions{display:flex;align-items:center;gap:10px}.nx-badge{border:1px solid #98754263;color:#bc9b6b;padding:4px 6px;border-radius:3px;font-size:10px;letter-spacing:1px}.icon-button{display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:#27151c;color:#cdb795;border-radius:50px;font-size:20px;min-height:38px;padding:4px 11px}.icon-button span{font-size:12px}.icon-button[aria-pressed=true]{color:#ffe3a7;border-color:#9f783f}.round-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c5a382;letter-spacing:1px;margin-top:16px}.round-line span:last-child{color:#f0d39f;letter-spacing:0}.theatre{position:relative;margin:0 -22px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#6b203322,transparent 67%)}.stage-heading{text-align:center;margin-top:24px;position:relative;z-index:1;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:3.3px;color:#c59364}.stage-heading h1{font-size:22px;line-height:1.4;font-weight:450;margin:10px 0 0;letter-spacing:-.8px}.stage-heading h1 em{font-style:normal;color:#efc985;font-weight:750}.theatre canvas{width:100%;height:auto;aspect-ratio:1.2;display:block;touch-action:none;user-select:none;outline-offset:-9px;margin-top:-10px;position:relative;z-index:2}.countdown{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;text-align:center;color:#fff1cf;text-shadow:0 2px 12px #000c}.countdown span{display:block;font-size:11px;letter-spacing:.6px;color:#edd8b4}.countdown strong{display:block;font-size:58px;line-height:1.2;font-family:Georgia,serif;font-weight:500;font-variant-numeric:tabular-nums}.countdown.is-urgent strong{color:#ffd098;text-shadow:0 0 24px #ffa55c88;animation:pulse .7s ease-in-out infinite alternate}.countdown.is-start strong{font-size:29px;letter-spacing:3px}.stage-hint{min-height:51px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:-17px;padding:0 18px 10px;position:relative;z-index:4;pointer-events:none}.hint-icon{color:#eecf92;font-size:20px}.stage-hint p{font-size:13px;color:#d4b99c;margin:0;line-height:1.5;text-align:center}.theatre.is-peek .stage-hint{color:#ffdfa1}.theatre.is-peek canvas{cursor:grab}.theatre.is-dragging canvas{cursor:grabbing}.round-result{position:absolute;z-index:5;top:56%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;background:radial-gradient(ellipse,#200a10d9,transparent 75%);width:90%;padding:12px;animation:result-in .6s ease-out both}.round-result>span{color:#f8d598;font-size:16px;letter-spacing:2px}.round-result strong{display:block;font:600 72px/1.05 Georgia,serif;color:#fff1c2;text-shadow:0 0 30px #e7af4e80}.round-result small{display:block;font-size:15px;color:#ecce9e;margin-top:8px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{position:relative;padding:13px 15px 11px;min-height:120px;text-align:left;border:1px solid #97695168;border-radius:10px;background:linear-gradient(130deg,#481a26,#2e121d 72%);box-shadow:inset 0 1px #ffdcaa10;color:#efd9bc;transition:border-color .2s,background .2s,transform .15s}.choice.small{background:linear-gradient(130deg,#292834,#171820 75%);border-color:#68606a77}.choice-top{display:flex;align-items:center;justify-content:space-between}.choice-top small{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#bd9a88}.choice i{font-size:24px;font-style:normal;font-weight:750;color:#f5d5b3}.choice>strong{font-size:24px;font-weight:500;letter-spacing:-1px;display:block;margin:4px 0 7px;font-family:Georgia,serif}.choice-footer{font-size:11px;color:#b79883}.choice[aria-pressed=true]{border-color:#f3cc84;box-shadow:inset 0 0 0 1px #e4b36166,0 0 18px #f8c56612;background:linear-gradient(130deg,#62273a,#381723)}.choice.small[aria-pressed=true]{background:linear-gradient(130deg,#45404b,#292333)}.choice[aria-pressed=true]:after{content:'✓';position:absolute;right:15px;bottom:12px;color:#ffdb92;font-size:13px}.choice.is-winner{animation:winner-border 1s ease-in-out 3;border-color:#ffd991;background:linear-gradient(130deg,#8e5230,#3e251c)}.choice:disabled{opacity:.7}.choice.is-winner:disabled{opacity:1}.action-row{display:flex;gap:8px;margin-top:15px}.start-button{flex:1;min-height:52px;border:1px solid #f3cf8e;border-radius:7px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#f9dfa7,#d7a257);color:#321b14;font-size:15px;font-weight:800;box-shadow:0 5px 22px #be74271c,inset 0 1px #ffffd8}.start-button:disabled{background:linear-gradient(110deg,#443324,#36251f);color:#bda383;border-color:#7b593543;box-shadow:none}.secondary-button{padding:10px 15px;border:1px solid #946d42;border-radius:7px;background:#36201d;font-size:13px}.round-message{min-height:35px;display:grid;place-items:center;font-size:12px;color:#aa8f7d;padding:8px 0;text-align:center}.round-message.is-match{color:#f4d392}.history-section{border-top:1px solid var(--line);padding-top:15px;margin-top:4px}.section-label{display:flex;justify-content:space-between;align-items:center;color:#ac8a6c;font-size:10px;letter-spacing:1.7px}.section-label small{font-size:11px;letter-spacing:0;color:#8f7569}.history-section ol{display:flex;gap:7px;list-style:none;flex-wrap:wrap;margin:12px 0 0;padding:0;min-height:33px}.history-section li:not(.empty-history){height:31px;width:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #966542;font-size:13px;color:#f7d7a5;background:#3c1a24;font-variant-numeric:tabular-nums}.history-section li.small{background:#292733;border-color:#74686d;color:#e3d7c9}.empty-history{font-size:12px;color:#8d776c;padding:6px 0}.settings{margin-top:20px;border-top:1px solid var(--line);font-size:12px;color:#9a8070;padding-top:12px}.settings summary{cursor:pointer;min-height:30px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0}.setting-row select{color:#d7bc9c;background:#29151c;border:1px solid #634833;border-radius:5px;min-height:35px;font-size:12px;padding:5px}.setting-row input{accent-color:#d8ac6e;width:120px;min-height:35px}.settings p{line-height:1.7;font-size:12px}.cabinet footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#84695b;margin-top:20px}body[data-paused=true] .theatre:after{content:'일시정지 · 화면으로 돌아오면 이어집니다';position:absolute;inset:0;background:#130b16ad;z-index:10;display:grid;place-items:center;font-size:13px}@keyframes pulse{to{transform:scale(1.06)}}@keyframes result-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes winner-border{50%{box-shadow:0 0 25px #ffcf7555,inset 0 0 20px #edb54822}}
.round-line,.choice-top small,.choice-footer,.section-label,.section-label small,.cabinet footer,.nx-badge{font-size:12px}.stage-hint p,.secondary-button{font-size:14px}.round-result{top:84px;background:none;padding:0}.round-result strong{font-size:50px}.round-result>span{font-size:14px}.round-result small{font-size:13px;margin-top:4px}.is-result .stage-heading{visibility:hidden}.countdown strong{font-size:48px}.countdown.is-start strong{font-size:24px}.countdown{top:58%}.theatre canvas{border-radius:14px}
@media(min-width:700px){body{display:grid;place-items:start center;padding:28px 0}.cabinet{border:1px solid #94725234;border-radius:22px;box-shadow:0 20px 100px #0008;min-height:0;padding-top:24px;padding-bottom:20px}}@media(max-width:360px){.cabinet{padding-left:16px;padding-right:16px}.theatre{margin-left:-16px;margin-right:-16px}.choice{padding:12px;min-height:112px}.stage-heading{margin-top:20px}.head-actions{gap:6px}.wordmark>b{font-size:32px}.choice-top small{letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.round-line{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.round-line>span:last-child{text-align:right}.shared-clock{display:flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #af865640;border-radius:999px;background:linear-gradient(180deg,#25151d,#160c11);box-shadow:inset 0 1px #fff1c00d}.shared-clock i{font-style:normal;color:#a98972;font-size:10px;letter-spacing:.2px}.shared-clock b{min-width:34px;text-align:center;color:#ffe2a4;font:700 13px/1.2 ui-monospace,monospace;letter-spacing:.5px}.shared-clock b.is-urgent{color:#fff0ce;text-shadow:0 0 12px #ff9f46;animation:pulse .45s ease-in-out infinite alternate}.theatre.is-rolling:before{content:'';position:absolute;z-index:1;left:50%;top:57%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffc66926 0 7%,#ffb24e0c 32%,transparent 69%);box-shadow:0 0 58px #f3a83b1f;animation:vfx-bloom .62s ease-in-out infinite alternate;pointer-events:none}@keyframes vfx-bloom{to{transform:translate(-50%,-50%) scale(1.12);opacity:.58}}@media(max-width:390px){.shared-clock i{display:none}.shared-clock{padding-inline:9px}}