:root{color-scheme:dark;--bg: #020403;--bg-2: #06110c;--panel: rgba(5, 16, 11, .82);--panel-strong: rgba(8, 28, 19, .92);--line: rgba(67, 255, 151, .28);--line-strong: rgba(67, 255, 151, .56);--text: #eafff2;--muted: #91bca0;--green: #38ff8b;--green-2: #00d46f;--amber: #ffd166;--red: #ff5c7a;--cyan: #4ed8ff;--violet: #b893ff;--shadow: 0 14px 34px rgba(0, 0, 0, .34);font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;overflow-x:hidden}.top-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(56,255,139,.22);padding:12px max(18px,calc((100vw - 1180px)/2));background:#020403f0}.brand-button,.nav-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:6px;border:1px solid transparent;color:var(--text);background:transparent;font-weight:800}.brand-button{flex:0 0 auto;padding:0 10px;color:var(--green)}.nav-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs button{flex:0 0 auto;padding:0 12px;color:var(--muted)}.nav-tabs button:hover,.nav-tabs .is-active{border-color:var(--line);color:var(--green);background:#38ff8b14}.hero-section{position:relative;min-height:82vh;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(130deg,rgba(0,212,111,.16),transparent 34%),linear-gradient(230deg,rgba(78,216,255,.12),transparent 32%),repeating-linear-gradient(90deg,rgba(56,255,139,.032) 0,rgba(56,255,139,.032) 1px,transparent 1px,transparent 120px),#020403;contain:paint}.hero-section:before{position:absolute;top:7%;right:max(-72px,calc((100vw - 1180px)/2 - 132px));z-index:0;width:clamp(320px,28vw,500px);height:min(68vh,620px);content:"";background:url(/%EC%A1%B0%EC%98%A4%EC%BB%A4.avif) center / contain no-repeat;opacity:.24;filter:saturate(1.18) contrast(1.08) drop-shadow(0 0 26px rgba(56,255,139,.18));pointer-events:none;transform:rotate(-2deg)}.home-band,.view-shell{width:min(1180px,calc(100% - 36px));margin:18px auto 48px}.home-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#38ff8b2e}.home-status-grid div{min-width:0;padding:18px;background:#05100bf0}.home-status-grid span,.home-status-grid strong{display:block}.home-status-grid span{color:var(--muted);font-size:.78rem}.home-status-grid strong{overflow:hidden;margin-top:8px;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.view-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0 18px}.view-header h2{margin:4px 0 0;color:var(--text);font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05}.hero-section:after{position:absolute;inset:auto 0 0;height:46%;content:"";background:linear-gradient(180deg,transparent,#020403);pointer-events:none}.scanlines{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(180deg,transparent 0,transparent 6px,rgba(56,255,139,.04) 7px);pointer-events:none}.terminal-rain{position:absolute;inset:-20% 0 auto;z-index:0;display:grid;gap:10px;width:100%;min-width:840px;padding:28px;color:#38ff8b47;font-size:.86rem;line-height:1.3;transform:rotate(-3deg);animation:terminalFlow 22s linear infinite;pointer-events:none;will-change:transform}.terminal-rain span:nth-child(3n){color:#ffd16638}.terminal-rain span:nth-child(4n){color:#4ed8ff33}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);column-gap:40px;row-gap:34px;width:min(1180px,calc(100% - 36px));min-height:82vh;margin:0 auto;padding:72px 0 64px;align-content:center;align-items:end}.eyebrow,.panel-kicker,.runtime-note,.microcopy{color:var(--green);text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 0;font-size:.9rem}.hero-copy h1{margin:0;color:#f0fff6;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(5.2rem,15vw,12.2rem);line-height:.86;letter-spacing:0;text-shadow:0 0 18px rgba(56,255,139,.65),8px 0 0 rgba(255,92,122,.48),-8px 0 0 rgba(78,216,255,.34)}.hero-subtitle{max-width:680px;margin:24px 0 0;color:#d5ffe3;font-size:clamp(1.05rem,2vw,1.42rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.runtime-note{margin-top:18px;font-size:.84rem}.countdown-console,.panel{border:1px solid var(--line);border-radius:8px;background:#05100bf0;box-shadow:var(--shadow)}.countdown-console{position:relative;grid-column:1 / -1;justify-self:start;isolation:isolate;overflow:hidden;width:min(720px,100%);padding:24px}.console-topline,.status-strip,.panel-heading,.profile-summary,.score-row,.order-row,.chat-line,.weight-control{display:flex;align-items:center}.console-topline,.panel-heading{justify-content:space-between;gap:16px}.console-topline{color:var(--muted);font-size:.84rem}.console-topline strong{color:var(--amber);text-align:right}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.countdown-grid div{min-width:0;border:1px solid rgba(56,255,139,.22);border-radius:6px;padding:16px 8px;background:#0000007a;text-align:center}.countdown-grid strong{display:block;color:var(--green);font-size:clamp(1.85rem,4vw,3rem);line-height:1}.countdown-grid span{display:block;margin-top:8px;color:var(--muted);font-size:.72rem}.status-strip{flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.84rem}.phase-pill,.role-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;border:1px solid rgba(56,255,139,.34);padding:4px 10px;color:var(--green);background:#38ff8b14}.phase-presenting{border-color:#ffd16670;color:var(--amber);background:#ffd1661a}.phase-finished{border-color:#ff5c7a70;color:var(--red);background:#ff5c7a14}.ops-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;width:min(1180px,calc(100% - 36px));margin:18px auto 48px}.view-shell .ops-grid{width:100%;margin:0}.view-apply,.view-chat{grid-template-columns:minmax(0,1fr)}.view-stage .stage-panel,.view-vote .score-panel,.view-chat .chat-panel,.admin-panel{grid-column:1 / -1}.admin-command-grid,.panel-actions{display:flex;flex-wrap:wrap;gap:10px}.panel-actions{margin-top:18px}.panel{min-width:0;padding:20px;contain:layout paint style;content-visibility:auto;contain-intrinsic-size:420px}.stage-panel,.score-panel,.chat-panel{grid-column:span 1}.panel-heading{margin-bottom:18px;color:var(--green)}.panel-heading h2{margin:4px 0 0;color:var(--text);font-size:1.35rem}.panel-kicker{margin:0;color:var(--muted);font-size:.78rem}.primary-button,.secondary-button,.icon-text-button,.icon-button,.segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:6px;border:1px solid transparent;padding:0 16px;color:var(--bg);font-weight:800;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.primary-button{border-color:#38ff8bcc;background:var(--green)}.secondary-button,.icon-text-button{border-color:var(--line);color:var(--text);background:#38ff8b14}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.icon-text-button:hover:not(:disabled),.segmented-control button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--line-strong)}.compact{min-height:38px;padding:0 12px;font-size:.9rem}.icon-button{width:30px;height:30px;min-height:30px;border-color:#ff5c7a47;padding:0;color:var(--red);background:#ff5c7a14}.presenter-board{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}.presenter-copy{min-width:0}.presenter-copy h3{margin:6px 0;color:#fff;font-size:clamp(1.4rem,3vw,2.35rem);line-height:1.14}.presenter-copy p,.presenter-copy strong,.score-row span,.order-row span,.muted,.empty-state{color:var(--muted)}.presenter-copy strong{display:inline-block;margin-top:8px}.avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(56,255,139,.44);border-radius:50%;background:linear-gradient(135deg,#38ff8b3d,#4ed8ff1f),#08130e;color:var(--green);font-weight:900}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:34px;height:34px;font-size:.72rem}.avatar-md{width:48px;height:48px}.avatar-lg{width:clamp(82px,12vw,118px);height:clamp(82px,12vw,118px);font-size:1.5rem}.timer-dial{display:grid;gap:8px;justify-items:center;min-width:128px;color:var(--muted);text-align:center}.timer-ring{display:grid;width:118px;height:118px;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#020403 0 58%,transparent 59%),conic-gradient(var(--green) var(--progress),rgba(56,255,139,.14) 0)}.timer-ring strong{color:var(--text);font-size:1.34rem}.order-list,.scoreboard,.chat-log{display:grid;gap:10px}.order-list.is-shuffling .order-row{animation:shufflePulse .62s ease-in-out infinite alternate}.order-row{gap:12px;min-height:58px;border:1px solid rgba(56,255,139,.12);border-radius:6px;padding:10px;background:#00000040}.order-row.is-current{border-color:#ffd1669e;background:#ffd16614}.order-row div,.score-row div,.profile-summary div{min-width:0}.order-row strong,.score-row strong{display:block;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.order-index,.rank{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid rgba(78,216,255,.28);border-radius:6px;color:var(--cyan);background:#4ed8ff14}.stack-form,.score-form{display:grid;gap:12px}label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:.84rem}input,textarea,select{width:100%;min-width:0;border:1px solid rgba(56,255,139,.22);border-radius:6px;padding:11px 12px;color:var(--text);background:#0000006b;outline:none}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #38ff8b1f}input[type=range]{accent-color:var(--green);padding:0}.profile-summary{gap:12px;margin-bottom:16px}.profile-summary .icon-text-button{margin-left:auto}.role-badge{width:max-content;min-height:24px;margin-top:6px;font-size:.72rem}.role-master{border-color:#ffd1666b;color:var(--amber);background:#ffd16614}.role-judge{border-color:#b893ff6b;color:var(--violet);background:#b893ff14}.segmented-control{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:6px}.segmented-control button{min-height:38px;border:0;border-radius:0;color:var(--muted);background:#00000038}.segmented-control .is-active{color:var(--bg);background:var(--green)}.weight-control{flex-wrap:wrap;gap:12px;margin:16px 0;border:1px solid rgba(78,216,255,.16);border-radius:6px;padding:12px;background:#4ed8ff0f}.weight-control div{min-width:190px}.weight-control strong,.weight-control span{display:block}.weight-control span{margin-top:4px;color:var(--muted);font-size:.82rem}.weight-control input{flex:1 1 180px}.score-row{gap:12px;border-bottom:1px solid rgba(56,255,139,.12);padding:10px 0}.score-row b{margin-left:auto;color:var(--amber);font-size:1.15rem}.chat-panel{grid-column:1 / -1}.view-stage .chat-panel{grid-column:span 1}.chat-log{max-height:320px;overflow-y:auto;border:1px solid rgba(56,255,139,.16);border-radius:6px;padding:12px;background:#00000061}.chat-line{align-items:flex-start;gap:8px;min-width:0;color:#dffff0;line-height:1.5;overflow-wrap:anywhere}.chat-meta{flex:0 0 auto;color:var(--green)}.chat-message{flex:1 1 auto;min-width:0}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:12px}.microcopy{margin:8px 0 0;color:var(--muted);font-size:.78rem}.empty-state{margin:0;border:1px dashed rgba(56,255,139,.2);border-radius:6px;padding:18px;line-height:1.6}.toast{position:fixed;right:18px;bottom:18px;z-index:10;max-width:min(420px,calc(100% - 36px));border:1px solid var(--line-strong);border-radius:6px;padding:13px 16px;color:var(--text);background:#020c08f0;box-shadow:var(--shadow)}.spin{animation:spin .7s linear infinite}@keyframes terminalFlow{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-45%) rotate(-3deg)}}@keyframes shufflePulse{0%{transform:translate(-3px);border-color:#38ff8b2e}to{transform:translate(3px);border-color:#ffd16680}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.hero-content,.ops-grid{grid-template-columns:1fr}.top-nav{align-items:flex-start;flex-direction:column}.nav-tabs{width:100%}.view-header{align-items:flex-start;flex-direction:column}.hero-content{align-content:center;gap:26px}.hero-section:before{top:18%;right:-112px;width:min(380px,62vw);height:52vh;opacity:.18}.presenter-board{grid-template-columns:auto minmax(0,1fr)}.timer-dial{grid-column:1 / -1;justify-self:start}}@media(max-width:620px){.hero-section,.hero-content{min-height:88vh}.hero-content,.ops-grid,.home-band,.view-shell{width:min(100% - 24px,1180px)}.hero-content{padding:46px 0 42px}.countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section:before{top:30%;right:-150px;width:min(330px,90vw);height:42vh;opacity:.14}.home-status-grid,.hero-actions,.chat-form,.presenter-board{grid-template-columns:1fr}.primary-button,.secondary-button,.icon-text-button{width:100%}.profile-summary{align-items:flex-start}.profile-summary .icon-text-button{width:auto;margin-left:0}.chat-line{display:grid}}