@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Share+Tech+Mono&display=swap";:root{--bg-deep:#020d1f;--bg-mid:#041428;--green:#4eee4e;--teal:#00e5cc;--teal-glow:#0fe;--teal-dim:#249e94;--teal-dark:#004a44;--amber:#ffc94a;--danger:#ff4060;--blue:#007aff;--text-main:#d4eef8;--text-dim:#83d1eb;--card-bg:#041830e0;--border:#00e5cc38;--border-b:#00e5cca6;--text-min:.875rem;--text-xs:.875rem;--text-sm:.875rem;--text-base:1rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.375rem;--text-3xl:1.625rem;--line-tight:1.35;--line-normal:1.5;--line-relaxed:1.65}html{-webkit-text-size-adjust:100%;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Noto Sans KR,sans-serif;font-size:var(--text-md);line-height:var(--line-normal);background:var(--bg-deep);color:var(--text-main);overflow:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000012 3px 4px);position:fixed;inset:0}.screen{opacity:0;pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:fixed;inset:0}.screen.active{opacity:1;pointer-events:all}html[data-initial-screen] .screen{opacity:0;pointer-events:none}html[data-initial-screen=splash] #splash,html[data-initial-screen=waiting] #waiting,html[data-initial-screen=game] #game,html[data-initial-screen=result] #result{opacity:1;pointer-events:all}.cumulative-prize-banner{top:max(8px, env(safe-area-inset-top));z-index:120;border:1px solid var(--border-b);background:var(--card-bg);letter-spacing:1px;max-width:min(92vw,360px);color:var(--text-dim);text-align:center;pointer-events:none;opacity:0;border-radius:2px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em .5em;padding:clamp(6px,1.8vw,10px) clamp(12px,4vw,18px);font-family:Share Tech Mono,monospace;font-size:clamp(.875rem,2.8vw,.875rem);transition:opacity .35s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000073}.cumulative-prize-banner.is-visible{opacity:1}.cumulative-prize-banner[hidden]{display:none!important}.cpb-label{color:var(--teal);white-space:nowrap}.cpb-sep{color:var(--text-dim)}.cpb-value{color:var(--amber);white-space:nowrap;text-shadow:0 0 10px #ffc94a59;font-size:clamp(.875rem,3.4vw,.9375rem);font-weight:500}body.prize-banner-on #waiting,body.prize-banner-on #game,body.prize-banner-on #splash{padding-top:52px}#splash{-webkit-overflow-scrolling:touch;background:0 0;justify-content:flex-start;overflow:hidden auto}#splash-canvas{z-index:0;width:100%;height:100%;position:absolute;inset:0}#splash:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(70% 80% at 50% 45%,#0000 15%,#020d1f80 60%,#020d1fe6 100%);position:absolute;inset:0}#splash:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#020d1fe0 65%,#020d1ffa 100%);height:58%;position:absolute;bottom:0;left:0;right:0}.splash-ui{z-index:2;width:100%;min-width:320px;max-width:40rem;padding:max(3.5rem, calc(env(safe-area-inset-top) + 2.5rem)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:1rem;margin:0 auto;display:flex;position:relative}.splash-guide{width:100%;animation:.7s .55s both fd}.splash-guide-details{border:1px solid var(--border-b);background:var(--card-bg);box-shadow:0 8px 28px #00000059}.splash-guide-summary{cursor:pointer;font-family:Share Tech Mono,monospace;font-size:var(--text-sm);letter-spacing:.12em;color:var(--teal);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;list-style:none;display:flex}.splash-guide-summary::-webkit-details-marker{display:none}.splash-guide-summary-title:before{content:"◆ ";color:var(--amber);font-size:.75em}.splash-guide-summary-chevron{border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);flex-shrink:0;width:.5rem;height:.5rem;margin-top:-.2rem;transition:transform .2s;transform:rotate(45deg)}.splash-guide-details[open] .splash-guide-summary-chevron{margin-top:.15rem;transform:rotate(-135deg)}.splash-guide-body{border-top:1px solid var(--border);scrollbar-width:thin;scrollbar-color:#00e5cc73 #020d1fcc;max-height:min(42vh,22rem);padding:1rem;overflow-y:auto}.splash-guide-body::-webkit-scrollbar{width:6px}.splash-guide-body::-webkit-scrollbar-thumb{background:#00e5cc59;border-radius:2px}.splash-guide-hero{font-family:Black Han Sans,sans-serif;font-size:var(--text-lg);line-height:var(--line-tight);color:var(--text-main);margin-bottom:.5rem}.splash-guide-hero strong{color:var(--teal)}.splash-guide-lead{font-size:var(--text-sm);line-height:var(--line-relaxed);color:var(--text-dim);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.75rem}.splash-guide-block{margin-bottom:1rem}.splash-guide-block:last-of-type{margin-bottom:.75rem}.splash-guide-h{font-family:Black Han Sans,sans-serif;font-size:var(--text-base);line-height:var(--line-tight);color:var(--amber);margin-bottom:.35rem}.splash-guide-block p{font-size:var(--text-sm);line-height:var(--line-relaxed);color:var(--text-main)}.splash-guide-block strong{color:var(--teal);font-weight:600}.splash-guide-list{flex-direction:column;gap:.65rem;margin:0;padding-left:1.125rem;display:flex}.splash-guide-list li{font-size:var(--text-sm);line-height:var(--line-relaxed);color:var(--text-main)}.splash-guide-list strong{color:var(--teal)}.splash-guide-callout{font-size:var(--text-sm);line-height:var(--line-relaxed);color:var(--text-main);border:1px solid var(--border-b);border-left:3px solid var(--amber);background:#00e5cc0f;padding:.75rem .875rem}.splash-status{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.splash-round-tag{z-index:3;text-align:right;animation:.7s .2s both fd;position:absolute;top:20px;right:24px}.rt-sup{letter-spacing:3px;color:var(--teal-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.rt-num{color:var(--teal);text-shadow:0 0 20px #00e5ccb3;font-family:Black Han Sans,sans-serif;font-size:1.875rem;line-height:1}.rt-date{color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.splash-title{text-align:center;align-self:center;margin-bottom:.25rem;font-family:Black Han Sans,sans-serif;line-height:1.05;animation:.7s .5s both fd}.splash-title .t1{color:var(--text-main);font-size:clamp(2.125rem,6.5vw,3.625rem);display:block}.splash-title .t2{color:var(--teal);text-shadow:0 0 40px #00e5cce6,0 0 80px #00e5cc66;font-size:clamp(2.875rem,9.5vw,5.25rem);display:block}.splash-pills{flex-wrap:wrap;justify-content:center;gap:8px;animation:.7s .8s both fd;display:flex}.pill{border:1px solid var(--border);background:#00142cd1;align-items:center;gap:7px;padding:7px 14px;display:flex;position:relative;overflow:hidden}.pill:before{content:"";background:linear-gradient(90deg, transparent, var(--teal), transparent);height:1px;position:absolute;top:0;left:0;right:0}.pill .pl{letter-spacing:2px;color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.pill .pv{color:var(--teal);font-family:Black Han Sans,sans-serif;font-size:1rem}.pill .pv.amb{color:var(--amber);font-size:.875rem}.splash-cd{flex-direction:column;align-items:center;gap:6px;animation:.7s .95s both fd;display:flex}.cd-lbl{font-family:Share Tech Mono,monospace;font-size:var(--text-base);letter-spacing:3px;color:var(--text-main)}.cd-time{letter-spacing:6px;color:var(--amber);text-shadow:0 0 25px #ffc94aa6;font-family:Share Tech Mono,monospace;font-size:clamp(2.25rem,7.5vw,3.25rem)}.cd-bar{background:#ffc94a1f;border-radius:2px;width:200px;height:3px;overflow:hidden}.cd-fill{background:var(--amber);height:100%;box-shadow:0 0 8px var(--amber)}.btn-tutorial-start{letter-spacing:2px;width:100%;color:var(--teal);border:1px solid var(--border-b);cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:#00e5cc14;padding:16px 30px;font-family:Black Han Sans,sans-serif;font-size:clamp(.875rem,3.5vw,1.0625rem);transition:transform .15s,background .15s;animation:.7s 1.05s both fd;display:block}.btn-tutorial-start:hover{background:#00e5cc24;transform:scale(1.03)}.tutorial-entry-hint{color:var(--text-dim);letter-spacing:1px;text-align:center;margin-top:6px;font-family:Share Tech Mono,monospace;font-size:clamp(.875rem,2.4vw,.875rem);animation:.7s 1.08s both fd}.splash-ui.tutorial-dimmed{opacity:.35;pointer-events:none;filter:blur(1px)}.splash-tutorial{z-index:5;padding:max(56px, env(safe-area-inset-top)) 16px 16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020d1fb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.splash-tutorial[hidden]{display:none!important}.splash-tutorial-inner{border:1px solid var(--border-b);background:var(--card-bg);flex-direction:column;gap:12px;width:min(100%,420px);max-height:min(88vh,640px);padding:clamp(14px,4vw,20px);display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000080}.tut-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-badge{letter-spacing:2px;color:var(--bg-deep);background:var(--amber);padding:4px 10px;font-family:Share Tech Mono,monospace;font-size:.875rem}.tut-close{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;padding:6px 10px;font-family:Share Tech Mono,monospace;font-size:.875rem}.tut-close:hover{color:var(--teal);border-color:var(--border-b)}.tut-round{letter-spacing:2px;color:var(--teal);font-family:Share Tech Mono,monospace;font-size:.875rem}.tut-qbox{border:1px solid var(--border);background:#020e1e99;min-height:72px;padding:14px}.tut-qtext{color:var(--text-main);font-size:clamp(.875rem,3.8vw,1rem);line-height:1.55}.tut-tbar{border:1px solid var(--border);background:#00e5cc14;width:100%;height:28px;position:relative}.tut-tfill{background:linear-gradient(90deg, var(--teal-dim), var(--teal));width:100%;height:100%}.tut-tnum{color:var(--text-main);text-shadow:0 0 8px #000c;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:.875rem;display:flex;position:absolute;inset:0}.tut-choices{gap:10px;display:flex}.tut-choices .cbtn{flex:1;min-height:48px;font-size:clamp(.875rem,3.5vw,.9375rem)}.tut-feedback{border:1px solid var(--border);padding:12px;font-size:.875rem;line-height:1.5}.tut-feedback.ok{background:#00e5cc14;border-color:#00e5cc80}.tut-feedback.no{background:#ff406014;border-color:#ff406073}.tut-fb-title{margin-bottom:6px;font-family:Black Han Sans,sans-serif;font-size:1.125rem}.tut-feedback.ok .tut-fb-title{color:var(--teal)}.tut-feedback.no .tut-fb-title{color:var(--danger)}.tut-fb-pick{color:var(--text-dim);margin-bottom:4px;font-family:Share Tech Mono,monospace;font-size:.875rem}.tut-fb-desc{color:var(--text-main)}.tut-complete{text-align:center;padding:8px 0}.tut-complete-title{color:var(--teal);margin-bottom:8px;font-family:Black Han Sans,sans-serif;font-size:1.375rem}.tut-complete-score{color:var(--amber);margin-bottom:8px;font-family:Share Tech Mono,monospace;font-size:1.25rem}.tut-complete-note{color:var(--text-dim);margin-bottom:14px;font-size:.875rem}.tut-complete-btns{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tut-btn-primary,.tut-btn-secondary{letter-spacing:1px;cursor:pointer;border-radius:2px;padding:10px 16px;font-family:Share Tech Mono,monospace;font-size:.875rem}.tut-btn-primary{background:var(--teal);color:var(--bg-deep);border:none}.tut-btn-secondary{color:var(--teal);border:1px solid var(--border-b);background:0 0}.splash-cta{flex-direction:column;align-items:stretch;gap:.625rem;width:100%;animation:.7s 1.1s both fd;display:flex}.btn-enter{width:100%;font-family:Black Han Sans,sans-serif;font-size:var(--text-lg);letter-spacing:4px;color:var(--bg-deep);background:var(--teal);cursor:pointer;clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);border:none;padding:16px 30px;transition:transform .15s;animation:2.5s 2s infinite pglow;position:relative;overflow:hidden}.btn-enter:hover{transform:scale(1.05)}.btn-enter:after{content:"";background:linear-gradient(110deg,#0000,#ffffff47,#0000);animation:3s 2s infinite shim;position:absolute;inset:0;transform:translate(-120%)}@keyframes shim{0%{transform:translate(-120%)}45%,to{transform:translate(140%)}}@keyframes pglow{0%,to{box-shadow:0 0 16px #00e5cc59}50%{box-shadow:0 0 40px #00e5ccbf}}.cta-sub{color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.cta-sub span{color:var(--amber)}.corner{border-color:var(--teal-dim);opacity:.5;z-index:3;border-style:solid;width:44px;height:44px;position:fixed}.corner.tl{border-width:2px 0 0 2px;top:18px;left:18px}.corner.tr{border-width:2px 2px 0 0;top:18px;right:18px}.corner.bl{border-width:0 0 2px 2px;bottom:18px;left:18px}.corner.br{border-width:0 2px 2px 0;bottom:18px;right:18px}@keyframes fd{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal-ov{z-index:500;opacity:0;pointer-events:none;background:#020d1fe0;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-ov.visible{opacity:1;pointer-events:all}.modal-box{background:var(--bg-mid);border:1px solid var(--border-b);text-align:center;width:90%;max-width:340px;padding:36px 42px;transition:transform .3s;position:relative;transform:scale(.92)}.modal-ov.visible .modal-box{transform:scale(1)}.modal-box:before{content:"";background:linear-gradient(90deg, var(--teal-dim), var(--teal), var(--teal-dim));height:3px;position:absolute;top:0;left:0;right:0}.modal-t{font-family:Black Han Sans,sans-serif;font-size:var(--text-xl);line-height:var(--line-tight);margin-bottom:10px}.modal-d{font-size:var(--text-sm);color:var(--text-dim);line-height:var(--line-relaxed);margin-bottom:24px}.modal-cost{color:var(--amber);text-shadow:0 0 16px #ffc94a80;margin-bottom:26px;font-family:Share Tech Mono,monospace;font-size:2rem}.modal-btns{gap:12px;display:flex}.modal-btns button{cursor:pointer;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);border:none;flex:1;padding:13px;font-family:Black Han Sans,sans-serif;font-size:.9375rem;transition:all .2s}.mbtn-yes{background:var(--teal);color:var(--bg-deep)}.mbtn-yes:hover{box-shadow:0 0 22px #00e5cc80}.mbtn-no{color:var(--text-dim);background:0 0;border:1px solid var(--border)!important}.mbtn-no:hover{color:var(--text-main)}#waiting{background:var(--bg-deep);justify-content:flex-start;overflow:hidden}.wt-header{border-bottom:1px solid var(--border);background:#03122afa;flex-direction:column;flex-shrink:0;gap:20px;width:100%;padding:14px 18px 10px;display:flex}.wt-logo{width:32px}.wt-header-top{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.wt-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.wt-page-title{font-family:Black Han Sans,sans-serif;font-size:var(--text-3xl);line-height:var(--line-tight);color:var(--text-main)}.wt-nick-row{font-family:Share Tech Mono,monospace;font-size:var(--text-base);color:var(--text-main);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.wt-nick-label{font-size:var(--text-sm);letter-spacing:.05em;color:var(--text-dim)}.wt-nick-input{min-width:10rem;font-family:Share Tech Mono,monospace;font-size:var(--text-base);line-height:var(--line-normal);border:1px solid var(--border);color:var(--text-main);background:#00000059;border-radius:4px;flex:1;padding:.5rem .625rem}.wt-nick-input::placeholder{color:var(--text-dim)}.wt-nick-input:focus{border-color:var(--border-b);outline:none;box-shadow:0 0 0 2px #00e5cc26}.wt-refresh-btn{font-size:var(--text-md);width:100%;max-width:100%}.room-list-status{text-align:center;font-size:var(--text-sm);line-height:var(--line-relaxed);color:var(--text-dim);padding:1rem}.room-list-error{font-size:var(--text-min);line-height:var(--line-normal);color:var(--danger);padding:.75rem 1rem}.room-list-error[hidden]{display:none!important}.room-list-empty{text-align:center;font-size:var(--text-sm);line-height:var(--line-relaxed);color:var(--text-dim);padding:1.5rem}.wt-back{color:var(--text-dim);letter-spacing:2px;cursor:pointer;background:0 0;border:none;padding:0;font-family:Share Tech Mono,monospace;font-size:.875rem}.wt-back:hover{color:var(--teal)}.wt-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.wt-meta-item{font-family:Share Tech Mono,monospace;font-size:var(--text-sm);line-height:var(--line-normal);color:var(--text-dim);letter-spacing:.04em}.wt-meta-item span{color:var(--amber)}.wt-body{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#00e5cc8c #03122ae6;flex-direction:column;flex:1;gap:10px;width:100%;padding:16px;display:flex;overflow-y:auto}.wt-body::-webkit-scrollbar{width:9px}.wt-body::-webkit-scrollbar-track{border-left:1px solid var(--border);background:#020d1fbf;border-radius:1px;margin:2px 0}.wt-body::-webkit-scrollbar-thumb{background:linear-gradient(#00ffee40,#007a708c);border:1px solid #00e5cc59;border-radius:2px;box-shadow:inset 0 0 0 1px #00000040,0 0 8px #00e5cc26}.wt-body::-webkit-scrollbar-thumb:hover{border-color:var(--border-b);background:linear-gradient(#0fe6,#00e5cc73);box-shadow:0 0 10px #00e5cc40}.wt-body::-webkit-scrollbar-corner{background:0 0}.sess-card{border:1px solid var(--border);border-radius:2px;width:100%;animation:.5s both fd;position:relative}.sess-card.active-sess{border-color:var(--teal)}.sess-card.done-sess{opacity:.75;border-color:#00e5cc1f}.sess-top{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.sess-card.active-sess .sess-top{background:#00e5cc12}.sess-card.done-sess .sess-top{background:#04183099}.sess-badge{letter-spacing:2px;border-radius:1px;flex-shrink:0;padding:3px 8px;font-family:Share Tech Mono,monospace;font-size:.875rem}.badge-live{background:var(--blue);color:#fff}.badge-onAir{background:var(--danger);color:#fff}.badge-done{color:var(--teal-dim);border:1px solid var(--border);background:#00e5cc1a}.sess-info{flex:1}.sess-round{font-family:Black Han Sans,sans-serif;font-size:var(--text-lg);color:var(--text-main);line-height:var(--line-tight)}.sess-date{font-family:Share Tech Mono,monospace;font-size:var(--text-sm);line-height:var(--line-normal);color:var(--text-dim);margin-top:2px}.sess-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.sess-players{font-family:Share Tech Mono,monospace;font-size:var(--text-sm);line-height:var(--line-normal);color:var(--text-dim);white-space:nowrap}.sess-players span{color:var(--teal)}.sess-prize{font-family:Share Tech Mono,monospace;font-size:var(--text-sm);line-height:var(--line-normal);color:var(--amber);white-space:nowrap}.sess-bottom{border-top:1px solid var(--border);background:#020e1eb3;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sess-countdown{flex-direction:column;gap:2px;display:flex}.sess-cd-lbl{letter-spacing:2px;color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.sess-cd-time{color:var(--amber);letter-spacing:3px;text-shadow:0 0 12px #ffc94a80;font-family:Share Tech Mono,monospace;font-size:1.625rem}.sess-cd-time:disabled{color:#999}.rule-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{letter-spacing:1px;color:var(--teal-dim);border:1px solid var(--border);white-space:nowrap;padding:3px 8px;font-family:Share Tech Mono,monospace;font-size:.875rem}.btn-sess-enter{font-family:Black Han Sans,sans-serif;font-size:var(--text-lg);letter-spacing:2px;color:var(--bg-deep);background:var(--teal);cursor:pointer;white-space:nowrap;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);border:none;flex-shrink:0;padding:11px 24px;transition:transform .15s;animation:2.5s infinite pglow}.btn-sess-enter:hover{transform:scale(1.04)}.btn-sess-enter:disabled{opacity:.5;cursor:not-allowed;border:1px solid var(--border);color:var(--teal-dim);background:#00e5cc1f}.btn-sess-view{letter-spacing:2px;color:var(--teal-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;padding:9px 16px;font-family:Share Tech Mono,monospace;font-size:.875rem}.btn-sess-view:hover{color:var(--teal);border-color:var(--border-b)}.done-stats{gap:14px;display:flex}.done-stat{color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.done-stat span{color:var(--text-main)}.sess-bar{background:#00e5cc14;height:3px;margin:0;overflow:hidden}.sess-bar-fill{width:100%;height:100%;box-shadow:0 0 6px var(--teal)}#game{background:var(--bg-deep);background-image:linear-gradient(#00e5cc08 1px,#0000 1px),linear-gradient(90deg,#00e5cc08 1px,#0000 1px);background-size:36px 36px;flex-direction:column;justify-content:flex-start;padding:0}.game-meta{font-family:Share Tech Mono,monospace;font-size:var(--text-min);line-height:var(--line-normal);color:var(--text-dim);padding:.375rem 1rem 0}.game-bar{border-bottom:1px solid var(--border);z-index:100;background:#03122af5;justify-content:space-between;align-items:center;width:100%;padding:10px 18px;display:flex}.g-round{font-family:Share Tech Mono,monospace;font-size:var(--text-sm);line-height:var(--line-normal);color:var(--teal);letter-spacing:.08em}.g-round strong{margin-left:4px;font-size:1.25rem}.hp-row{align-items:center;gap:5px;display:flex}.hp-lbl{color:var(--text-dim);letter-spacing:2px;margin-right:4px;font-family:Share Tech Mono,monospace;font-size:.875rem}.hp-h{font-size:1.25rem;transition:all .3s}.hp-h.lost{opacity:.18;filter:grayscale()}.g-exit{border:1px solid var(--teal);color:var(--teal);letter-spacing:2px;cursor:pointer;background:0 0;padding:6px 12px;font-family:Share Tech Mono,monospace;font-size:.875rem}.g-exit:hover{border-color:var(--danger);color:var(--danger)}.t-countdown{width:100%}.t-countdown-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;padding:10px;display:flex}.t-sec{color:var(--teal);letter-spacing:.05em;font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700}.t-sec-label{color:var(--text-dim);text-align:right;flex-shrink:0;font-size:.75rem}.t-bar{background:#00e5cc1a;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.t-fill{background:linear-gradient(90deg, var(--teal), var(--teal-glow));width:0%;height:100%;box-shadow:0 0 8px var(--teal)}.game-body{flex-direction:column;flex:1;align-items:center;gap:14px;width:100%;padding:18px;display:flex;overflow:hidden auto}.rtype{line-height:var(--line-normal);letter-spacing:3px;color:var(--teal-dim);border:2px solid var(--border);padding:20px;font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700}.qbox{background:var(--card-bg);border:1px solid var(--border);width:min(480px,95vw);height:auto;padding:22px;position:relative}.qbox:before{content:"";background:linear-gradient(90deg, transparent, var(--teal-dim), transparent);height:2px;position:absolute;top:0;left:0;right:0}.qtext{font-size:var(--text-md);line-height:var(--line-relaxed);color:var(--text-main);word-break:break-all;white-space:pre-wrap}.ratio-row{align-items:center;gap:8px;width:min(480px,95vw);display:flex}.rpct{white-space:nowrap;font-family:Share Tech Mono,monospace;font-size:.875rem}.rpct.ai{color:var(--teal)}.rpct.hm{color:var(--danger)}.rbar{background:#ff40602e;border-radius:4px;flex:1;height:8px;overflow:hidden}.rbar-fill{background:var(--teal);height:100%;box-shadow:0 0 6px var(--teal);border-radius:4px;transition:width 1s}.rbl{color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.875rem}.choice-row{gap:12px;width:min(480px,95vw);display:flex}.cbtn{letter-spacing:3px;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);background:0 0;border:2px solid;flex:1;padding:17px;font-family:Black Han Sans,sans-serif;font-size:1.25rem;transition:all .2s;position:relative;overflow:hidden}.cbtn.ai{border-color:var(--teal-dark);color:var(--teal)}.cbtn.hm{color:var(--danger);border-color:#ff406059}.cbtn.sel.ai{border-color:var(--teal);background:#00e5cc1f;box-shadow:0 0 22px #00e5cc4d,inset 0 0 18px #00e5cc0d}.cbtn.sel.hm{border-color:var(--danger);background:#ff40601a;box-shadow:0 0 22px #ff40604d,inset 0 0 18px #ff40600d}.cbtn:hover:not(:disabled){transform:translateY(-3px)}.cbtn:disabled{opacity:.3;cursor:not-allowed;clip-path:none}.game-question{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}#game.is-result-phase .t-countdown,#game.is-result-phase .game-question{display:none}#game.is-result-phase .round-result,#game.is-result-phase #hist-box{display:flex}.round-result{flex-direction:column;align-items:center;gap:20px;width:min(480px,95vw);animation:.4s both fd}.round-result[hidden]{display:none!important}.rr-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.rr-icon{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:4px;font-size:2.5rem;font-weight:700;line-height:1;display:flex}.rr-hero.is-correct .rr-icon{border:2px solid var(--green);color:var(--green);background:#4eee4e14;box-shadow:0 0 24px #4eee4e73,0 0 48px #4eee4e26}.rr-hero.is-wrong .rr-icon{border:2px solid var(--danger);color:var(--danger);background:#ff406014;box-shadow:0 0 24px #ff406073,0 0 48px #ff40601f}.rr-title{letter-spacing:.02em;margin:0;font-family:Black Han Sans,sans-serif;font-size:1.75rem;font-weight:400;line-height:1.2}.rr-hero.is-correct .rr-title{color:var(--teal);text-shadow:0 0 20px #00e5cc80}.rr-hero.is-wrong .rr-title{color:var(--danger);text-shadow:0 0 20px #ff406073}.rr-sub{letter-spacing:.2em;margin:0;font-family:Share Tech Mono,monospace;font-size:.875rem}.round-result.is-correct .rr-title,.round-result.is-correct .rr-prep-sec{color:var(--green)}.round-result.is-wrong .rr-title,.round-result.is-wrong .rr-prep-sec{color:var(--danger)}.round-result.is-correct .rr-answer-pill{border-color:var(--green);background:var(--green)}.round-result.is-wrong .rr-answer-pill{border-color:var(--danger);background:var(--danger)}.rr-answer-pill{border:1px solid var(--teal);color:#0a1a12;letter-spacing:.05em;border-radius:999px;margin-top:6px;padding:8px 20px;font-family:Share Tech Mono,monospace;font-size:.875rem;font-weight:700;display:inline-block}.rr-explain{border:1px solid var(--border);border-left:3px solid var(--teal);background:#0c1c30d9;border-radius:4px;width:100%;padding:14px 16px}.rr-explain-text{color:var(--text-main);word-break:break-all;margin:0;font-size:.875rem;line-height:1.75}.rr-explain-text:before{content:"[해설] ";color:var(--teal);font-family:Share Tech Mono,monospace;font-weight:700}.rr-countdown{width:100%}.rr-countdown-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.rr-prep-sec{color:var(--teal);letter-spacing:.05em;font-family:Share Tech Mono,monospace;font-size:1.125rem;font-weight:700}.rr-prep-label{color:var(--text-dim);text-align:right;flex-shrink:0;font-size:.75rem}.rr-prep-bar{background:#00e5cc1a;border-radius:3px;height:6px;overflow:hidden}.ans-nxt-fill{background:linear-gradient(90deg, var(--teal), var(--teal-glow));width:100%;height:100%;box-shadow:0 0 8px var(--teal)}#hist-box{flex-direction:column;align-items:center;width:min(480px,95vw);padding:8px 0 4px}#hist-box[hidden]{display:none!important}.hist-title-row{align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.hist-title-line{background:var(--border);flex:1;height:1px}.hist-title{letter-spacing:.15em;color:var(--text-dim);white-space:nowrap;font-family:Share Tech Mono,monospace;font-size:.75rem}.hist-list--strip{flex-wrap:wrap;justify-content:center;gap:12px 16px;width:100%;display:flex}.hist-strip-item{flex-direction:column;align-items:center;gap:6px;min-width:40px;display:flex}.hist-strip-circle{border:2px solid var(--border);width:44px;height:44px;color:var(--text-dim);background:#00000040;border-radius:50%;justify-content:center;align-items:center;font-family:Share Tech Mono,monospace;font-size:1rem;font-weight:700;display:flex;position:relative}.hist-strip-item.is-ok .hist-strip-circle{border-color:var(--green);color:var(--green);box-shadow:0 0 12px #4eee4e59}.hist-strip-item.is-no .hist-strip-circle{border-color:var(--danger);color:var(--danger);box-shadow:0 0 12px #ff406059}.hist-strip-item.is-current .hist-strip-circle:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 6px #fffc}.hist-strip-item.is-pending .hist-strip-circle{color:#ffffff40;border-color:#ffffff1f;font-size:.875rem}.hist-strip-label{letter-spacing:.05em;color:var(--text-dim);font-family:Share Tech Mono,monospace;font-size:.6875rem}.hist-strip-item.is-ok .hist-strip-label{color:var(--teal)}.hist-strip-item.is-no .hist-strip-label{color:var(--danger)}.spec-bar{text-align:center;letter-spacing:3px;width:100%;color:var(--danger);z-index:200;background:#000000b3;border-bottom:1px solid #ff406047;padding:30px;font-family:Share Tech Mono,monospace;font-size:1.25rem;line-height:30px;display:none;position:fixed;bottom:0;left:50%;right:50%;transform:translate(-50%)}.spec-bar.show{display:block}#result{background:radial-gradient(ellipse 65% 50% at 50% 40%, #04263c 0%, var(--bg-deep) 70%);gap:0;padding:24px}.res-sup{letter-spacing:4px;color:var(--teal-dim);margin-bottom:14px;font-family:Share Tech Mono,monospace;font-size:.875rem;animation:.6s both fd}.res-title{text-align:center;margin-bottom:6px;font-family:Black Han Sans,sans-serif;font-size:clamp(1.875rem,6vw,3.375rem);line-height:1.15;animation:.6s .2s both fd}.res-title .hl{color:var(--teal);text-shadow:0 0 28px #00e5cc99}.res-title.lose .hl{color:var(--danger);text-shadow:0 0 20px #ff406080}.res-title.eliminated .hl{color:var(--danger);text-shadow:0 0 24px #ff40608c}#result.is-eliminated .res-sup{color:#ff4060bf;letter-spacing:.2em}#result.is-eliminated .res-desc{color:#ffa0aff2}#result.is-eliminated .stat .sv{color:var(--danger)}#result.is-eliminated .stat .sl{color:#ffa0afb3}.res-stats.is-two-cols{grid-template-columns:repeat(2,1fr)}.res-stat-prize[hidden]{display:none}.res-desc{color:var(--text-dim);text-align:center;margin-bottom:28px;font-size:.875rem;animation:.6s .3s both fd}.res-stats{grid-template-columns:repeat(3,1fr);gap:10px;width:min(400px,90vw);margin-bottom:28px;animation:.6s .4s both fd;display:grid}.stat{background:var(--card-bg);border:1px solid var(--border);text-align:center;padding:14px 10px}.stat .sl{letter-spacing:2px;color:var(--text-dim);margin-bottom:6px;font-family:Share Tech Mono,monospace;font-size:.875rem}.stat .sv{color:var(--teal);font-family:Black Han Sans,sans-serif;font-size:1.375rem}.stat .sv.amb{color:var(--amber)}.btn-replay{letter-spacing:2px;color:var(--bg-deep);background:var(--teal);cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);border:none;padding:14px 48px;font-family:Black Han Sans,sans-serif;font-size:1rem;transition:all .2s;animation:.6s .6s both fd}.btn-replay:hover{transform:scale(1.05);box-shadow:0 0 28px #00e5cc73}.exit-ov{z-index:600;background:#020d1fe6;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.exit-ov.show{display:flex}.exit-box{background:var(--bg-mid);text-align:center;border:1px solid #ff406073;width:90%;max-width:300px;padding:30px 34px}.exit-box:before{content:"";background:var(--danger);height:3px;margin:-30px -34px 22px;display:block}.exit-t{margin-bottom:10px;font-family:Black Han Sans,sans-serif;font-size:1.125rem}.exit-d{color:var(--danger);margin-bottom:22px;font-size:.875rem;line-height:1.7}.exit-btns{gap:10px;display:flex}.exit-btns button{cursor:pointer;clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);border:none;flex:1;padding:11px;font-family:Black Han Sans,sans-serif;font-size:.875rem}.ebye{background:var(--danger);color:#fff}.estay{background:var(--teal);color:var(--bg-deep)}