:root{--bg: #0d1426;--wood: #6b3d1f;--wood-dark: #3d2210;--cream: #f3e6c8;--mango: #f2b632;--tile-blue: #2c5d8f;--red: #c0392b;--font: "Pixelify Sans", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--cream);font-family:var(--font);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#stage{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}#stage canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.menu{position:fixed;inset:0;display:flex;justify-content:center;align-items:safe center;background:linear-gradient(#140c288c,#0a0614b3),url(/fundos/menu-entardecer.webp) center / cover no-repeat,#1e1a46;image-rendering:pixelated;overflow-y:auto;padding:16px;z-index:10}.menu.hidden{display:none}.panel{margin:auto 0;width:min(420px,100%);background:var(--wood);border:4px solid var(--wood-dark);box-shadow:0 0 0 4px var(--mango),8px 8px 0 4px #000;padding:20px;text-align:center}h1{margin:0;font-size:40px;line-height:1;color:var(--mango);text-shadow:3px 3px 0 #000;letter-spacing:2px}h1 span{font-size:22px;color:var(--cream)}.sub{margin:6px 0 16px;opacity:.8}.group{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap;justify-content:center}button{font-family:var(--font);font-size:16px;color:var(--cream);background:var(--wood-dark);border:3px solid #000;padding:8px 10px;cursor:pointer;box-shadow:3px 3px #000}button:hover{filter:brightness(1.2)}button:active{transform:translate(2px,2px);box-shadow:1px 1px #000}button.selected{background:var(--tile-blue)}button.primary{background:var(--red);font-size:20px;width:100%;margin-top:8px}fieldset{border:3px solid var(--wood-dark);text-align:left;margin:0 0 8px}legend{color:var(--mango);padding:0 4px}fieldset label{display:block;margin:4px 0;cursor:pointer}fieldset small{display:block;opacity:.75;margin-left:22px;font-size:12px}.help{font-size:12px;opacity:.85;margin:12px 0 0;line-height:1.5}.group .label{align-self:center;margin-right:4px;color:var(--mango)}.panel.wide{width:min(760px,100%)}h1{font-size:34px}h2{font-size:16px;color:var(--mango);margin:8px 0;text-align:left}.cast{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (max-width: 520px){.cast{grid-template-columns:repeat(4,1fr)}.card small{display:none}}.card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px;font-size:13px;line-height:1.1}.card img{width:100%;max-width:96px;aspect-ratio:1;image-rendering:auto;background:#2a3550;border:2px solid #000}.card small{font-size:10px;opacity:.75}.card.selected{background:var(--tile-blue);box-shadow:0 0 0 3px var(--mango),3px 3px #000}.bio{display:flex;gap:12px;text-align:left;margin:10px 0;background:#00000040;border:3px solid var(--wood-dark);padding:10px}.bio img{width:112px;height:112px;flex:none;background:#2a3550;border:2px solid #000}.bio h3{margin:0;color:var(--mango);font-size:20px}.bio h3 small{color:var(--cream);font-size:12px;opacity:.8}.bio p{margin:4px 0;font-size:13px;line-height:1.35;font-family:system-ui,sans-serif}.bio .meta{opacity:.8;font-size:12px}.bio .quote{font-family:Caveat,cursive;font-size:20px;color:#ffe08a}@media (max-width: 520px){.bio img{width:72px;height:72px}}.options{display:grid;gap:6px}.notebook{position:fixed;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%) rotate(-2deg);width:min(420px,92vw);max-height:86vh;overflow:hidden;padding:18px 20px 22px 58px;background:linear-gradient(90deg,transparent 44px,#d9534f 44px,#d9534f 46px,transparent 46px),repeating-linear-gradient(#fbf6e4 0 27px,#9ec3e6 27px 28px);border-radius:4px 10px 10px 4px;box-shadow:0 2px #d8cfb2,0 4px #cfc5a6,10px 14px #00000073;color:#1d3fa8;font-family:Caveat,cursive;font-size:24px;line-height:28px;pointer-events:none}.notebook.hidden{display:none}.notebook h4{margin:0;font-size:30px;line-height:28px}.notebook .date{color:#444;font-size:20px}.notebook table{width:100%;border-collapse:collapse}.notebook td,.notebook th{padding:0 4px;text-align:left;font-weight:500;vertical-align:top;height:28px}.notebook .win{color:#1d3fa8;font-weight:700}.notebook .total{border-top:2px solid #1d3fa8}.notebook .riscado{text-decoration:line-through;opacity:.6}.notebook .rings{position:absolute;left:10px;top:14px;bottom:14px;width:14px;background:radial-gradient(circle,#555 0 4px,transparent 5px) 0 0 / 14px 28px repeat-y}.hidden{display:none!important}.status{min-height:1.2em;margin:8px 0 0;font-size:14px}.status.error{color:#ff9a8a}.identity{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.identity input,.join-code input{font:18px var(--font);padding:8px 10px;border:3px solid #000;background:var(--cream);color:#222;min-width:0}.identity input{flex:1 1 180px}.signed{display:flex;gap:8px;align-items:center;font-size:14px}.signed img{width:32px;height:32px;border-radius:50%;border:2px solid #000}.modes{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-top:10px;text-align:left}@media (max-width: 600px){.modes{grid-template-columns:1fr}}.box{background:#00000040;border:3px solid var(--wood-dark);padding:10px}.box h2{margin-top:0}.box h3{margin:10px 0 4px;font-size:14px;color:var(--mango)}.box p{font-size:13px;margin:4px 0 8px}.check{display:block;font-size:14px;margin:4px 0 8px;cursor:pointer}.join-code{display:flex;gap:6px;margin-top:8px}.join-code input{width:9ch;text-transform:uppercase;letter-spacing:2px}.rooms{list-style:none;margin:0;padding:0;max-height:160px;overflow:auto}.rooms li{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.15);font-size:14px}.rooms li.empty{opacity:.75;font-size:13px}.invite-banner{background:#2c5d8f;border:3px solid #000;padding:8px 10px;margin-bottom:8px;text-align:left;line-height:2}.lobby h1{font-size:28px}.lobby .invite{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#00000040;border:3px solid var(--wood-dark);padding:8px}.lobby .invite .code{font-size:18px}.lobby .invite .code strong{color:var(--mango);letter-spacing:3px;font-size:24px}.lobby .invite input{flex:1 1 220px;font:14px system-ui,sans-serif;padding:6px;border:2px solid #000}.seats{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;text-align:left}@media (max-width: 600px){.seats{grid-template-columns:1fr}}.seat{display:flex;gap:8px;align-items:center;background:#00000040;border:3px solid var(--wood-dark);padding:6px;min-height:64px}.seat.me{border-color:var(--mango)}.seat.empty{opacity:.7}.seat .slot{width:48px;text-align:center;font-size:22px;opacity:.6}.seat img{width:48px;height:48px;border:2px solid #000;background:#2a3550}.seat img.avatar{width:24px;height:24px;border-radius:50%;margin-left:-22px;align-self:flex-end}.seat small{opacity:.8}.tag{font-size:11px;padding:1px 5px;margin-left:4px;background:#3d2210;border:1px solid #000;font-weight:400}.tag.host{background:#8a5a12}.tag.ok{background:#2e7d4a}.tag.off{background:#8a2a20}.tag.g{background:#2c5d8f}.team{color:var(--mango);margin-left:4px}.picks{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.pick{padding:2px}.pick img{width:56px;height:56px;display:block}.pick[disabled]{opacity:.35;cursor:not-allowed}.lobby .host{text-align:left;margin:10px 0;font-size:14px}.lobby .host label{display:block;margin:4px 0;cursor:pointer}.lobby .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:10px}.lobby .actions .primary{width:auto;margin:0}.lobby .wait{opacity:.85;margin:0}.logo{display:block;width:112px;height:112px;object-fit:contain;margin:-8px auto 4px;image-rendering:pixelated;filter:drop-shadow(4px 4px 0 #000)}@media (max-width: 520px){.logo{width:80px;height:80px}}#stage canvas#hud{image-rendering:auto}.lobby .host .edit{justify-content:flex-start;margin:8px 0 4px}.lobby .host select{font:14px var(--font);padding:2px 4px;margin-left:6px}.lobby .host fieldset.mods{margin-top:8px}.panel.wide{position:relative}.gear{position:absolute;top:10px;right:10px;font-size:13px;padding:4px 8px;z-index:1}@media (max-width: 520px){.gear{position:static;display:block;margin:0 0 8px auto}}.menu.modal{z-index:30;background:#080510b8}.settings{width:min(460px,100%);text-align:left}.settings h1{text-align:center;font-size:28px;margin-bottom:8px}.settings section{background:#00000040;border:3px solid var(--wood-dark);padding:8px 10px;margin-bottom:8px}.settings h2{margin:0 0 6px}.settings .group{justify-content:flex-start;margin-bottom:8px}.settings .range{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0 8px}.settings .range input{flex:1;accent-color:var(--mango)}.settings .range span{width:4ch;text-align:right}.settings .keys{margin:0;padding-left:18px;font-size:13px;line-height:1.5;font-family:system-ui,sans-serif}.watching-note{background:#2c5d8f;border:3px solid #000;padding:6px 10px;margin:8px 0;text-align:left}.watchers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.watchers li{display:flex;align-items:center;gap:6px;background:#00000040;border:2px solid var(--wood-dark);padding:3px 8px 3px 3px;font-size:14px}.watchers li.me{border-color:var(--mango)}.watchers img{width:28px;height:28px;border:2px solid #000;background:#2a3550}.chat{text-align:left}.chat .log{list-style:none;margin:0;padding:6px 8px;height:140px;overflow-y:auto;background:#0000004d;border:3px solid var(--wood-dark);font:14px/1.35 system-ui,sans-serif;user-select:text;-webkit-user-select:text}.chat .log li{margin:2px 0;overflow-wrap:anywhere}.chat .log b{color:var(--mango)}.chat .log li.mine b{color:#9fd3ff}.chat .log i{opacity:.7;font-size:12px}.chat .send{display:flex;gap:6px;margin-top:6px}.chat .send input{flex:1;min-width:0;font:15px system-ui,sans-serif;padding:6px 8px;border:3px solid #000;background:var(--cream);color:#222;user-select:text}.chat .send button{font-size:14px;padding:4px 10px}.chat .open-chat{display:none}#game-chat{position:fixed;left:8px;bottom:15vh;width:min(340px,calc(100vw - 16px));z-index:6;pointer-events:none}.chat.ingame .log{height:auto;max-height:30vh;background:transparent;border:0;padding:0;text-shadow:1px 1px 0 #000,0 0 3px #000}.chat.ingame .log li{transition:opacity .6s}.chat.ingame .log li.old{opacity:0;height:0;margin:0;overflow:hidden}.chat.ingame .send{display:none;pointer-events:auto}.chat.ingame.open .log{background:#0a0604a6;padding:6px 8px;max-height:40vh;pointer-events:auto}.chat.ingame.open .send{display:flex}.chat.ingame .open-chat{display:inline-block;pointer-events:auto;font-size:12px;padding:2px 8px;margin-top:4px;opacity:.85}.chat.ingame.open .open-chat{display:none}.google-btn{font-size:15px;padding:6px 12px;background:#fff;color:#222;border-color:#000}.google-btn:before{content:"G";font-weight:700;color:#4285f4;margin-right:8px;font-family:system-ui,sans-serif}.auth{display:flex;flex-direction:column;gap:6px;flex:1 1 260px}.auth-buttons{display:flex;flex-wrap:wrap;gap:6px}.email-btn{font-size:15px;padding:6px 12px}.email-btn:before{content:"✉";margin-right:8px}.auth-step{display:flex;flex-wrap:wrap;gap:6px}.auth-step input{flex:1 1 160px;font:16px var(--font);padding:6px 8px;border:3px solid #000;background:var(--cream);color:#222;min-width:0;user-select:text}.code-step input{letter-spacing:4px;text-align:center}.auth-step button{font-size:14px;padding:4px 10px}.auth-msg{margin:0;font-size:13px;text-align:left;font-family:system-ui,sans-serif;min-height:1em}.auth-msg.error{color:#ff9a8a}.signed{flex-wrap:wrap}.signed small{opacity:.8;color:var(--mango)}.signed button{font-size:13px;padding:4px 8px}.profile{width:min(520px,100%);text-align:left}.profile h1{text-align:center;font-size:28px;margin-bottom:8px}.profile section{background:#00000040;border:3px solid var(--wood-dark);padding:8px 10px;margin-bottom:8px}.profile h2{margin:0 0 6px}.profile .who{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.profile .face{width:64px;height:64px;border:3px solid #000;background:#2a3550;object-fit:cover}.profile .who label{flex:1 1 180px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mango)}.profile .who input{font:18px var(--font);padding:6px 8px;border:3px solid #000;background:var(--cream);color:#222;user-select:text}.profile .picks{justify-content:flex-start}.numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;text-align:center;font-size:12px}.numbers strong{display:block;font-size:24px;color:var(--mango)}.ranks,.recent,.board,.ranked-result{list-style:none;margin:0;padding:0}.ranks li{display:flex;flex-direction:column;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.15);font-size:14px}.ranks li span{font-size:13px;opacity:.9}.recent li,.board li{display:flex;gap:8px;align-items:center;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.15);font-size:14px}.recent li img,.board li img{width:32px;height:32px;border:2px solid #000;background:#2a3550;flex:none}.recent li span,.board li span{flex:1;min-width:0}.recent li.won b:first-child{color:#8fe3a6}.recent li.lost b:first-child{color:#ff9a8a}.recent li.empty,.board li.empty{opacity:.75;font-size:13px}em.up{color:#8fe3a6;font-style:normal;font-weight:700}em.down{color:#ff9a8a;font-style:normal;font-weight:700}.modes .ranked{grid-column:1 / -1}.ranked .group{justify-content:flex-start}.ranked .group .primary{width:auto;flex:1 1 140px;margin:0}.ranked .tabs button{font-size:13px;padding:3px 8px}.board{counter-reset:pos;max-height:220px;overflow:auto}.board li:before{counter-increment:pos;content:counter(pos) "º";width:2.5ch;color:var(--mango)}.board li em{font-style:normal;color:var(--mango)}.board li.me{background:#2c5d8f80}.tag.rank{background:#5b3f8a}.ranked-note{background:#2c5d8f;border:3px solid #000;padding:6px 10px;margin:8px 0;text-align:center}.ranked-note.error{background:#8a2a20}.ranked-result li{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;padding:4px 6px;border-bottom:1px dashed rgba(255,255,255,.15);text-align:left}.ranked-result li.me{background:#2c5d8f80}.ranked-result li.won span{color:#8fe3a6}.ranked-result small{opacity:.8}.toasts{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;gap:10px;align-items:center;text-align:left;background:var(--wood);border:3px solid #000;box-shadow:0 0 0 3px var(--mango),5px 5px 0 3px #000;padding:8px 12px;animation:toast-in .35s ease-out;transition:opacity .5s,transform .5s}.toast.out{opacity:0;transform:translateY(-12px)}.toast .icon{font-size:30px;line-height:1}.toast small{display:block;color:var(--mango);font-size:12px}.toast b{display:block;font-size:18px}.toast em{display:block;font:12px system-ui,sans-serif;opacity:.85;font-style:normal}@keyframes toast-in{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:none}}.profile .achievements h3{margin:8px 0 4px;font-size:13px;color:var(--mango)}.ach-count{margin:0 0 4px;font-size:13px;opacity:.85}.achs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px}@media (max-width: 480px){.achs{grid-template-columns:1fr}}.ach{display:flex;gap:6px;align-items:center;padding:4px 6px;border:2px solid #000;background:#00000040;font-size:13px}.ach .icon{font-size:20px;width:26px;text-align:center}.ach small{display:block;font:11px system-ui,sans-serif;opacity:.8}.ach.on{background:#2c5d8f;border-color:var(--mango)}.ach.off{opacity:.5}.ach.off .icon{filter:grayscale(1)}.icon .badge{width:100%;height:100%;object-fit:contain;display:block;image-rendering:auto}.ach .icon{height:26px}.toast .icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}.tier-badge{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:4px;image-rendering:auto}.tier-badge.big{width:40px;height:40px;float:left;margin:0 8px 0 0}.ranks li{display:block;overflow:hidden}.ranks li b,.ranks li span{display:block}.social-btn{position:fixed;right:12px;bottom:12px;z-index:25;font-size:15px;padding:6px 12px;background:var(--wood);box-shadow:0 0 0 3px var(--mango),4px 4px 0 3px #000}.badge-count{display:inline-block;min-width:1.6em;padding:0 4px;margin-left:4px;background:var(--red);border:2px solid #000;border-radius:9px;font-size:12px;text-align:center;color:#fff}.social-panel{position:fixed;right:12px;bottom:64px;z-index:26;width:min(380px,calc(100vw - 24px));max-height:min(560px,calc(100vh - 88px));overflow-y:auto;background:var(--wood);border:4px solid var(--wood-dark);box-shadow:0 0 0 4px var(--mango),8px 8px 0 4px #000;padding:10px 12px;text-align:left}.social-panel h2{margin:0;display:flex;align-items:center;gap:6px}.social-panel h2 img{width:28px;height:28px;border:2px solid #000;background:#2a3550;border-radius:50%;object-fit:cover}.social-panel h3{margin:10px 0 4px;font-size:13px;color:var(--mango)}.social-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.social-head button{font-size:13px;padding:2px 8px}.my-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#00000040;border:3px solid var(--wood-dark);padding:6px 8px;font-size:13px}.my-code strong{color:var(--mango);letter-spacing:3px;font-size:20px;user-select:text;-webkit-user-select:text}.my-code button{font-size:12px;padding:2px 8px;margin-left:auto}.add-friend,.dm-send{display:flex;gap:6px;margin-top:8px}.add-friend input,.dm-send input{flex:1;min-width:0;font:15px var(--font);padding:5px 8px;border:3px solid #000;background:var(--cream);color:#222;user-select:text}.add-friend input{text-transform:uppercase;letter-spacing:2px}.add-friend button,.dm-send button{font-size:14px;padding:4px 10px}.friends{list-style:none;margin:0;padding:0}.friend{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.15)}.friend img{width:34px;height:34px;border:2px solid #000;background:#2a3550;flex:none;object-fit:cover}.friend>span:first-of-type{flex:1;min-width:0}.friend b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend small{font-size:11px;opacity:.85}.friend .acts{display:flex;gap:4px;flex:none}.friend .acts button{font-size:12px;padding:2px 6px}.friend.offline{opacity:.6}.friends .empty{opacity:.75;font-size:13px;padding:6px 0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:#777;border:1px solid #000;vertical-align:0}.friend.online .dot,.dot.online{background:#5fd17a}.friend.queue .dot,.dot.queue,.friend.lobby .dot,.dot.lobby{background:var(--mango)}.friend.playing .dot,.dot.playing,.friend.watching .dot,.dot.watching{background:#6fb6ff}.social-panel .presence{margin:0 0 6px;font-size:12px;opacity:.85}.dm-log{list-style:none;margin:0;padding:6px;height:260px;overflow-y:auto;background:#0000004d;border:3px solid var(--wood-dark);font:14px/1.35 system-ui,sans-serif;display:flex;flex-direction:column;gap:4px;user-select:text;-webkit-user-select:text}.dm-log li{max-width:80%;padding:4px 8px;background:#3d2210;border:1px solid #000;align-self:flex-start;overflow-wrap:anywhere}.dm-log li.mine{align-self:flex-end;background:#2c5d8f}.dm-log li i{display:block;font-size:10px;opacity:.6;text-align:right}.dm-log li.empty{align-self:center;background:none;border:0;opacity:.7}.toast.small{font:14px system-ui,sans-serif;padding:6px 10px}@media (max-width: 520px){.social-panel{right:8px;left:8px;width:auto}}.chat .open-mutes{font-size:12px;padding:2px 8px;margin-top:6px}.chat.ingame .open-mutes{display:none;pointer-events:auto;margin-left:4px;opacity:.85}.chat.ingame.open .open-mutes{display:inline-block}.chat .mutes{margin-top:6px;background:#0a0604d9;border:3px solid var(--wood-dark);padding:6px 8px;pointer-events:auto;font-size:13px}.chat .mutes p{margin:2px 0 6px;font:12px system-ui,sans-serif;opacity:.8}.chat .mutes ul{list-style:none;margin:0;padding:0}.chat .mutes li{display:flex;align-items:center;gap:4px;padding:3px 0;border-bottom:1px dashed rgba(255,255,255,.15)}.chat .mutes li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat .mutes li i{opacity:.7;font-size:11px}.chat .mutes li button{font-size:11px;padding:2px 6px}.chat .mutes li button.selected{background:var(--red)}.chat .mutes li.empty{opacity:.7}.mutes-head{display:flex;justify-content:space-between;align-items:center}.mutes-head button{font-size:11px;padding:0 6px}.menu-panel{width:min(720px,100%);padding:12px 20px 16px}.menu-bar{display:flex;align-items:center;gap:8px;min-height:40px;margin-bottom:4px}.menu-bar .bar-space{flex:1}.menu-bar .back{font-size:14px;padding:4px 10px}.icon-btn{font-size:18px;line-height:1;padding:5px 9px}.login-btn{font-size:15px;padding:5px 14px;background:var(--tile-blue)}.menu-bar .signed{gap:6px;font-size:13px}.menu-bar .signed span{display:flex;flex-direction:column;line-height:1.1;max-width:140px}.menu-bar .signed b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-bar .signed small{font-size:10px}.menu-bar .signed button{font-size:12px;padding:3px 8px}.menu-bar .signed img{width:28px;height:28px}.screen{animation:screen-in .18s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen-title{font-size:30px;margin:0 0 12px}.screen .sub{margin-top:-6px}[data-screen=home]{display:flex;flex-direction:column;align-items:center;padding:8px 0 4px}[data-screen=home].hidden{display:none}[data-screen=home] .logo{width:144px;height:144px;margin:0 auto 6px}[data-screen=home] h1{font-size:44px}[data-screen=home] .invite-banner{width:min(420px,100%);margin:4px 0 8px;text-align:center}.home-actions{display:flex;flex-direction:column;gap:10px;width:min(320px,100%);margin:10px 0 18px}.home-actions .primary.big{font-size:28px;padding:12px;margin:0;letter-spacing:1px}.home-btn{font-size:18px;padding:10px;width:100%}.me-card{display:flex;align-items:center;gap:10px;text-align:left;padding:6px 12px 6px 6px;background:#0000004d;border-color:var(--wood-dark);box-shadow:none}.me-card img{width:44px;height:44px;border:2px solid #000;background:#2a3550}.me-card span{display:flex;flex-direction:column;line-height:1.15}.me-card small{font-size:11px;opacity:.75}.me-card b{color:var(--mango);font-size:17px}.me-card em{font-style:normal;font-size:12px;opacity:.7;margin-left:8px;text-decoration:underline}.setup{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:12px}.seg{margin:0}.seg button{font-size:15px}details.rules{width:min(520px,100%);text-align:left}details.rules summary{cursor:pointer;color:var(--mango);font-size:14px;text-align:center;list-style:none}details.rules summary:before{content:"▸ "}details.rules[open] summary:before{content:"▾ "}details.rules fieldset{margin-top:6px}.play-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;text-align:left}.play-card{display:flex;flex-direction:column;gap:6px}.play-card h2{margin:0;font-size:18px}.play-card p{margin:0}.play-card .primary{margin-top:auto;font-size:18px}.play-card .check{margin:0;font-size:13px}.play-card .join-code{margin-top:2px}.play-card .join-code input{flex:1;width:auto}.field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--mango)}.field input{font:16px var(--font);padding:6px 8px;border:3px solid #000;background:var(--cream);color:#222;min-width:0;user-select:text}.field input:disabled{opacity:.7}[data-screen=play]>.box{text-align:left}[data-screen=play]>.box h2{margin-top:0}@media (max-width: 600px){.play-cards{grid-template-columns:1fr}}[data-screen=ranked] .ranked{text-align:left}[data-screen=ranked] .ranked>h2:first-child{display:none}[data-screen=cast] .cast{margin-top:6px}.help-box{text-align:left}.help-box h2{margin:4px 0 6px}.help-box ul{margin:0 0 10px;padding-left:18px;font:14px/1.6 system-ui,sans-serif}.help-box p{font:14px/1.5 system-ui,sans-serif}.menu-panel>.status{text-align:center}.login-panel{width:min(420px,100%)}.login-panel h1{font-size:30px}.login-panel .auth{align-items:stretch;margin:6px 0 10px}.login-panel .auth-buttons{flex-direction:column}.login-panel .auth-buttons button{width:100%;font-size:16px;padding:10px}.close-login{font-size:13px;padding:4px 10px}@media (max-width: 520px){[data-screen=home] h1{font-size:32px}[data-screen=home] .logo{width:104px;height:104px}.menu-bar .signed span{display:none}}.queue-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:35;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:5px 6px 5px 10px;cursor:pointer;background:#2a1a3d;border:3px solid #000;box-shadow:0 0 0 3px var(--mango),5px 5px 0 3px #000;animation:queue-in .25s ease-out}.queue-banner .q-icon{font-size:20px;animation:queue-pulse 1.6s ease-in-out infinite}.queue-banner .q-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.queue-banner .q-text b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-banner .q-text small{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-banner .q-text .q-count{opacity:1;color:var(--mango)}.queue-banner .q-time{font-size:22px;color:var(--mango);min-width:3.2ch;text-align:right;font-variant-numeric:tabular-nums}.queue-banner button{font-size:12px;padding:3px 8px}@keyframes queue-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes queue-pulse{50%{transform:scale(1.18)}}.toasts{top:64px}.version{margin:14px 0 0;font-size:11px;opacity:.55;letter-spacing:1px}.ranked .any-queue{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;margin:4px 0 8px}.ranked .any-queue small{font-size:12px;opacity:.85;font-family:system-ui,sans-serif}.ranked .queue-modes{justify-content:center}.ranked .queue-modes button{flex:1 1 120px;font-size:15px;display:flex;flex-direction:column;align-items:center;gap:2px}.ranked .queue-modes button small{font-size:11px;opacity:.8;font-family:system-ui,sans-serif}.ranked .ranked-count{color:var(--mango)}.impact-flash{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 55%,#fffadcf2,#ffdc788c 45%,#ffc85000 75%);animation:impact-flash .45s ease-out forwards}@keyframes impact-flash{0%{opacity:1}to{opacity:0}}.chat .log li.system{color:#ffd84a;font-style:italic;opacity:.95}.webgl-aviso{width:min(520px,100%);margin:6px 0 12px;padding:10px 14px;text-align:left;background:#8a2a20;border:3px solid #000;box-shadow:3px 3px #000;font:14px/1.45 system-ui,sans-serif}.webgl-aviso ol{margin:6px 0;padding-left:20px}.webgl-aviso li{margin:3px 0}.webgl-aviso code{background:#00000059;padding:0 4px}.webgl-aviso small{opacity:.85}