:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--panel:#12161fc7;--panel-solid:#12161f;--line:#ffffff14;--text:#eef2f8;--muted:#95a0b4;--accent:#ffd166;--focus:#ffd166;--danger:#ff5d6c;--good:#2ed47a;--ok:#ffc83d;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:clamp(14px,1.45vh,30px)}:root[data-theme=sunset]{--accent:#ff8a65;--focus:#ff8a65;--bg:#120a14;--panel:#201222cc;--panel-solid:#1e1220}:root[data-theme=arcade]{--accent:#39ff88;--focus:#39ff88;--bg:#040806;--panel:#0a1810cc;--panel-solid:#0b1a12}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:.8rem;padding:.8rem 1.4rem;transition:transform .12s,background .12s,box-shadow .12s}button:disabled{opacity:.35;cursor:default}button:focus{outline:none}button:focus-visible,button:focus{box-shadow:0 0 0 .25rem var(--focus)}button.primary{background:var(--accent);color:#1a1405;font-weight:700}button.big{padding:1rem 2.2rem;font-size:1.4rem}button.danger{color:var(--danger)}code{background:#ffffff14;border-radius:.3em;padding:.1em .4em}.hint{color:var(--muted);font-size:.95rem}.splash{background:radial-gradient(circle at 50% 40%,#1a2133,#07090d 70%);border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex;position:fixed;inset:0}.splash:focus{box-shadow:none}.logo{letter-spacing:.02em;font-size:1.6rem;font-weight:800}.logo span{color:var(--accent);margin-right:.25em}.logo.huge{font-size:5rem}.splash-hint{color:var(--muted);font-size:1.5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.home{flex-direction:column;display:flex;position:fixed;inset:0}.hero-bg{z-index:0;opacity:.35;filter:blur(40px)saturate(1.3);animation:.6s fadein;position:absolute;inset:0;transform:scale(1.15)}.hero-bg .art{object-fit:cover;width:100%;height:100%}.home:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#07090d99,#07090dd9 60%,#07090df2);position:absolute;inset:0}@keyframes fadein{0%{opacity:0}}.topbar,.home-body{z-index:1;position:relative}.topbar{align-items:center;gap:1.5rem;padding:1.4rem 2.4rem .6rem;display:flex}.topbar-players{flex:1;gap:.6rem;display:flex}.topbar-right{align-items:center;gap:1rem;display:flex}.clock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:1.4rem}.icon-btn{border-radius:50%;width:3rem;height:3rem;padding:0;font-size:1.4rem}.home-body{flex:1;grid-template-columns:1fr auto;min-height:0;display:grid}.library{scrollbar-width:none;padding:0 0 4rem 2.4rem;overflow:hidden auto}.library::-webkit-scrollbar{display:none}.hero{align-items:center;gap:2.4rem;min-height:34vh;padding:1.4rem 0 2rem;display:flex}.hero-art{aspect-ratio:3/4;border-radius:1rem;flex-shrink:0;width:16rem;overflow:hidden;box-shadow:0 1.5rem 3rem #0009}.hero-art .art{object-fit:cover;width:100%;height:100%}.hero-info h1{max-width:40rem;margin:.2rem 0 .6rem;font-size:3.4rem;line-height:1.05}.hero-system{text-transform:uppercase;letter-spacing:.12em;font-size:1rem;font-weight:700}.hero-meta{color:var(--muted);margin-bottom:1.6rem;font-size:1.1rem}.row{margin-bottom:1.6rem}.row h2{align-items:center;gap:.6rem;margin:0 0 .8rem;font-size:1.35rem;font-weight:600;display:flex}.row h2 i{border-radius:.25rem;width:.5rem;height:1.3rem;display:inline-block}.row h2 small{color:var(--muted);font-size:.9rem;font-weight:400}.cards{scrollbar-width:none;gap:1.2rem;margin-left:-.4rem;padding:.8rem 2.4rem 1.2rem .4rem;scroll-padding:0 30%;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.card{text-align:left;background:0 0;border-radius:.9rem;flex:none;width:11rem;padding:0;transition:transform .15s}.card .art{aspect-ratio:3/4;object-fit:cover;border-radius:.9rem;width:11rem;display:block;box-shadow:0 .8rem 1.6rem #00000073}.card-title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.6rem;font-size:1rem;display:block;overflow:hidden}.card:focus{box-shadow:none;transform:scale(1.09)}.card:focus .art{box-shadow:0 0 0 .25rem var(--focus), 0 1.2rem 2.4rem #0009}.card:focus .card-title{color:var(--text)}.art.generated{color:#fff;flex-direction:column;justify-content:space-between;padding:.9rem;display:flex;overflow:hidden}.art-system{letter-spacing:.12em;opacity:.8;font-size:.85rem;font-weight:800}.art-title{text-shadow:0 2px 8px #00000080;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.25rem;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.hero-bg .art.generated .art-title,.hero-bg .art.generated .art-system{display:none}.add-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.add{background:#ffffff0f;border:2px dashed #ffffff26}.empty{max-width:46rem;padding:3rem 0}.empty h1{font-size:2.6rem}.empty p{color:var(--muted);font-size:1.2rem;line-height:1.6}.lobby{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:1.4rem;flex-direction:column;align-self:start;gap:1.2rem;width:26rem;margin:0 2.4rem 2rem 1rem;padding:1.6rem;display:flex}.lobby.compact{width:20rem}.lobby-qr{justify-content:center;display:flex}.qr{background:#fff;border-radius:1rem;padding:.6rem}.qr svg{width:100%;height:100%;display:block}.qr.placeholder{color:#333;justify-content:center;align-items:center;display:flex}.lobby-code{text-align:center;flex-direction:column;gap:.3rem;display:flex}.lobby-code small{color:var(--muted)}.lobby-url{font-size:1.05rem;font-weight:600}.code{letter-spacing:.35em;color:var(--accent);padding-left:.35em;font-size:3.6rem;font-weight:900;line-height:1}.lobby.compact .code{font-size:2.4rem}.lobby-state{color:var(--ok)}.slots{flex-direction:column;gap:.5rem;display:flex}.chip{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;align-items:center;gap:.7rem;padding:.45rem .8rem .45rem .45rem;display:flex}.chip.big{border-radius:1rem;padding:.6rem .9rem .6rem .6rem}.chip .avatar{background:var(--pc);color:#fff;text-shadow:0 1px 2px #0008;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-weight:900;display:flex}.chip.big .avatar{width:2.8rem;height:2.8rem;font-size:1.2rem}.chip-text{flex-direction:column;flex:1;min-width:0;display:flex}.chip-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.chip.empty{opacity:.45;border-style:dashed}.chip.empty .avatar{border:2px dashed var(--pc);color:var(--pc);text-shadow:none;background:0 0}.chip.away{opacity:.55}.dot{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem}.dot.good{background:var(--good);box-shadow:0 0 .6rem var(--good)}.dot.ok{background:var(--ok)}.dot.bad{background:var(--danger)}.dot.off{background:#555}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#04060ab3;justify-content:center;align-items:center;animation:.15s fadein;display:flex;position:fixed;inset:0}.modal{background:var(--panel-solid);border:1px solid var(--line);border-radius:1.6rem;max-width:90vw;max-height:90vh;padding:2.4rem;overflow:auto;box-shadow:0 2rem 6rem #0009}.modal.detail{gap:2.4rem;width:70rem;display:flex}.detail-art{flex-shrink:0;width:20rem}.detail-art .art{aspect-ratio:3/4;object-fit:cover;border-radius:1rem;width:100%}.detail-info h1{margin:.2rem 0 1rem;font-size:2.8rem}.detail-shot{aspect-ratio:4/3;border-radius:.8rem;width:24rem;margin-bottom:1rem;overflow:hidden}.detail-shot .art{object-fit:cover;width:100%;height:100%}.detail-actions{flex-wrap:wrap;gap:1rem;display:flex}.modal.settings{width:64rem}.settings-grid{grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0;display:grid}.setting{text-align:left;justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting span{flex-direction:column;display:flex}.setting small{color:var(--muted);font-size:.85rem}.setting b.on{color:var(--good)}.setting b.off{color:var(--muted)}.menu-list{flex-direction:column;gap:.6rem;min-width:24rem;display:flex}.menu-list button{text-align:left;font-size:1.25rem}.menu-list button.selected{background:var(--accent);color:#1a1405}.player{background:#000;position:fixed;inset:0}.stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage canvas{object-fit:contain;image-rendering:pixelated;width:100%!important;height:100%!important}.loading{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.4rem;font-size:1.4rem;display:flex;position:absolute;inset:0}.loading.error p{color:var(--muted);text-align:center;max-width:50rem}.spinner{border:.4rem solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:4rem;height:4rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:20;background:#0a0c12e0;border-radius:999px;padding:.8rem 1.6rem;font-size:1.2rem;animation:.2s fadein;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.latency-overlay{z-index:15;background:#000000b8;border-radius:.6rem;flex-direction:column;gap:.2rem;padding:.6rem 1rem;font:.95rem ui-monospace,Consolas,monospace;display:flex;position:absolute;bottom:1rem;left:1rem}.ingame-menu{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#05070bd1;flex-direction:column;justify-content:center;align-items:center;gap:1.6rem;animation:.12s fadein;display:flex;position:absolute;inset:0}.menu-head{text-align:center}.menu-head h2{margin:0 0 .8rem;font-size:2.4rem}.menu-players{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.slots-grid{grid-template-columns:repeat(4,16rem);gap:1.2rem;display:grid}.slots-grid button{flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.thumb{aspect-ratio:4/3;object-fit:cover;width:100%;image-rendering:pixelated;background:#000;border-radius:.5rem}.thumb.empty{color:var(--muted);background:#ffffff0a;justify-content:center;align-items:center;display:flex}.modal.onboarding{text-align:center;width:76rem}.modal.onboarding h1{margin-top:0;font-size:2.8rem}.onboarding-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin:1.6rem 0 2.2rem;display:grid}.onboarding-step{border:1px solid var(--line);background:#ffffff0a;border-radius:1.2rem;padding:1.6rem}.onboarding-step h2{margin:.6rem 0;font-size:1.4rem}.onboarding-step p{color:var(--muted);line-height:1.5}.onboarding-icon{font-size:2.6rem}