@font-face{font-family:SF Fedora;font-style:normal;font-weight:400;src:url(/assets/font/SF%20Fedora.ttf) format("truetype")}:root{color:#f5f7fb;background:#10131a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(60,97,160,.24),transparent 34rem),linear-gradient(135deg,#10131a,#181b24 52%,#16111a)}button,input{font:inherit}code{overflow-wrap:anywhere;color:#d7dfef;font-size:.85rem}button{border:0;border-radius:7px;color:#07101c;background:#f1c84b;padding:.75rem 1rem;font-weight:800;cursor:pointer}button:hover:not(:disabled){filter:brightness(1.07)}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:#f5f7fb;background:#2a3142}input{width:100%;border:1px solid #3b4357;border-radius:7px;color:#fff;background:#141925;padding:.8rem .9rem;outline:none}input:focus{border-color:#7aa7ff}input[type=range]{padding:0;accent-color:#f1c84b}.app-shell{width:min(1680px,calc(100vw - 1rem));margin:0 auto;padding:.75rem 0 1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.topbar h1,.topbar p,.panel h2,.stand-card h3{margin:0}.topbar h1{font-family:SF Fedora,Impact,sans-serif;font-size:clamp(2rem,5vw,4.2rem);line-height:.95}.panel h2,.stand-card h3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topbar p,.muted{color:#aeb7c8}.room-chip{border:1px solid #596179;border-radius:7px;padding:.65rem .85rem;background:#171c27;font-weight:900;letter-spacing:.08em}.copy-button{padding:.65rem .85rem;color:#f5f7fb;background:#2a3142}.copy-button[aria-pressed=true]{color:#10131a;background:#f1c84b}.audio-controls{display:grid;gap:.45rem;min-width:min(100vw - 2rem,360px);border:1px solid #2d3547;border-radius:8px;background:#131822eb;padding:.55rem}.account-panel{display:grid;grid-template-columns:auto minmax(110px,150px) minmax(110px,150px) auto;align-items:center;gap:.45rem;max-width:min(100vw - 2rem,620px);border:1px solid #2d3547;border-radius:8px;background:#131822eb;padding:.55rem}.account-panel.signed-in{grid-template-columns:auto minmax(90px,1fr) auto auto;color:#f3f6fb}.account-panel.signed-in div{display:grid;gap:.1rem}.account-panel.signed-in span,.signed-in-card span,.account-panel.signed-in small,.signed-in-card small{color:#9ca7ba;font-size:.82rem}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem}.auth-tabs button{min-height:34px;padding:.35rem .55rem;color:#f3f6fb;background:#252d3f;font-size:.78rem}.auth-tabs button.active{color:#10131a;background:#f1c84b}.avatar-image{width:38px;height:38px;flex:0 0 auto;border:2px solid rgba(241,200,75,.7);border-radius:999px;object-fit:cover;background:#202737}.avatar-image.large{width:92px;height:92px}.avatar-image.fallback{display:grid;place-items:center;color:#10131a;background:#f1c84b;font-weight:900}.audio-control{display:grid;grid-template-columns:48px 64px minmax(110px,1fr) 42px;align-items:center;gap:.45rem;color:#d8deea;font-size:.82rem;font-weight:800}.audio-control input{min-width:0}.audio-control strong{text-align:right}.icon-button{min-height:32px;padding:.35rem .5rem;color:#f5f7fb;background:#2a3142;font-size:.78rem}.icon-button[aria-pressed=true]{color:#10131a;background:#f1c84b}.error-banner{width:100%;margin-bottom:1rem;color:#ffe9ec;background:#8c1d34;text-align:left}.menu-picture{display:grid;place-items:center;margin-bottom:1rem;overflow:hidden;border:1px solid #2d3547;border-radius:8px;background:#050608}.menu-picture img{display:block;width:min(100%,960px);max-height:360px;object-fit:contain}.home-grid,.room-layout,.select-layout,.battle-layout{display:grid;gap:1rem}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{max-width:680px;margin:0 auto 1rem}.profile-header,.signed-in-card{display:flex;align-items:center;gap:.85rem}.profile-header h2,.profile-header p{margin:0}.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.stats-row div{display:grid;place-items:center;gap:.15rem;border:1px solid #30384a;border-radius:8px;background:#181e2a;padding:.8rem}.stats-row strong{color:#f1c84b;font-size:1.35rem}.stats-row span{color:#aeb7c8;font-size:.86rem;font-weight:800}.signed-in-card{border:1px solid #30384a;border-radius:8px;background:#181e2a;padding:.75rem}.signed-in-card div{display:grid;gap:.15rem}.room-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start}.select-layout{grid-template-columns:280px 1fr}.battle-layout{grid-template-columns:minmax(0,1fr) minmax(340px,380px);align-items:start}.panel,.board-panel,.stand-card{border:1px solid #2d3547;border-radius:8px;background:#131822eb;box-shadow:0 18px 50px #0000002e}.panel{display:grid;gap:1rem;padding:1rem}.board-panel{display:grid;place-items:center;min-height:min(900px,calc(100vh - 7.5rem));padding:.75rem}.phaser-board{width:min(100%,calc(100vh - 9rem),940px);aspect-ratio:1;height:auto;overflow:hidden;border-radius:8px}.phaser-board canvas{display:block;width:100%!important;height:100%!important}label{display:grid;gap:.45rem;color:#cad1df;font-weight:700}.team-mode-picker{display:grid;gap:.55rem;color:#cad1df;font-weight:800}.team-mode-picker div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.team-mode-picker button{min-height:42px;color:#f3f6fb;background:#252d3f}.team-mode-picker button.active{color:#10131a;background:#f1c84b}.stand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stand-card{display:grid;gap:.75rem;padding:1rem;align-content:start}.stand-card.selected{border-color:#f1c84b}.stand-card strong{color:#f1c84b}.stand-card p{margin:0;color:#c9d0df;line-height:1.35}.stand-card span{color:#fff;font-weight:800}.stand-card .passive-line{border:1px solid rgba(241,200,75,.28);border-radius:7px;background:#f1c84b14;padding:.55rem .65rem}.stand-preview{display:grid;place-items:center;min-height:132px;overflow:hidden;border:1px solid #30384a;border-radius:8px;background:radial-gradient(circle at 50% 40%,rgba(241,200,75,.16),transparent 62%),#111722}.stand-preview img{display:block;width:min(100%,180px);height:128px;object-fit:contain}.player-list{display:grid;gap:.55rem}.player-row,.health-label,.selection-readout,.button-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.player-row{border:1px solid #30384a;border-radius:7px;padding:.65rem .75rem;background:#181e2a;flex-wrap:wrap}.player-row small{color:#8f99ad;font-weight:800}.battle-sidebar,.select-sidebar{display:grid;gap:1rem}.health-block{display:grid;gap:.4rem}.health-label{color:#d8deea;font-size:.92rem}.health-track{height:12px;overflow:hidden;border-radius:999px;background:#2a3140}.health-fill{height:100%;transition:width .16s ease}.health-fill.blue{background:#4aa3ff}.health-fill.red{background:#ff4f5e}.health-fill.green{background:#54f0a4}.selection-readout{flex-wrap:wrap;color:#c8d0df}.ability-list,.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ability-list button,.mode-toggle button{min-height:44px;color:#f3f6fb;background:#252d3f}.ability-list button.active,.mode-toggle button.active{color:#10131a;background:#f1c84b}.log-panel ol{display:grid;gap:.5rem;max-height:260px;margin:0;padding-left:1.2rem;overflow:auto;scroll-behavior:smooth;color:#cbd3e2}.chat-panel{align-content:start}.chat-messages{display:grid;gap:.6rem;max-height:280px;overflow:auto;padding-right:.25rem;scroll-behavior:smooth}.chat-message{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem;width:min(100%,92%);border:1px solid #30384a;border-radius:8px;background:#181e2a;padding:.65rem .75rem}.chat-message.mine{justify-self:end;border-color:#4aa3ff73;background:#172235}.chat-message.theirs{justify-self:start;border-color:#ff4f5e61}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#dce4f3;font-size:.78rem}.chat-message p{grid-column:2}.chat-meta span{color:#8f99ad}.chat-message p{margin:0;color:#f3f6fb;line-height:1.35;overflow-wrap:anywhere}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.chat-form button{min-width:76px}.finished-panel{max-width:720px}@media(max-width:900px){.home-grid,.room-layout,.select-layout,.battle-layout{grid-template-columns:1fr}.board-panel{justify-content:start;overflow-x:auto}.phaser-board{width:min(100%,calc(100vw - 2.5rem),calc(100vh - 10rem),940px)}}@media(max-width:560px){.app-shell{width:min(100vw - 1rem,1180px)}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions,.audio-controls{width:100%}.audio-control{grid-template-columns:46px 62px minmax(72px,1fr) 40px}.ability-list,.mode-toggle,.home-grid{grid-template-columns:1fr}}