@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202439;--muted:#778099;--border:#e1e4ee;--primary:#6157f5;--food:#40c4aa;background:#f5f7ff;font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#f5f7ff;background-image:radial-gradient(circle,#dfe2ed 1px,#0000 1px);background-size:20px 20px;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{align-content:start;gap:16px;width:min(100%,520px);min-height:100dvh;margin:auto;padding:18px;display:grid}header{justify-content:space-between;align-items:center;min-height:58px;display:flex}.player-identity{color:#202439;align-items:center;gap:9px;max-width:52%;font-size:.7rem;font-weight:700;display:flex}.player-identity>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-identity .cl-userButtonBox{width:34px;height:34px}h1,h2,p{margin:0}h1{letter-spacing:-.08em;font-size:clamp(2.8rem,16vw,4.8rem);line-height:.86}h2{letter-spacing:-.06em;font-size:1.8rem;line-height:.98}p{color:var(--muted);font-size:.82rem;line-height:1.55}.kicker,small,code{font-family:DM Mono,monospace}.kicker{color:var(--primary);letter-spacing:.15em;font-size:.62rem}small{color:var(--muted);font-size:.63rem}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:14px;gap:16px;padding:24px;display:grid;box-shadow:0 12px 30px #20243912}.hero{align-content:center;min-height:430px}.auth-shell{align-content:start;padding-top:28px}.auth-card{gap:14px}.auth-widget{min-height:280px;margin-top:4px}.auth-switch{color:var(--primary);text-align:left;background:0 0;border:0;padding:4px 0;font:.68rem DM Mono,monospace}.loading-shell{align-content:center}.matching-state{text-align:center;justify-items:center;gap:10px;display:grid}.matching-state h2{margin-top:4px}.matching-state p{font-size:.74rem}.matching-orbit{place-items:center;width:116px;height:116px;margin-bottom:8px;display:grid;position:relative}.matching-orbit:before,.matching-orbit:after{content:"";border:1px solid #6157f533;border-radius:50%;position:absolute}.matching-orbit:before{animation:1.8s ease-in-out infinite matching-pulse;inset:14px}.matching-orbit:after{border-style:dashed;animation:8s linear infinite matching-spin;inset:0}.matching-orbit span{background:var(--primary);border-radius:4px;width:13px;height:13px;animation:1.4s ease-in-out infinite matching-bob;position:absolute;box-shadow:0 4px 9px #6157f533}.matching-orbit span:first-child{top:12px;left:50%;transform:translate(-50%)}.matching-orbit span:nth-child(2){background:var(--food);animation-delay:.2s;bottom:22px;right:12px}.matching-orbit span:nth-child(3){background:#9c8cff;animation-delay:.4s;bottom:22px;left:12px}.matching-orbit i{background:#fff;border:1px solid #6157f566;border-radius:7px;width:24px;height:24px;animation:1.4s ease-in-out infinite matching-core;box-shadow:0 8px 20px #20243916}@keyframes matching-spin{to{transform:rotate(360deg)}}@keyframes matching-pulse{0%,to{opacity:.35;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}@keyframes matching-bob{0%,to{margin-top:0}50%{margin-top:-6px}}@keyframes matching-core{0%,to{transform:scale(.9)}50%{transform:scale(1.08)}}.hero h2{margin-top:4px}.actions{gap:8px;display:grid}.primary,.secondary{border-radius:8px;min-height:46px;padding:0 15px;font-size:.75rem;font-weight:700}.primary{color:#fff;background:var(--primary);border:0;box-shadow:0 8px 18px #6157f52e}.secondary{border:1px solid var(--border);color:#202439;background:#fff}.primary:hover{filter:brightness(1.06)}.secondary:hover{border-color:var(--primary);color:var(--primary)}.wide{width:100%}button:disabled{cursor:wait;opacity:.55}.blocks{grid-template-columns:repeat(5,1fr);gap:5px;width:165px;margin-bottom:8px;display:grid}.blocks i{aspect-ratio:1;background:#eef0f8;border-radius:5px}.blocks i:first-child,.blocks i:nth-child(2),.blocks i:nth-child(4),.blocks i:nth-child(5){background:var(--primary);box-shadow:inset 0 -3px #4d44d2}.blocks i:nth-child(3){background:var(--food);grid-column:3}.join-row{grid-template-columns:1fr auto;gap:8px;display:grid}.join-row input{border:1px solid var(--border);color:#202439;background:#fff;border-radius:8px;outline:none;min-width:0;padding:0 12px;font:.68rem DM Mono,monospace}.join-row input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6157f51c}.player-list{gap:8px;margin:2px 0;display:grid}.player{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:8px 10px;font-size:.78rem;display:flex}.player strong{color:#217b68;margin-left:auto;font:500 .56rem DM Mono,monospace}.player--empty{color:var(--muted);background:#ffffff80;border-style:dashed}.avatar{color:#fff;background:var(--primary);border-radius:7px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.game{text-align:center;justify-items:center}.game-icon{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:62px;height:62px;font-size:1.7rem;display:grid;box-shadow:0 0 0 7px #6157f514}.connection-debug{border:1px solid var(--border);width:100%;color:var(--muted);text-transform:uppercase;background:#fafbff;border-radius:7px;justify-content:space-between;padding:7px 9px;font:.59rem DM Mono,monospace;display:flex}.connection-debug span:first-child:before{content:"";background:#a9afbf;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.connection-debug--connected span:first-child:before{background:var(--food);box-shadow:0 0 0 3px #40c4aa24}.connection-debug--connecting span:first-child:before,.connection-debug--reconnecting span:first-child:before{background:#d79b38}.scoreboard{flex-wrap:wrap;justify-content:center;gap:7px;width:100%;display:flex}.scoreboard span{border:1px solid var(--border);color:var(--muted);background:#fafbff;border-radius:999px;padding:5px 8px;font:.6rem DM Mono,monospace}.scoreboard b{color:var(--primary);font-weight:500}.arena-grid{border:1px solid var(--border);background:#f0f1f8;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,280px);padding:9px;display:grid}.arena-cell{aspect-ratio:1;color:var(--primary);background:#fff;border:1px solid #e4e6f1;border-radius:8px;font-size:1.1rem;font-weight:800;box-shadow:0 3px #dfe2ed}.arena-cell:not(:disabled):hover{border-color:var(--primary);background:#f7f6ff;transform:translateY(-1px)}.arena-cell--claimed{cursor:default;color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:inset 0 -3px #4d44d2}.event-feed{border:1px solid var(--border);text-align:left;background:#fafbff;border-radius:9px;gap:7px;width:100%;max-height:150px;padding:10px;display:grid;overflow:auto}.session-event{gap:7px;font-size:.68rem;line-height:1.35;display:flex}.session-event strong{color:var(--primary)}.session-event span{color:var(--muted);overflow-wrap:anywhere}.transport-log{resize:vertical;border:1px solid var(--border);width:100%;min-height:92px;color:var(--muted);background:#fafbff;border-radius:8px;padding:9px;font:.6rem/1.55 DM Mono,monospace}.event-form{grid-template-columns:1fr auto;gap:8px;width:100%;display:grid}.event-form input{border:1px solid var(--border);color:#202439;background:#fff;border-radius:8px;outline:none;min-width:0;padding:0 10px;font-size:.68rem}.cancel-button{color:#9b3d4d;text-align:left;background:0 0;border:0;padding:0;font:.65rem DM Mono,monospace}.invite-panel{border:1px solid var(--border);text-align:left;background:#fafbff;border-radius:10px;gap:9px;width:100%;padding:12px;display:grid}.invite-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;display:block;overflow:hidden}.invite-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.invite-actions button{min-height:38px;padding:0 7px;font-size:.62rem}.qr-frame{background:#fff;border-radius:8px;justify-self:center;padding:10px}.info-button{border:1px solid var(--border);width:32px;height:32px;color:var(--primary);background:#fff;border-radius:50%;justify-self:end;font-size:1rem;line-height:1}.timeout-notice{color:#9b5a1d;background:#fff7ec;border:1px solid #e7a45e;border-radius:8px;width:100%;padding:9px 10px;font:.65rem DM Mono,monospace}.error{color:#9b3d4d;background:#fff0f2;border-radius:7px;padding:10px 12px;font-size:.72rem}@media (width<=430px){.shell{padding:12px}.card{padding:20px}.hero{min-height:0}}