:root{font-family:Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif;color:#fff4df;--ink:#261431;--panel:#32173c;--purple:#a139e0;--lime:#d8ff36;--gold:#f5bd3f;--ivory:#fff4df;--muted:#cbb4d1;--outline:#d5a1ea;--display:Impact,"Arial Black","Trebuchet MS",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:#25142e;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.47}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(2px)}button{transition:filter .15s,transform .12s,background .15s}button svg,span[data-icon] svg{display:block;width:24px;height:24px}button span[data-icon]{display:inline-flex;flex:none}input{min-width:0;background:#211329;border:2px solid #82538e;border-radius:9px;color:#fff5e5;padding:14px 15px;font-size:16px;box-shadow:inset 0 3px #160b2340}input::placeholder{color:#a58baa;font-weight:700;letter-spacing:1.4px}input:focus{border-color:#d99fff;outline:none}kbd{font:700 11px monospace;color:#bca5c9;background:#201429;border:1px solid #846591;border-bottom-width:3px;border-radius:4px;padding:3px 5px;white-space:nowrap}h1,h2,h3,p{margin:0}button img{pointer-events:none}a{color:var(--lime)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#arena{position:fixed;inset:0;width:100%;height:100%;touch-action:auto;pointer-events:none;z-index:0;outline:none}.ambient-vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(30,16,45,.25),transparent 29%,transparent 70%,rgba(26,15,37,.4));z-index:1}#app{position:relative;min-height:100dvh;z-index:2;pointer-events:none}#app button,#app input,#app dialog,#app canvas{pointer-events:auto}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;padding:15px 30px 9px;gap:18px;position:relative;z-index:10}.brand{display:flex;flex-direction:column;align-items:center;background:none;border:0;padding:0;width:216px;flex:none;filter:drop-shadow(0 4px 0 #28132ba8)}.brand img{width:100%;height:62px;object-fit:contain}.brand span{font-family:var(--display);font-size:17px;letter-spacing:1.8px;transform:rotate(-2deg);margin-top:-2px;background:linear-gradient(#4e275b,#261330);border:2px solid #cc83ee;box-shadow:0 3px #1d1124;padding:3px 18px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.topbar-right{display:flex;align-items:center;gap:9px}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:2px solid #ad7cc2;border-radius:12px;background:linear-gradient(#49244e,#2c1537);box-shadow:0 3px #25112f;color:#f8edda}.connection-pill{font-size:10px;font-weight:900;letter-spacing:.9px;background:#2a193bdd;border:1px solid #a474bd;padding:11px 13px;border-radius:25px;display:flex;align-items:center;gap:8px;margin-right:7px}.connection-pill i,.live-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:100%;background:var(--lime);box-shadow:0 0 9px #cfff3180}.connection-pill[data-state=reconnecting] i,.connection-pill[data-state=connecting] i{background:#f8c55c;animation:pulse 1s infinite}.connection-pill[data-state=error] i{background:#ff7d8b}.bevel-panel{background:linear-gradient(145deg,#47204f,#2c1738 45%,#321737);border:3px solid #bb7dd3;box-shadow:0 0 0 3px #351344,0 0 0 5px #9c46c9,inset 0 0 0 3px #25122d,inset 0 0 18px #b058db18,0 10px #2a18314f;border-radius:18px}.button{border:2px solid #c596d8;background:linear-gradient(#66336e,#3a2049);box-shadow:inset 0 2px #ffffff31,0 4px #23122d,0 0 0 1px #21102c;color:#fff3de;border-radius:10px;padding:13px 19px;display:flex;gap:10px;align-items:center;justify-content:center;font-weight:900;letter-spacing:.5px;min-height:48px;font-size:14px;line-height:1.2}.button.primary{background:linear-gradient(155deg,#e8ff62,#cded25 60%,#b2d212);color:#291537;border-color:#f0ff94;box-shadow:inset 0 -4px #87aa1880,inset 0 2px #ffffc9,0 5px #608018,0 0 0 3px #362044}.button.primary svg{stroke-width:3}.button.big{font-family:var(--display);font-size:22px;padding:19px 21px;letter-spacing:1px}.button.secondary{background:linear-gradient(135deg,#66366f,#35213e)}.button.compact{padding:11px 15px;min-height:46px}.button.small{font-size:12px;min-height:40px;padding:9px 15px}.button .arrow{margin-left:auto;font-family:Arial;font-size:28px;font-weight:900}.small-tag{font-size:10px;border:1px solid #a987b7;border-radius:5px;padding:4px 5px;color:#d6badf;margin-left:auto}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:900;display:flex;align-items:center;gap:8px;color:#e6fbb5}.subtle{color:#c3aecb;font-size:13px;line-height:1.6}.text-button{border:0;background:transparent;font-size:11px;font-weight:900;letter-spacing:.9px;color:#e8d8f0;padding:8px 0;display:inline-flex;align-items:center;gap:6px}.home-screen{width:min(1300px,calc(100% - 88px));margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;column-gap:8%;padding-top:29px;min-height:calc(100dvh - 104px);align-content:center}.hero-copy{padding:9px 0 0;position:relative;z-index:1}.hero-copy .eyebrow{color:#331b43;font-size:10px;letter-spacing:1.15px;text-shadow:0 1px 5px #ffffff88}.hero-copy .live-dot{background:#7d2eb9;box-shadow:none}.hero-copy h1{font-family:var(--display);font-size:clamp(46px,5.2vw,76px);font-weight:900;line-height:1.04;letter-spacing:.2px;margin:18px 0;color:#fff5da;text-shadow:3px 4px 0 #32213e,-2px -2px 0 #32213e,2px -2px 0 #32213e,-2px 2px 0 #32213e,0 7px 0 #63318370}.hero-copy h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:16px;line-height:1.65;color:#312238;font-weight:700;text-shadow:0 1px 6px #ffffffc7}.hero-character{height:206px;position:relative;display:flex;align-items:flex-end;margin-top:0}.hero-character>canvas{height:260px!important;width:260px!important;filter:drop-shadow(0 9px 6px #3622444f);position:relative;left:0;top:30px}.speech-bubble{position:absolute;left:221px;top:28px;transform:rotate(6deg);font:19px var(--display);background:#3d1a4a;border:2px solid #dc9cff;color:#fff7df;padding:11px 15px;border-radius:10px 10px 10px 0;white-space:nowrap;box-shadow:0 4px #1a0d2e}.hero-materials{position:absolute;display:flex;bottom:-5px;left:230px;filter:drop-shadow(0 5px 3px #211c3655)}.hero-materials canvas{width:64px!important;height:64px!important;margin-left:-7px}.entry-panel{padding:27px 29px 21px;max-width:470px;width:100%;justify-self:end;align-self:center;position:relative;pointer-events:auto}.panel-kicker{font-size:9px;font-weight:900;letter-spacing:1.65px;color:#cda2e7;margin-bottom:10px}.entry-panel h2{font-size:25px;letter-spacing:-.5px;line-height:1.2;margin-bottom:9px}.entry-panel .subtle{font-size:12px;margin-bottom:22px}.field-label{display:block;font-size:9px;letter-spacing:1.3px;font-weight:900;color:#cbb1d6;margin-bottom:8px}.entry-panel>#player-name{width:100%;margin-bottom:17px;height:46px;font-size:15px}.entry-panel>.button{width:100%;margin-top:12px}.entry-panel>.button.secondary{font-size:13px}.entry-panel>.button.big{font-size:21px}.or-divider{display:flex;align-items:center;gap:11px;color:#ac8eb9;font-size:9px;letter-spacing:1.1px;font-weight:800;margin:24px 0 14px;white-space:nowrap}.or-divider:before,.or-divider:after{content:"";height:1px;background:#7d4c8663;flex:1}.join-form{display:flex;gap:10px}.join-form input{width:100%;flex:1;font-size:13px;letter-spacing:2px;text-transform:uppercase}.entry-footer{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#bca4c6;margin-top:19px;white-space:nowrap}.entry-footer svg{width:16px!important;height:16px!important;color:#bf91d3}.entry-footer i{width:3px;height:3px;background:#81658f;border-radius:50%}.entry-footer span:nth-of-type(2){font-weight:800;color:#dcc6e3}.inline-error{font-size:12px;line-height:1.4;color:pink;background:#71384766;border:1px solid #cd7d9055;border-radius:8px;margin-top:15px;padding:10px}.home-bottom{grid-column:1/-1;display:flex;gap:14px;align-items:center;margin:39px 0 24px}.rule-chip{display:flex;align-items:center;gap:10px;background:linear-gradient(140deg,#52265c,#2b1937);border:2px solid #b77fce;box-shadow:0 0 0 2px #3d1a4b,0 4px #2d163455;border-radius:10px;padding:10px 15px;min-width:145px;transform:skew(-3deg);flex:none}.rule-chip>span[data-icon]{color:var(--lime)}.rule-chip>span[data-icon] svg{width:31px;height:31px;stroke-width:2.7}.rule-chip b{font-family:var(--display);font-size:15px;font-weight:400;line-height:1;letter-spacing:.3px;display:block}.rule-chip strong{font-family:var(--display);font-size:25px;display:block;line-height:1.08;font-weight:400}.rule-chip:last-of-type strong{font-size:17px}.home-tagline{font-size:15px;color:#fff8e4;text-shadow:0 2px 3px #283221;font-style:italic;margin-left:auto;max-width:265px;line-height:1.6;text-align:right}.version-footer{grid-column:1/-1;display:flex;align-items:center;gap:16px;border-top:1px solid #ffffff30;padding:13px 0 17px;font-size:8px;letter-spacing:1px;color:#fff7dfa8;font-weight:800}.version-footer span:first-child{margin-right:auto}.room-screen{width:min(1380px,calc(100% - 72px));margin:0 auto;padding:0 0 23px;min-height:calc(100dvh - 104px)}.room-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 27px}.room-topline>.text-button{color:#35223c;font-weight:900;text-shadow:0 1px 2px #ffffff80}.room-code-pill{display:flex;align-items:center;gap:12px;background:#2e193c;border:1px solid #a971c3;border-radius:8px;padding:7px 10px;color:#d6bddf}.room-code-pill>span{font-size:9px;letter-spacing:1px}.room-code-pill strong{color:var(--lime);font-size:17px;letter-spacing:2px;font-family:monospace}.mini-icon{border:0;background:none;color:#bfa4cc;padding:4px}.mini-icon svg{width:15px;height:15px}.invite-button{font-family:var(--display);font-size:18px;letter-spacing:.6px;min-height:44px;padding:9px 17px}.invite-button svg{color:var(--lime)}.team-size-panel{margin:0 auto 37px;position:relative;width:fit-content;display:flex;align-items:center;gap:23px;padding-top:23px}.ribbon-label{font-family:var(--display);font-size:18px;letter-spacing:1px;position:absolute;top:-10px;left:50%;transform:translate(-60%);white-space:nowrap;background:linear-gradient(#52205b,#271431);border:2px solid #c886e3;padding:7px 30px;border-radius:9px 9px 0 0;box-shadow:0 -2px #582768}.size-options{padding:10px;display:flex;gap:6px;border-radius:13px;position:relative;z-index:1}.size-options button{width:44px;height:43px;border:2px solid #a879ba;border-radius:8px;box-shadow:inset 0 2px #ffffff1a,0 3px #160c22;background:linear-gradient(#5b3566,#2d1c39);font-family:var(--display);font-size:25px;line-height:1;color:#fff2d9}.size-options button.selected{background:linear-gradient(#edff62,#bbdf20);color:#261530;border-color:#efff85;box-shadow:0 3px #678811}.versus-badge{font-family:var(--display);font-size:36px;background:linear-gradient(#673077,#2a1732);border:3px solid #c585e3;box-shadow:0 0 0 3px #32123f,0 5px #28132d;padding:8px 21px;transform:rotate(-3deg);border-radius:14px;white-space:nowrap}.host-note{position:absolute;top:100%;left:11px;margin-top:11px;font-size:9px;color:#372440;font-weight:800;text-shadow:0 1px 2px #ffffffa0}.teams-layout{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;gap:12px}.team-panel{padding:54px 17px 11px;position:relative;min-width:0;margin-top:28px}.team-heading{position:absolute;display:flex;align-items:center;gap:12px;left:17px;right:17px;top:-29px;background:linear-gradient(#9635c9,#5c187b);border:3px solid #d488ed;box-shadow:0 3px #24102e;border-radius:11px;transform:rotate(-1deg);min-height:61px;padding:10px 15px 10px 67px;white-space:nowrap}.team-heading h2{font-family:var(--display);font-size:clamp(22px,2.6vw,36px);font-weight:400;letter-spacing:.5px;text-shadow:0 3px 0 #34123c}.shield{position:absolute;left:8px;top:-13px;background:linear-gradient(120deg,#cc6dff,#6e1bb6);border:3px solid #df9cff;box-shadow:0 0 0 3px #411850;width:54px;height:76px;display:grid;place-items:center;clip-path:polygon(50% 0,100% 15%,91% 70%,50% 100%,9% 70%,0 15%)}.shield svg{width:34px;height:34px;fill:#f5eccb;stroke-width:1.5;stroke:#ffedcc}.team-count{margin-left:auto;align-self:center;font-size:11px;font-weight:900;color:#e2b7f2;background:#30143b69;border-radius:6px;padding:5px}.team-panel.gold .team-heading{background:linear-gradient(#e9b42e,#8b4a08);border-color:#ffe06c;transform:rotate(1deg)}.team-panel.gold .shield{background:linear-gradient(120deg,#ffe775,#d48b08);border-color:#ffe97e}.team-panel.gold .team-heading h2{text-shadow:0 3px 0 #593607}.team-panel.gold .team-count{color:#ffe5aa;background:#51301677}.player-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-height:108px;align-content:start}.player-slot{position:relative;border:2px solid #a274b4;border-radius:11px;background:linear-gradient(#47264f,#2a1935);display:flex;flex-direction:column;align-items:center;justify-content:center;height:106px;min-width:0;box-shadow:inset 0 0 0 2px #281532}.player-slot.empty{border-style:dashed;border-color:#a784b36e;background:#21142b40;font-size:30px;font-weight:900;color:#c396d9b0;box-shadow:none}.player-slot.self{border-color:var(--lime);box-shadow:0 0 0 1px #e4ff89,inset 0 0 10px #d8ff3022}.player-slot .player-art{height:68px!important;width:68px!important;max-width:100%;filter:drop-shadow(0 3px 2px #10061950)}.player-name{display:block;max-width:100%;font-size:9px;line-height:1.3;font-weight:800;color:#eddaef;padding:2px 5px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.player-slot.self .player-name{background:var(--lime);color:#33203e;border-radius:4px;width:calc(100% - 6px);padding:3px 2px}.ready-check{position:absolute;right:3px;bottom:24px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ceef37;color:#2e2135;border:2px solid #2c1635;font-weight:900;font-size:11px}.player-bot{position:absolute;left:4px;top:4px;font-size:7px;letter-spacing:.5px;color:#ccacd9;font-weight:900;background:#25122e80;padding:2px 3px;border-radius:3px}.player-slot.disconnected{opacity:.5}.team-join{width:100%;justify-content:center;margin-top:9px;font-size:9px;color:#d4b6e4}.team-panel.gold .team-join{color:#e9c582}.versus-divider{text-align:center;position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.versus-divider>span{font-family:var(--display);font-size:34px;color:#fff7e3;text-shadow:2px 3px 0 #392044,-2px -2px 0 #392044;transform:rotate(-8deg)}.versus-divider canvas{width:115px!important;height:115px!important;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);filter:drop-shadow(0 5px 2px #2c1d3144)}.lobby-footer{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:20px}.lobby-how{display:flex;flex-wrap:wrap;gap:9px;max-width:540px}.lobby-how .rule-chip{min-width:133px;padding:8px 13px}.lobby-how .rule-chip strong{font-size:23px}.lobby-how .rule-chip:last-of-type strong{font-size:16px}.lobby-how>p{flex-basis:100%;font-size:11px;font-weight:800;color:#fff9e4;line-height:1.5;text-shadow:0 2px 3px #38283c;margin-top:6px}.lobby-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.button.ready{min-width:245px;min-height:73px;font-family:var(--display);font-size:31px;letter-spacing:1px;transform:rotate(-1deg)}.button.ready svg{width:33px;height:33px;stroke-width:3.4}.button.ready.is-ready{background:linear-gradient(#7b4c8a,#40244a);color:#e5fc9a;border-color:#bc95d0;box-shadow:0 4px #2b1534}.lobby-tagline{font-size:15px;font-style:italic;text-align:center;padding:10px 35px;background:#422048e8;width:fit-content;margin:19px auto 0;border:2px solid #a061b7;border-radius:6px;box-shadow:0 3px #271432;color:#f8ebda;transform:rotate(-1deg)}.spectator-row{text-align:center;margin-top:20px;font-size:11px}.game-screen{position:fixed;inset:0;pointer-events:none}.is-playing .topbar{height:70px;padding:10px 20px}.is-playing .brand{width:150px}.is-playing .brand img{height:40px}.is-playing .brand span{font-size:11px;padding:2px 12px;letter-spacing:1.2px}.is-playing .connection-pill{font-size:8px;padding:8px 10px}.is-playing .icon-button{width:34px;height:34px;border-radius:9px}.is-playing .icon-button svg{width:18px;height:18px}.match-hud{position:absolute;top:85px;left:30px;right:30px;display:flex;align-items:flex-start;justify-content:center;gap:28px;filter:drop-shadow(0 3px 2px #26152e4f)}.king-status{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#442052f5,#2b173ce8);border:2px solid #b174ce;border-radius:12px;padding:11px 15px;max-width:340px;width:29%;margin-top:7px;box-shadow:inset 0 1px #fff3,0 4px #271230}.king-status>div:not(.king-emblem){flex:1}.king-emblem{width:38px;height:46px;display:grid;place-items:center;color:#e9c1ff;background:#7839a7;clip-path:polygon(50% 0,100% 12%,90% 72%,50% 100%,10% 72%,0 12%);flex:none}.king-emblem svg{width:28px;height:28px;fill:#ecd3ff;stroke-width:1}.king-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:7px;letter-spacing:.65px}.king-label>span{font-size:9px;font-weight:900;color:#c9e98c}.health-track{height:12px;border:2px solid #21152b;background:#1e1428;border-radius:6px;overflow:hidden;box-shadow:0 1px #b98bca4a}.health-track>div{height:100%;width:100%;background:linear-gradient(#d1a0ff,#9d44dc);border-radius:3px;transition:width .2s ease-out}.gold .health-track>div{background:linear-gradient(#ffdc6b,#eaaa28)}.king-status.gold{border-color:#d7ae53;background:linear-gradient(120deg,#3a2331e8,#543721f5)}.gold .king-emblem{background:#ad7a20;color:#ffe7ad}.gold .king-emblem svg{fill:#ffedb8}.presence-label{font-size:7px;letter-spacing:1px;font-weight:800;color:#c9abd9;margin-top:7px;display:block}.gold .presence-label{color:#d3bd9e}.phase-badge{min-width:164px;display:flex;align-items:center;flex-direction:column;border-radius:11px;padding:9px 20px 7px;position:relative;overflow:hidden}.phase-badge>span{color:#c5a3d8;font-size:8px;font-weight:900;letter-spacing:1.8px}.phase-badge>strong{font:32px var(--display);letter-spacing:1.2px;color:var(--lime);margin:3px 0 0}.phase-badge>div:not(.phase-progress){display:flex;align-items:center;gap:7px;line-height:1}.phase-badge svg{width:15px;height:15px;color:#d7b6e7}.phase-badge b{font:31px var(--display);font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.phase-badge small{font-size:13px;color:#c3a3d3}.phase-badge.attack>strong{color:#ffce67}.phase-badge.urgent{animation:timerPulse .75s infinite alternate}.phase-progress{height:4px;background:#2b1638;width:100%;margin-top:8px;border-radius:2px}.phase-progress i{display:block;height:100%;width:100%;background:var(--lime);transition:width .1s linear}.phase-badge.attack .phase-progress i{background:#ffc862}.game-top-actions{position:absolute;top:87px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.glass-button{background:#352241d9;border:1px solid #bb92cc;display:grid;place-items:center;padding:7px;border-radius:8px;color:#e5cee9;box-shadow:0 2px #21132b}.glass-button svg{width:18px;height:18px}.game-top-actions>.glass-button{transform:translateY(110px)}.phase-instruction{position:absolute;top:136px;left:50%;transform:translate(-50%);font-size:11px;font-weight:800;white-space:nowrap;color:#412c4c;text-shadow:0 1px 2px #ffffffaa;background:#fff5e5c9;border:1px solid #fff3d7bd;border-radius:20px;padding:7px 16px;box-shadow:0 3px 9px #42395e1a}.camera-toolbar{position:absolute;bottom:139px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:3px;border:1px solid #ac79c2;background:#281735ed;border-radius:10px;padding:5px;box-shadow:0 3px #24112f;pointer-events:auto}.camera-button{border:0;background:transparent;display:flex;align-items:center;gap:5px;padding:8px 10px;min-height:30px;border-radius:6px;font-size:8px;letter-spacing:.7px;font-weight:900;color:#d2badd}.camera-button svg{width:15px;height:15px}.camera-button.active{background:#614071;color:var(--lime)}.camera-button.square{font-size:20px;min-width:29px;padding:3px 7px;justify-content:center;line-height:1}.toolbar-separator{height:18px;width:1px;background:#70517d;margin:0 3px}.game-dock{position:absolute;bottom:20px;left:24px;right:24px;display:flex;align-items:center;gap:20px;padding:11px 18px;border-radius:15px;min-height:100px;background:linear-gradient(130deg,#412049fa,#291a36f5);pointer-events:auto;box-shadow:0 0 0 3px #351344,0 0 0 4px #9c46c9,inset 0 0 0 2px #25122d,0 7px #2a18314f}.current-item{display:flex;align-items:center;gap:13px;min-width:260px}.current-preview{width:80px;height:80px;flex:none;display:grid;place-items:center;border:2px solid #deee70;box-shadow:inset 0 0 14px #caff3025,0 0 0 2px #22102a;background:linear-gradient(#5c3f58,#332139);border-radius:12px;cursor:grab;touch-action:none;position:relative}.current-preview:after{content:"NOW";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:var(--lime);border-radius:3px;font-size:8px;font-weight:900;padding:2px 8px;color:#38203d}.current-copy>span{font-size:8px;letter-spacing:1.4px;color:#c7a4d7;font-weight:800}.current-copy h2{font-family:var(--display);font-size:23px;letter-spacing:.6px;font-weight:400;line-height:1.1;margin-top:6px}.current-copy p{font-size:9px;color:#ccbbd4;margin-top:7px;max-width:230px;line-height:1.4}.queue-section{border-left:1px solid #7b528e66;padding-left:18px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.queue-section>span{font-size:8px;letter-spacing:1.2px;color:#a889b9;font-weight:800;margin:0 0 7px}.queue-items{display:flex;gap:6px}.queue-item{width:51px;height:51px;border:1px solid #825b94;border-radius:8px;background:#271932;display:grid;place-items:center;opacity:.85}.queue-item:first-child{opacity:1}.queue-item canvas{width:46px!important;height:46px!important}.dock-action{display:flex;flex-direction:column;gap:8px;align-items:center;margin-left:auto;min-width:175px}.dock-action>.button{min-height:41px;min-width:175px;font-size:12px;padding:10px 14px}.dock-action>span{font-size:8px;color:#bd9bce;max-width:235px;line-height:1.4;text-align:center}.ability kbd{background:#accb26;color:#3b4e05;border-color:#859d25}.minimap-section{display:flex;flex-direction:column;gap:7px;align-items:center;border-left:1px solid #7b528e66;padding-left:20px}.minimap-section>canvas{width:200px;height:47px;border:1px solid #8b5e9b;border-radius:6px;cursor:pointer}.minimap-section>span{font-size:7px;letter-spacing:.8px;color:#a98ab9;font-weight:700}.phase-announcement{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%) rotate(-2deg);background:linear-gradient(#613078,#2b173c);padding:24px 50px;border:3px solid #d8a1ed;box-shadow:0 0 0 4px #341344,0 10px #22122955;border-radius:14px;text-align:center;white-space:nowrap;animation:announceIn .3s ease-out;z-index:12}.phase-announcement>span{display:block;font-size:10px;letter-spacing:2px;color:#dec3f0}.phase-announcement strong{display:block;font-family:var(--display);font-size:46px;color:var(--lime);letter-spacing:1px;margin-top:7px;text-shadow:0 3px 0 #371540}.phase-announcement p{font-size:13px;margin-top:10px;color:#efddf4}.reconnect-banner,.spectating-label{position:absolute;top:252px;left:50%;transform:translate(-50%);font-size:12px;background:#452e22ee;color:#ffe9bb;border:1px solid #ffda7b;border-radius:9px;padding:11px 20px;font-weight:800}.spectating-label{top:auto;bottom:195px;background:#362143e6;color:#e8d4f1;border-color:#9d6cb6;font-size:10px;letter-spacing:1px}.toast{position:fixed;left:50%;bottom:172px;transform:translate(-50%);background:#291637ed;border:2px solid #c58ad9;border-radius:10px;padding:13px 21px;box-shadow:0 5px #1d1128;color:#f9f2d9;font-size:12px;max-width:min(90vw,560px);line-height:1.5;text-align:center;z-index:100;animation:toastIn .2s ease-out}.toast.error{border-color:#ef8b9b}.game-dialog{border:3px solid #c88ee1;border-radius:20px;background:linear-gradient(135deg,#46234f,#281832);color:#fff2df;padding:34px;box-shadow:0 0 0 4px #2a1337,0 20px 80px #0009;max-width:850px;width:calc(100% - 40px);max-height:calc(100dvh - 60px);overflow:auto;pointer-events:auto}.game-dialog::backdrop{background:#1e112bc9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:16px;font-size:25px;width:32px;height:32px;border-radius:9px;line-height:1}.game-dialog>.eyebrow{font-size:9px;margin-bottom:12px}.game-dialog h2{font-family:var(--display);font-size:38px;font-weight:400;letter-spacing:.4px;margin-bottom:13px}.dialog-intro{font-size:13px;line-height:1.6;color:#d2bfd9;max-width:650px}.help-phases{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:24px 0}.help-phases article{background:#23142a66;border:1px solid #825b954d;border-radius:12px;padding:18px;position:relative}.help-phases article>span[data-icon]{float:left;color:var(--lime);margin-right:11px}.help-phases h3{font-size:13px;margin:4px 0 15px;letter-spacing:.5px}.help-phases p,.material-guide p,.help-camera{font-size:11px;color:#cdb8d6;line-height:1.7}.help-subheading{font-size:11px;letter-spacing:1px;margin:15px 0}.creature-guide{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.creature-guide article{text-align:center;background:#21132a66;border-radius:10px;border:1px solid #7952896b;padding:6px 10px 14px}.creature-guide canvas{width:80px!important;height:80px!important;max-width:100%;margin:0 auto}.creature-guide h4{font-family:var(--display);font-size:20px;margin:0 0 7px;letter-spacing:.5px}.creature-guide p{font-size:9px;line-height:1.5;color:#c8afd2}.material-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:21px 0;border-top:1px solid #895b9944;padding-top:19px}.material-guide b{color:#ebd099}.material-guide p:nth-child(3) b{color:#9fedff}.help-camera{margin:16px 0 23px;border-top:1px solid #895b9944;padding-top:17px}.game-dialog>.button{width:100%}.invite-dialog{max-width:540px;text-align:center;padding:42px 30px 32px}.invite-dialog>.eyebrow{justify-content:center;font-size:8px}.invite-dialog>p{font-size:12px;line-height:1.7;color:#cfbad8}.invite-code{font:45px monospace;letter-spacing:7px;font-weight:900;color:var(--lime);padding:25px 5px 23px}.invite-link-row{display:flex;gap:8px;margin-bottom:20px}.invite-link-row input{flex:1;font-size:11px;padding:12px 10px;color:#c9b2d7}.invite-link-row .button{font-size:11px}.invite-dialog>.button{margin:17px 0}.victory-overlay{position:absolute;inset:0;background:#271239b0;backdrop-filter:blur(5px);z-index:30;display:grid;place-items:center;pointer-events:auto;padding:24px}.victory-card{width:min(480px,100%);text-align:center;padding:29px 32px 22px;max-height:95dvh;overflow:auto}.victory-card>.eyebrow{justify-content:center;font-size:9px}.victory-card canvas{width:150px!important;height:150px!important;margin:4px auto -4px}.victory-card h1{font-family:var(--display);color:var(--lime);font-size:63px;line-height:1;text-shadow:0 5px 0 #371642;letter-spacing:2px;transform:rotate(-3deg)}.victory-card>p{font-size:12px;line-height:1.7;color:#d5bfdc;margin:18px 0}.victory-stats{display:flex;justify-content:center;gap:30px;padding:15px 0 21px;font-size:10px;color:#c5a3d4}.victory-stats strong{display:block;font:25px var(--display);color:#f9eddd;margin-bottom:4px}.victory-card>.button{width:100%;font-size:18px}.victory-card>.text-button{margin:16px auto 0;justify-content:center;font-size:9px}.noscript{position:fixed;inset:30%;padding:40px;background:#2b173c;color:#fff;border:2px solid #d4a0ed;pointer-events:auto}.is-playing{overflow:hidden;overscroll-behavior:none}.is-playing #arena{cursor:crosshair;touch-action:none;pointer-events:auto}.is-playing #arena.pan-cursor{cursor:grab}.is-playing #arena.pan-cursor:active{cursor:grabbing}@keyframes pulse{50%{opacity:.3}}@keyframes timerPulse{to{border-color:#ff887b;box-shadow:0 0 0 3px #783044,0 0 20px #ff946c66}}@keyframes announceIn{0%{opacity:0;transform:translate(-50%,-50%) rotate(-5deg) scale(.85)}to{opacity:1;transform:translate(-50%,-50%) rotate(-2deg) scale(1)}}@keyframes toastIn{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.home-screen{padding-top:45px}.hero-character{height:250px}.hero-character>canvas{height:300px!important;width:300px!important}.speech-bubble{left:250px;top:35px}.home-bottom{margin-top:50px}.room-screen{padding-top:20px}.room-topline{margin-bottom:40px}.team-size-panel{margin-bottom:50px}.team-panel{padding-bottom:15px}.player-slot{height:126px}.player-slot .player-art{width:85px!important;height:85px!important}.lobby-footer{margin-top:43px}.lobby-tagline{margin-top:35px}}@media(max-width:1100px){.home-screen{width:calc(100% - 60px);gap:5%;grid-template-columns:1.05fr 1fr}.entry-panel{padding:23px 24px}.hero-copy h1{font-size:54px}.hero-copy>p{font-size:13px}.hero-copy .eyebrow{font-size:8px}.hero-character>canvas{width:230px!important;height:230px!important}.speech-bubble{left:190px;top:45px;font-size:15px}.hero-materials{left:200px}.hero-materials canvas{width:53px!important;height:53px!important}.home-tagline{font-size:12px;max-width:180px}.rule-chip{min-width:129px;padding:9px 12px}.room-screen{width:calc(100% - 48px)}.teams-layout{grid-template-columns:1fr 45px 1fr;gap:12px}.team-panel{padding:45px 12px 9px}.team-heading{left:10px;right:10px;padding-left:59px;gap:5px}.team-heading h2{font-size:24px}.shield{width:45px;height:66px;top:-8px}.player-grid{gap:6px}.player-slot{height:92px}.player-slot .player-art{width:59px!important;height:59px!important}.player-name{font-size:8px}.versus-divider canvas{width:90px!important;height:90px!important;bottom:0}.versus-divider>span{font-size:26px}.button.ready{min-width:205px;font-size:26px;min-height:65px}.lobby-controls{gap:9px;max-width:330px}.lobby-how{gap:7px;max-width:475px}.lobby-how .rule-chip{min-width:123px;padding:9px 10px}.lobby-how .rule-chip svg{width:26px;height:26px}.game-dock{gap:14px;padding:10px 14px}.current-item{min-width:240px;gap:10px}.current-copy h2{font-size:20px}.minimap-section{padding-left:13px}.minimap-section>canvas{width:150px;height:44px}.minimap-section>span{font-size:6px;max-width:150px;text-align:center}.queue-section{padding-left:12px}.queue-item{width:42px;height:46px}.queue-item canvas{width:40px!important;height:40px!important}.dock-action{min-width:147px}.dock-action>.button{min-width:145px;font-size:10px;padding:9px 12px}.dock-action kbd{display:none}.king-status{max-width:290px;width:30%;padding:10px}.match-hud{gap:21px;left:24px;right:24px}.current-copy p{max-width:190px;font-size:8px}}@media(max-width:820px){.topbar{height:92px;padding:12px 21px}.brand{width:185px}.brand img{height:53px}.brand span{font-size:15px}.connection-pill{display:none}.home-screen{width:calc(100% - 48px);gap:25px;padding-top:18px;min-height:calc(100dvh - 92px)}.hero-copy h1{font-size:43px;margin:18px 0}.hero-copy>p{font-size:12px;line-height:1.6}.hero-copy>p br{display:none}.hero-copy .eyebrow{font-size:7px;line-height:1.6;letter-spacing:.8px}.entry-panel{padding:21px 20px}.entry-panel h2{font-size:22px}.entry-panel .subtle{font-size:11px}.entry-panel>.button.big{font-size:17px;padding:18px 14px}.entry-panel>.button.secondary{font-size:10px}.entry-panel>.button svg{width:20px;height:20px}.small-tag{font-size:7px}.entry-footer{font-size:7px;gap:6px;white-space:normal;line-height:1.4}.entry-footer svg{width:13px!important;height:13px!important}.hero-character{height:210px}.hero-character>canvas{width:240px!important;height:240px!important;left:-20px;top:30px}.speech-bubble{left:135px;top:49px;font-size:12px;padding:8px 10px}.hero-materials{left:155px;bottom:1px}.hero-materials canvas{width:47px!important;height:47px!important}.home-bottom{gap:10px;margin-top:30px;flex-wrap:wrap}.home-bottom .rule-chip{flex:1;min-width:120px}.home-tagline{max-width:none;margin:4px auto 0;text-align:center;flex-basis:100%}.room-screen{width:calc(100% - 40px);padding-top:6px}.room-topline{margin-bottom:22px}.invite-button{font-size:13px;padding:8px 11px;min-height:38px}.invite-button svg{width:18px;height:18px}.room-topline>.text-button{font-size:8px}.room-code-pill{padding:5px 8px;gap:8px}.room-code-pill strong{font-size:14px}.team-size-panel{gap:15px;margin-bottom:35px}.size-options{gap:4px;padding:7px}.size-options button{width:35px;height:37px;font-size:22px}.versus-badge{font-size:28px;padding:9px 13px}.ribbon-label{font-size:15px;top:-5px;padding:6px 25px}.teams-layout{grid-template-columns:1fr 28px 1fr;gap:9px}.team-heading{min-height:50px;padding:8px 9px 8px 49px;top:-24px}.team-heading h2{font-size:20px;letter-spacing:0}.shield{width:37px;height:58px;left:6px;top:-7px}.shield svg{width:25px;height:25px}.team-count{font-size:8px;padding:4px}.player-grid{gap:5px}.player-slot{height:80px;border-radius:8px}.player-slot .player-art{width:47px!important;height:47px!important}.player-name{font-size:7px;padding:3px}.ready-check{width:15px;height:15px;right:1px;bottom:20px;font-size:9px}.player-bot{font-size:6px}.team-panel{padding:35px 8px 7px}.team-join{font-size:7px}.versus-divider>span{font-size:22px}.versus-divider canvas{width:75px!important;height:75px!important;bottom:-10px}.lobby-footer{align-items:flex-start;margin-top:28px;gap:15px}.lobby-how{max-width:350px;gap:6px}.lobby-how .rule-chip{min-width:100px;padding:7px;gap:7px}.lobby-how .rule-chip svg{width:22px;height:22px}.lobby-how .rule-chip b{font-size:12px}.lobby-how .rule-chip strong{font-size:21px}.lobby-how .rule-chip:last-of-type strong{font-size:12px}.lobby-controls{max-width:230px}.button.ready{min-width:200px;font-size:24px;min-height:58px}.button.ready svg{width:28px;height:28px}.button.small{font-size:9px;min-height:34px}.lobby-tagline{font-size:12px}.lobby-how>p{font-size:9px;max-width:320px}.game-dock{bottom:13px;left:15px;right:15px;gap:12px;padding:9px 12px;min-height:93px}.current-item{min-width:0;gap:9px}.current-preview{width:66px;height:66px}.current-preview canvas{width:65px!important;height:65px!important}.current-copy h2{font-size:19px;max-width:145px}.current-copy p{max-width:150px;font-size:7px}.current-copy>span{font-size:7px}.queue-section{margin-left:auto;padding-left:12px}.queue-items{gap:5px}.queue-item{width:42px;height:42px}.queue-item:nth-child(n+3){display:flex}.queue-item canvas{width:38px!important;height:38px!important}.queue-section>span{font-size:6px}.dock-action{min-width:132px;margin-left:0}.dock-action>.button{font-size:10px;min-width:132px;padding:9px 11px}.dock-action>span{font-size:7px;max-width:145px}.minimap-section{display:none}.camera-toolbar{bottom:122px}.match-hud{top:76px;gap:17px;left:22px;right:22px}.king-status{width:32%;padding:9px;gap:8px}.king-label{font-size:8px;letter-spacing:.2px;gap:6px}.king-label>span{font-size:7px}.king-emblem{width:28px;height:36px}.king-emblem svg{width:22px;height:22px}.presence-label{font-size:6px;letter-spacing:.6px}.phase-badge{min-width:126px;padding:8px 15px 6px}.phase-badge>strong{font-size:27px}.phase-badge b{font-size:27px}.phase-badge>span{font-size:7px}.game-top-actions{top:66px}.phase-instruction{top:126px;font-size:9px}.is-playing .topbar{height:61px;padding:7px 16px}.is-playing .brand{width:130px}.is-playing .brand img{height:35px}.is-playing .brand span{font-size:9px}.is-playing .topbar-right{gap:6px}.is-playing .icon-button{width:30px;height:30px}.phase-announcement{padding:22px 32px}.phase-announcement strong{font-size:36px}.creature-guide{grid-template-columns:repeat(3,1fr)}.game-dialog{padding:27px;max-width:650px}.help-phases{gap:12px}.help-phases article{padding:14px}.help-phases h3{font-size:11px}.help-phases p,.material-guide p{font-size:10px}.creature-guide article{padding-bottom:12px}.creature-guide article canvas{width:67px!important;height:67px!important}}@media(max-width:600px){.topbar{height:88px;padding:12px 18px}.brand{width:167px}.brand img{height:49px}.brand span{font-size:12px;padding:3px 14px}.topbar-right{gap:7px}.icon-button{width:34px;height:34px;border-radius:9px}.icon-button svg{width:20px;height:20px}#fullscreen-toggle{display:none}.home-screen{display:flex;flex-direction:column;gap:0;width:calc(100% - 44px);padding-top:10px;align-items:center;min-height:calc(100dvh - 88px)}.hero-copy{width:100%;max-width:430px;padding-top:0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px}.hero-copy h1{font-size:44px;line-height:1.02;margin:14px 0 12px;max-width:360px}.hero-copy>p{font-size:12px;max-width:none;line-height:1.6}.hero-character{height:116px;position:relative;right:auto;bottom:auto;width:100%;margin-top:5px;align-items:center;opacity:.96;z-index:1;pointer-events:none}.hero-character>canvas{width:116px!important;height:116px!important;left:9px;top:0}.speech-bubble{font-size:10px;left:142px;top:35px;padding:8px 10px;transform:rotate(4deg)}.hero-materials{display:none}.entry-panel{margin-top:15px;max-width:430px;width:100%;padding:22px 22px 19px}.entry-panel h2{font-size:23px}.entry-panel .panel-kicker{font-size:8px}.entry-panel .subtle{font-size:11px;margin-bottom:18px}.entry-panel>.button.big{font-size:21px;padding:16px 18px}.entry-panel>.button.secondary{font-size:12px}.entry-panel .small-tag{font-size:9px}.entry-panel>#player-name{margin-bottom:11px}.or-divider{margin-top:21px}.entry-footer{font-size:9px;gap:7px}.home-bottom{width:100%;max-width:430px;gap:9px;margin:24px 0 13px}.home-bottom .rule-chip{min-width:0;flex:1;padding:8px;gap:7px}.rule-chip>span[data-icon] svg{width:23px;height:23px}.rule-chip b{font-size:12px}.rule-chip strong{font-size:21px}.home-bottom .rule-chip:last-of-type strong{font-size:12px}.home-tagline{font-size:11px;margin-top:7px}.version-footer{width:100%;max-width:430px;font-size:6px;gap:10px;margin-top:5px}.version-footer #local-record{display:none}.room-screen{width:calc(100% - 36px);padding-top:1px}.room-topline{margin-bottom:27px;gap:10px}.room-topline>.text-button{font-size:7px;letter-spacing:.4px}.room-code-pill{gap:6px;padding:6px}.room-code-pill>span{display:none}.room-code-pill strong{font-size:12px;letter-spacing:1px}.mini-icon{padding:2px}.mini-icon svg{width:13px;height:13px}.invite-button{font-size:11px;padding:7px 9px;gap:6px;min-height:34px}.invite-button svg{width:15px;height:15px}.team-size-panel{gap:0;width:100%;justify-content:center;margin-bottom:24px;padding-top:20px}.size-options{width:100%;gap:4px;padding:7px;border-radius:10px}.size-options button{flex:1;width:auto;min-width:0;height:32px;font-size:20px;border-radius:6px}.ribbon-label{font-size:13px;transform:translate(-50%);top:-7px;padding:5px 22px}.versus-badge{display:none}.host-note{font-size:7px;margin-top:8px;left:3px;letter-spacing:.1px}.teams-layout{grid-template-columns:1fr;gap:5px;margin-top:33px}.team-panel{padding:35px 12px 8px;margin-top:18px}.team-heading{left:13px;right:13px;min-height:45px;top:-20px;padding-left:58px}.team-heading h2{font-size:25px}.shield{width:41px;height:57px;left:9px;top:-7px}.team-count{font-size:11px}.player-grid{gap:8px;min-height:72px}.player-slot{height:79px}.player-slot .player-art{width:51px!important;height:51px!important}.player-name{font-size:8px}.team-join{font-size:8px;margin-top:5px}.versus-divider{height:0;min-height:0;z-index:3;overflow:visible}.versus-divider>span{display:none}.versus-divider canvas{display:none}.lobby-footer{flex-direction:column;margin-top:20px;gap:17px;align-items:stretch}.lobby-how{max-width:none;display:none}.lobby-controls{max-width:none;justify-content:space-between;gap:10px}.button.ready{min-width:0;flex:1;font-size:26px;min-height:61px}.button.small{font-size:8px;flex:0 1 120px;padding:9px;gap:6px}.button.small svg{width:20px;height:20px}.lobby-tagline{font-size:10px;padding:9px 15px;margin-top:20px;width:100%}.game-dock{bottom:15px;left:12px;right:12px;padding:9px;gap:8px;border-width:2px;flex-wrap:wrap;min-height:112px;border-radius:12px}.current-preview{width:58px;height:58px}.current-preview canvas{width:57px!important;height:57px!important}.current-item{flex:1;gap:9px}.current-copy h2{font-size:21px;max-width:155px;margin-top:3px}.current-copy>span{font-size:6px;letter-spacing:1.1px}.current-copy p{font-size:8px;margin-top:5px;max-width:180px}.queue-section{padding-left:8px;align-self:center}.queue-section>span{font-size:6px;margin-bottom:5px}.queue-item{width:39px;height:39px}.queue-item canvas{width:35px!important;height:35px!important}.queue-item:nth-child(n+3){display:flex}.dock-action{flex-basis:100%;display:flex;flex-direction:row;gap:10px;margin-top:0;justify-content:space-between}.dock-action>.button{font-size:10px;min-height:33px;min-width:143px;padding:6px 11px;border-radius:7px}.dock-action>.button svg{width:18px;height:18px}.dock-action>span{font-size:7px;text-align:right;max-width:170px}.camera-toolbar{bottom:152px;width:calc(100% - 34px);justify-content:center;padding:4px}.camera-button{font-size:6px;gap:4px;padding:7px}.camera-button svg{width:13px;height:13px}.camera-button.square{font-size:17px;min-width:25px;padding:3px 5px}.toolbar-separator{margin:0 1px}.match-hud{top:76px;left:12px;right:12px;gap:10px;align-items:flex-start}.king-status{margin-top:10px;padding:8px 7px;width:auto;flex:1;gap:0;border-radius:9px;border-width:1px}.king-emblem{display:none}.king-label{font-size:7px;letter-spacing:.2px;flex-wrap:wrap;gap:3px;margin-bottom:5px}.king-label>span{font-size:7px}.health-track{height:10px}.presence-label{font-size:5px;letter-spacing:.4px;margin-top:5px}.phase-badge{min-width:96px;padding:7px 9px 5px;border-width:2px;border-radius:9px}.phase-badge>span{font-size:6px;letter-spacing:1px}.phase-badge>strong{font-size:23px;margin-top:3px}.phase-badge b{font-size:25px;min-width:29px}.phase-badge svg{width:12px;height:12px}.phase-badge small{font-size:9px}.phase-badge>div:not(.phase-progress){gap:4px}.phase-progress{margin-top:5px;height:3px}.phase-instruction{top:120px;font-size:8px;padding:6px 11px;max-width:90vw;white-space:normal;text-align:center;min-width:210px}.game-top-actions>.glass-button{transform:translateY(114px);padding:5px}.game-top-actions{left:13px;right:13px;top:59px}.glass-button svg{width:14px;height:14px}.is-playing .topbar{padding:8px 12px;height:61px}.is-playing .brand{width:136px}.is-playing .brand img{height:35px}.is-playing .brand span{font-size:10px}.is-playing .topbar-right{gap:6px}.phase-announcement{padding:17px 22px;top:43%;max-width:90vw}.phase-announcement>span{font-size:8px}.phase-announcement strong{font-size:28px;letter-spacing:.3px}.phase-announcement p{font-size:10px;margin-top:8px}.toast{bottom:202px;font-size:11px;padding:10px 15px;max-width:90vw;width:max-content}.reconnect-banner{top:220px;font-size:10px;width:85%;text-align:center}.spectating-label{bottom:203px;font-size:7px;width:max-content;max-width:90%;padding:9px 14px}.game-dialog{padding:27px 20px 23px;width:calc(100% - 28px);max-height:calc(100dvh - 35px);border-radius:15px}.game-dialog>.eyebrow{font-size:7px;letter-spacing:1px;max-width:80%}.game-dialog h2{font-size:31px}.dialog-intro{font-size:11px}.help-phases{grid-template-columns:1fr;gap:10px;margin:17px 0}.help-phases h3{margin-bottom:10px}.help-phases article{padding:14px}.help-phases p{font-size:10px}.creature-guide{grid-template-columns:repeat(2,1fr);gap:8px}.creature-guide article:last-child{grid-column:1/-1;display:grid;grid-template-columns:75px 1fr;text-align:left;align-items:center;padding:5px 12px}.creature-guide article:last-child canvas{grid-row:1/3}.creature-guide article:last-child h4{margin-top:10px}.creature-guide article:last-child p{margin-bottom:9px}.material-guide{grid-template-columns:1fr;gap:8px;margin:16px 0;padding-top:14px}.help-camera{font-size:10px;line-height:1.6}.game-dialog>.button{font-size:11px}.invite-dialog{padding:36px 22px 25px}.invite-dialog>.eyebrow{max-width:100%;font-size:6px;letter-spacing:.8px}.invite-code{font-size:38px;letter-spacing:5px}.invite-link-row .button{font-size:9px;padding:9px}.invite-link-row svg{width:16px;height:16px}.victory-card{padding:23px 23px 19px}.victory-card canvas{width:130px!important;height:130px!important}.victory-card h1{font-size:53px}.victory-card>p{font-size:11px;margin:15px 0}.victory-card>.button{font-size:15px}.victory-stats{padding:8px 0 18px}.victory-card>.eyebrow{font-size:8px}.noscript{inset:20px}}@media(max-height:650px)and (min-width:700px){.home-screen{padding-top:10px;align-content:start}.topbar{height:86px}.brand{width:175px}.brand img{height:47px}.brand span{font-size:13px}.hero-copy h1{font-size:45px;margin:14px 0}.hero-character{height:147px}.hero-character>canvas{width:195px!important;height:195px!important;top:14px}.speech-bubble{top:19px;left:170px;font-size:13px}.hero-materials{left:180px;bottom:0}.entry-panel{padding:20px 24px}.entry-panel>.button.big{font-size:18px;padding:14px 18px}.entry-panel .subtle{margin-bottom:15px}.entry-panel>#player-name{height:41px;padding:11px 13px;margin-bottom:11px}.entry-panel>.button{min-height:41px;margin-top:11px}.entry-panel>.button.secondary{font-size:11px;padding:10px 15px}.or-divider{margin:18px 0 12px}.join-form input{height:42px}.join-form .button{min-height:42px}.home-bottom{margin:21px 0 14px}.room-topline{margin-bottom:13px}.team-size-panel{margin-bottom:21px}.teams-layout{margin-top:8px}.team-panel{padding-top:36px}.player-slot{height:80px}.player-slot .player-art{width:50px!important;height:50px!important}.team-heading{min-height:48px}.team-heading h2{font-size:25px}.shield{height:62px}.lobby-footer{margin-top:24px}.lobby-tagline{margin-top:16px}.lobby-how .rule-chip{padding:7px 10px}.lobby-how .rule-chip strong{font-size:20px}.button.ready{min-height:60px;font-size:27px}.is-playing .topbar{height:52px}.is-playing .connection-pill{display:none}.is-playing .brand{width:110px}.is-playing .brand img{height:30px}.is-playing .brand span{font-size:8px}.match-hud{top:16px;left:145px;right:145px;gap:12px;align-items:flex-start}.king-status{padding:7px 9px;width:32%;margin-top:0}.king-emblem{display:none}.king-label{font-size:8px}.presence-label{font-size:5px;margin-top:5px}.phase-badge{min-width:106px;padding:5px 10px 4px}.phase-badge>strong{font-size:20px}.phase-badge b{font-size:21px}.phase-badge>span{font-size:6px}.phase-badge>div:not(.phase-progress){gap:4px}.phase-badge svg{width:12px;height:12px}.phase-progress{margin-top:4px;height:3px}.game-top-actions{top:5px}.game-top-actions>.glass-button{transform:translateY(65px)}.phase-instruction{top:98px;font-size:8px;padding:5px 12px}.game-dock{bottom:12px;min-height:74px;padding:7px 12px;gap:12px}.current-preview{width:54px;height:54px}.current-preview canvas{width:54px!important;height:54px!important}.current-item{min-width:200px}.current-copy h2{font-size:19px}.current-copy p{font-size:7px;max-width:166px;margin-top:4px}.current-copy>span{font-size:6px}.queue-item{width:38px;height:38px}.queue-item:nth-child(n+3){display:flex}.queue-item canvas{width:34px!important;height:34px!important}.queue-section>span{font-size:6px;margin-bottom:5px}.dock-action{gap:5px;min-width:138px}.dock-action>.button{min-height:34px;min-width:138px;padding:7px 11px;font-size:10px}.dock-action>span{font-size:6px}.minimap-section>canvas{width:130px;height:34px}.minimap-section>span{font-size:6px}.camera-toolbar{bottom:100px;padding:3px}.camera-button{padding:6px 9px;min-height:25px;font-size:7px}.camera-button.square{font-size:17px}.phase-announcement{top:43%;padding:15px 30px}.phase-announcement strong{font-size:31px}.phase-announcement p{font-size:11px;margin-top:7px}.phase-announcement>span{font-size:8px}.toast{bottom:139px}.victory-card{padding:19px 30px 17px;max-height:95dvh}.victory-card canvas{width:100px!important;height:100px!important;margin-bottom:-5px}.victory-card h1{font-size:45px}.victory-card>p{font-size:11px;margin:11px 0}.victory-card>.button{min-height:40px;padding:12px 15px;font-size:16px}.victory-stats{padding:5px 0 15px}.victory-stats strong{font-size:21px}.victory-card>.text-button{margin-top:13px;padding:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.queue-item{cursor:pointer;padding:0;position:relative;transition:transform .15s,border-color .15s,background .15s}.queue-item:hover:not(:disabled){transform:translateY(-4px);border-color:#ddff72;background:#584164}.queue-item:focus-visible{outline:3px solid #ddff72;outline-offset:3px}.queue-item:disabled{cursor:default;opacity:.5}.queue-item:active:not(:disabled){transform:translateY(0) scale(.94)}@media(max-width:400px){.current-copy h2{font-size:17px;max-width:100px}.current-copy p{max-width:118px}.current-preview{width:46px;height:50px}.current-preview canvas{width:45px!important;height:45px!important}.current-item{gap:5px;min-width:0}.queue-section{padding-left:6px}.queue-item{width:35px;height:39px}.queue-item canvas{width:33px!important;height:33px!important}}#app a{pointer-events:auto}.legal-links{display:flex;gap:16px}.legal-links a{color:#ddc8e6;text-decoration:none}.legal-links a:hover{text-decoration:underline}.bot-switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:800;font-size:14px;text-align:left}.bot-switch small{display:block;font-size:11px;font-weight:500;opacity:.7;margin-top:4px}.bot-switch input{position:absolute;opacity:0;width:1px;height:1px}.bot-switch-track{width:42px;height:24px;border-radius:20px;background:#584468;box-shadow:inset 0 0 0 2px #8a6b9d;flex-shrink:0;position:relative}.bot-switch-track:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#e7d5ed;transition:transform .15s}.bot-switch input:checked+.bot-switch-track{background:#d7f34b;box-shadow:none}.bot-switch input:checked+.bot-switch-track:after{transform:translate(18px);background:#362043}.bot-switch input:focus-visible+.bot-switch-track{outline:3px solid white;outline-offset:3px}.bot-switch:has(input:disabled){opacity:.65;cursor:default}