:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a15;--panel:#131422;--panel2:#1b1d30;--stroke:#30334a;--text:#f5f4ff;--sub:#999bb5;--volt:#dbff52;--pin:#54e89e;--spin:#f8f8ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{-webkit-tap-highlight-color:transparent;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--volt);outline-offset:3px}[hidden]{display:none!important}.ambient{pointer-events:none;background:radial-gradient(55% 30% at 51% 0,#a757ff2e,#0000 75%),radial-gradient(30% 28% at 100% 37%,#4fdbe817,#0000),linear-gradient(#0000 97%,#ffffff05 100%) 0 0/100% 36px;position:fixed;inset:0}.shell{max-width:650px;min-height:100dvh;padding:18px 18px max(18px,env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;position:relative}.topbar{justify-content:space-between;align-items:center;gap:8px;padding-bottom:22px;display:flex}.home-link{color:var(--sub);letter-spacing:1px;white-space:nowrap;font-size:11px;font-weight:800;text-decoration:none}.home-link:hover{color:var(--volt)}.brand{letter-spacing:-1px;white-space:nowrap;font:700 19px Space Grotesk,sans-serif}.brand span{color:var(--volt)}.live{color:var(--sub);letter-spacing:.6px;white-space:nowrap;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.live i{background:var(--volt);width:6px;height:6px;box-shadow:0 0 12px var(--volt);border-radius:50%}main{flex:1}.hero{text-align:center;padding:31px 6px 22px}.eyebrow{color:var(--volt);letter-spacing:2px;margin:0 0 12px;font-size:10px;font-weight:900}.spark{vertical-align:middle;font-size:18px}.hero h1{letter-spacing:-2.5px;margin:0 0 16px;font:700 clamp(34px,9vw,59px)/.99 Space Grotesk,sans-serif}.hero h1 em{color:var(--volt);font-style:normal}.hero p{max-width:360px;color:var(--sub);margin:0 auto 24px;font-size:13px;line-height:1.65}.hero-pegs{justify-content:center;gap:14px;display:flex}.peg{color:#121322;border:3px solid #ffffff38;border-radius:50%;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid;box-shadow:0 5px 18px #0000004d,inset 0 -4px 8px #00000038}.red{background:#ff5579}.blue{background:#52adff}.yellow{background:#ffdc55}.purple{background:#b987ff}.surface{border:1px solid var(--stroke);background:linear-gradient(145deg,#1f2034f5,#131422fa);border-radius:20px;margin-bottom:16px;padding:20px;box-shadow:0 16px 40px #00000026}.start-panel{padding:16px}.tabbar,.view-tabs{background:#10111f;border:1px solid #292b43;border-radius:12px;gap:5px;margin-bottom:22px;padding:4px;display:flex}.tab,.view-tab{color:var(--sub);letter-spacing:.45px;background:0 0;border:0;border-radius:9px;flex:1;padding:12px 8px;font-size:12px;font-weight:900}.tab.active,.view-tab.active{background:var(--volt);color:#11131b}.field-label{letter-spacing:1.5px;color:#9ea0bd;margin:0 0 9px;font-size:10px;font-weight:900;display:block}.field-help{color:var(--sub);margin:0 0 18px;font-size:12px;line-height:1.5}input[type=text]{width:100%;color:var(--text);background:#111321;border:1px solid #41425b;border-radius:10px;outline:0;margin-bottom:22px;padding:14px 15px;display:block}input[type=text]:focus{border-color:var(--volt)}input[type=text]::placeholder{color:#787b93}.code-input{text-transform:uppercase;letter-spacing:4px;text-align:center;font-weight:800}.mode-title{margin-top:2px}.mode-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px;display:grid}.mode-option{text-align:left;border:1px solid var(--stroke);cursor:pointer;background:#101221;border-radius:12px;align-items:center;gap:9px;min-height:83px;padding:13px 10px;display:flex;position:relative}.mode-option.selected{border-color:var(--volt);background:#272e25;box-shadow:inset 0 0 0 1px #dbff5226}.mode-option input{opacity:0;pointer-events:none;position:absolute}.mode-icon{color:var(--volt);text-align:center;width:25px;font-size:22px;font-weight:800}.mode-body{flex-direction:column;gap:5px;display:flex}.mode-body strong{letter-spacing:.45px;font-size:11px}.mode-body small{color:var(--sub);font-size:10px;line-height:1.3}.mode-check{color:var(--volt);font-size:10px;display:none;position:absolute;top:8px;right:9px}.mode-option.selected .mode-check{display:block}.primary-btn,.outline-btn{letter-spacing:.7px;border:1px solid #0000;border-radius:11px;min-height:46px;padding:12px 16px;font-size:12px;font-weight:900;transition:transform .15s,border-color .15s}.primary-btn{background:var(--volt);color:#101319;justify-content:space-between;align-items:center;width:100%;display:flex}.primary-btn:active,.outline-btn:active{transform:scale(.98)}.primary-btn span{font-size:21px;line-height:15px}.outline-btn{color:var(--text);background:0 0;border-color:#54546d}.outline-btn.full{width:100%;margin-top:10px}.outline-btn.small{min-height:36px;padding:9px 12px;font-size:11px}.bottom-note{text-align:center;color:#82849c;margin:18px 0 2px;font-size:10px;font-weight:600}.bottom-note span{color:var(--volt);margin:0 5px}.howto{padding:16px 2px}.section-heading,.panel-title{justify-content:space-between;align-items:center;gap:10px;margin:0 0 18px;display:flex}.section-heading strong,.panel-title h2{letter-spacing:1px;margin:0;font:700 14px Space Grotesk,sans-serif}.section-heading span,.panel-title span{color:var(--sub);letter-spacing:.6px;font-size:10px}.howto-row{align-items:flex-start;gap:16px;margin:0 0 15px;padding:0 4px;display:flex}.howto-number{height:30px;color:var(--volt);background:#242d2b;border-radius:9px;flex:0 0 30px;place-items:center;font-size:12px;font-weight:800;display:grid}.howto-row strong{font-size:13px}.howto-row p{color:var(--sub);margin:3px 0 0;font-size:11px;line-height:1.6}.pin-text{color:var(--pin)}.spin-text{color:var(--spin)}.footer{text-align:center;letter-spacing:2px;color:#73758d;padding:20px 0 5px;font-size:10px;font-weight:800}.footer span{color:var(--volt)}.room-header{justify-content:space-between;align-items:center;padding:12px 2px 20px;display:flex}.room-header h1{letter-spacing:5px;margin:0;font:700 44px Space Grotesk,sans-serif}.room-mode{color:var(--sub);letter-spacing:1px;margin:4px 0;font-size:11px}.player-list{flex-direction:column;gap:9px;margin-bottom:20px;display:flex}.player-item{background:#111323;border:1px solid #34364b;border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.player-avatar{width:33px;height:33px;color:var(--volt);background:#2c3150;border-radius:11px;place-items:center;font-size:17px;font-weight:900;display:grid}.player-info{flex:1;min-width:0}.player-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.player-description{color:var(--sub);margin-top:3px;font-size:10px}.ready-pill{color:var(--pin);font-size:10px;font-weight:900}.ready-pill.wait{color:#ffcf79}.lobby-help{color:var(--sub);margin-bottom:14px;font-size:11px;line-height:1.6}.match-meta{justify-content:space-between;align-items:center;margin:4px 2px 18px;display:flex}.match-meta>div:first-child{flex-direction:column;gap:7px;display:flex}.match-meta span{color:var(--volt);letter-spacing:1.2px;font-size:11px;font-weight:900}.match-meta strong{letter-spacing:-.6px;font:700 22px Space Grotesk,sans-serif}.timer{color:var(--volt);background:#1c2132;border:1px solid #3e4457;border-radius:10px;padding:9px 11px;font:700 27px Space Grotesk,sans-serif}.timer.urgent{color:#ff7891;border-color:#ff7891}.view-tabs{margin-bottom:15px}.view-tab{font-size:11px}.slots{justify-content:center;gap:8px;margin:8px 0 22px;display:flex}.slot{color:#7e829e;background:#101320;border:2px solid #484b66;border-radius:16px;place-items:center;width:clamp(51px,15vw,76px);height:clamp(51px,15vw,76px);font-size:23px;font-weight:900;display:grid;position:relative}.slot.selected{border-color:var(--volt);box-shadow:0 0 0 3px #dbff521f}.slot.filled{border-color:var(--slot-color);background:color-mix(in srgb,var(--slot-color) 18%,#101320);color:var(--slot-color)}.slot-number{color:#8689a4;font:700 9px DM Sans,sans-serif;position:absolute;top:5px;left:7px}.slot-shape{text-shadow:0 0 15px color-mix(in srgb,var(--slot-color) 35%,transparent);font-size:28px}.colors-label{margin-bottom:12px}.color-palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:22px;display:grid}.color-choice{min-height:65px;color:var(--color);background:#111323;border:1px solid #46475d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 2px;display:flex}.color-choice span{font-size:26px;font-weight:900;line-height:1}.color-choice small{color:#b8b9ca;font-size:9px}.color-choice:hover,.color-choice:focus-visible{border-color:var(--color)}.guess-actions{gap:9px;display:flex}.guess-actions>.outline-btn{flex:0 0 28%}.guess-actions>.primary-btn{flex:1}.history-panel,.results-panel{padding:17px}.guess-list{flex-direction:column;gap:9px;display:flex}.guess-item{background:#101220;border:1px solid #30334a;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.guess-id{flex-direction:column;gap:3px;min-width:38px;display:flex}.guess-id b{white-space:nowrap;font-size:10px}.guess-id small{color:var(--sub);font-size:9px}.tiny-pegs{align-items:center;gap:4px;min-width:0;display:flex}.tiny-peg{border:1px solid var(--color);min-width:18px;max-width:32px;height:32px;color:var(--color);background:color-mix(in srgb,var(--color) 18%,#0e1120);border-radius:9px;flex:0 32px;place-items:center;font-size:18px;font-weight:900;display:grid}.score{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;font-size:10px;font-weight:900;display:flex}.score .pin{color:var(--pin)}.score .spin{color:var(--spin)}.score .pending{color:var(--sub)}.empty-state{text-align:center;color:var(--sub);border:1px dashed #404158;border-radius:12px;padding:22px 13px;font-size:12px;line-height:1.7}.round-group{margin:16px 0}.round-group h3{color:var(--volt);letter-spacing:1px;margin:0 0 8px;font-size:11px}.finish-panel{text-align:center;padding:27px 19px}.finish-panel h2{margin:0 0 6px;font:700 31px Space Grotesk,sans-serif}.finish-panel p:not(.eyebrow):not(.field-label){color:var(--sub);margin:0 0 22px;font-size:13px;line-height:1.6}.finish-panel .field-label{margin-top:18px}.answer-slots{margin:0 0 20px}.trophy{color:var(--volt);margin-bottom:8px;font-size:48px;display:block}.leave-link{color:#888ba4;background:0 0;border:0;margin:19px auto;padding:10px;font-size:12px;display:block}.toast{z-index:20;bottom:calc(22px + env(safe-area-inset-bottom));color:#fff;text-align:center;opacity:0;pointer-events:none;background:#35374d;border:1px solid #5e617c;border-radius:12px;min-width:180px;max-width:min(380px,90vw);padding:12px 20px;font-size:12px;line-height:1.5;transition:transform .2s,opacity .2s;position:fixed;left:50%;transform:translate(-50%,14px);box-shadow:0 12px 30px #0008}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=390px){.shell{padding-left:12px;padding-right:12px}.mode-grid{grid-template-columns:1fr}.mode-option{min-height:60px}.color-choice{min-height:58px}.color-choice small{font-size:8px}.tiny-peg{height:26px;font-size:15px}.guess-item{gap:5px;padding:8px}.guess-id{min-width:30px}.live span{display:none}.hero{padding-top:18px}}@media (width>=640px){.shell{padding-top:24px}.hero{padding-top:65px}.mode-option{min-height:90px}.guess-panel{padding:26px}.color-choice{min-height:84px}.howto{padding-top:25px}}