@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--theme-bg: #070912;--theme-surface: #12172b;--theme-accent: #ff4a4a;--theme-text: #eef3ff;--font-header: "Press Start 2P", monospace}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-size:18px;line-height:1.35;font-family:Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 26%,#4e98ff47,#4e98ff00 32%),radial-gradient(circle at 84% 22%,#ff424247,#ff424200 30%),radial-gradient(circle at 50% 100%,#704cff33,#704cff00 38%),var(--theme-bg);color:var(--theme-text)}#root{width:100%;height:100%}button,input,select,textarea{font:inherit}.splash-screen{position:relative;isolation:isolate;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;min-height:100%;display:grid;place-items:center;padding:1rem;overflow:hidden;background:#000}.splash-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/background.png) no-repeat center #000;background-size:100% 100%;opacity:0;transition:opacity .42s ease}.splash-screen.splash-transition:before,.splash-screen.splash-ready:before{opacity:1}.splash-bolts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;contain:paint;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:0;transition:opacity .42s ease}.splash-screen.splash-transition .splash-bolts,.splash-screen.splash-ready .splash-bolts{opacity:1}.splash-bolt{position:absolute;top:0;height:100%;width:33.34%;opacity:0;background-image:url(/bolts.png);background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:normal;transition:none;will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.splash-bolt.active{opacity:.4}.bolt-1{left:0;background-position:0% 50%}.bolt-2{left:33.33%;background-position:50% 50%}.bolt-3{left:66.66%;background-position:100% 50%}.auth-card{position:relative;isolation:isolate;z-index:10;-webkit-transform:translateZ(0);transform:translateZ(0);width:min(460px,100%);background:linear-gradient(180deg,#070c1aa8,#05091480);border:1px solid rgba(104,140,214,.48);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:inset 0 1px #d8e7ff1c,0 0 0 1px #6f95ff42,0 52px 104px #01030af0,0 18px 34px #091430a3,0 0 44px #0a163461;border-radius:14px;padding:0;overflow:hidden}.splash-start-gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:center;border:0;margin:0;background:#02060e80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;opacity:1;transition:opacity .42s ease}.splash-start-gate.transitioning,.splash-start-gate.hidden{opacity:0;pointer-events:none}.splash-start-cta{font-family:var(--font-header);text-transform:uppercase;font-size:clamp(.84rem,2vw,1.16rem);line-height:1.45;letter-spacing:.08em;color:#ffd58f;text-shadow:0 0 5px rgba(255,168,110,.72),0 0 15px rgba(255,99,88,.52),0 2px 0 rgba(42,12,6,.8);animation:arcade-pulse .98s steps(2,end) infinite}@keyframes arcade-pulse{0%,to{opacity:.78;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}.splash-auth-card{transition:opacity .42s ease,transform .42s cubic-bezier(.2,.9,.18,1)}.splash-auth-card.splash-intro,.splash-auth-card.splash-transition{opacity:0;transform:translateY(48px) scale(.98);pointer-events:none}.splash-auth-card.splash-ready{opacity:1;transform:translateY(0) scale(1)}.auth-card-content{position:relative;z-index:2;--auth-form-edge-pad: 1.1rem;padding:.82rem 1.05rem 1.05rem}.auth-card-content>p{margin:0 0 .68rem;padding-inline:var(--auth-form-edge-pad);color:#cdd8f7}.logo-version{font-family:var(--font-header);margin:-.08rem 0 .24rem;padding-inline:var(--auth-form-edge-pad);font-size:.68rem;letter-spacing:.13em;color:#ffd6cc;text-transform:uppercase;text-align:left;opacity:.88}.auth-logo-wrap{position:relative;height:130px;margin:-.12rem 0 .55rem;overflow:hidden}.auth-logo{display:block;width:119%;max-width:none;margin:-84px 0 0 calc(-9% - 5px);border-radius:0}.auth-tabs{display:flex;gap:.35rem;margin-bottom:0;padding:.32rem var(--auth-form-edge-pad) 0;border-bottom:0;background:#080c1852}.auth-pane{margin-top:.25rem;border:0;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;overflow:visible}.auth-tabs button,.top-right-controls button,.chat-toggle,.auth-form button,.chat-input button{border:1px solid rgba(123,154,223,.45);color:var(--theme-text);background:linear-gradient(180deg,#1f2947cc,#182039d6);padding:.45rem .75rem;cursor:pointer}.splash-wave-widget{position:absolute;right:1rem;bottom:1rem;z-index:11;display:inline-flex;flex-direction:column;align-items:stretch;gap:.06rem;min-width:0;border:1px solid rgba(112,144,216,.44);border-radius:10px;padding:.3rem .45rem .27rem .34rem;color:#dce8ff;background:#070b186b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 1px #d1e4ff1f,0 10px 20px #02060e6b;opacity:.78;cursor:pointer;transition:opacity .14s ease,border-color .14s ease,background-color .14s ease}.splash-powered{position:absolute;left:50%;bottom:.92rem;transform:translate(-50%);z-index:11;display:inline-flex;align-items:center;gap:.34rem;color:#e1ebffd1;text-decoration:none;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;opacity:.72;transition:opacity .14s ease}.splash-powered:hover{opacity:.96}.splash-powered img{width:98px;height:auto;display:block}.splash-wave-widget:hover{opacity:.9}.splash-wave-widget.off{opacity:.36;border-color:#7482a257}.splash-wave-label{font-family:var(--font-header);font-size:.44rem;line-height:1;letter-spacing:.11em;text-transform:uppercase;color:#d6e4ff;width:100%;text-align:center}.splash-wave-bars{display:flex;align-items:flex-end;justify-content:space-between;width:100%;gap:2px;height:21px}.splash-wave-bar{width:3px;height:8px;border-radius:3px;background:linear-gradient(180deg,#ffa5a5f5,#94c2ffe0);transform-origin:center bottom;animation:splash-wave .85s ease-in-out infinite;animation-play-state:paused}.splash-wave-widget.playing .splash-wave-bar{animation-play-state:running}.splash-wave-bar:nth-child(1){animation-delay:0ms}.splash-wave-bar:nth-child(2){animation-delay:70ms}.splash-wave-bar:nth-child(3){animation-delay:.14s}.splash-wave-bar:nth-child(4){animation-delay:.21s}.splash-wave-bar:nth-child(5){animation-delay:.28s}.splash-wave-bar:nth-child(6){animation-delay:.35s}.splash-wave-bar:nth-child(7){animation-delay:.42s}.splash-wave-bar:nth-child(8){animation-delay:.49s}.splash-wave-bar:nth-child(9){animation-delay:.56s}.splash-wave-bar:nth-child(10){animation-delay:.63s}.splash-wave-bar:nth-child(11){animation-delay:.7s}.splash-wave-bar:nth-child(12){animation-delay:.77s}@keyframes splash-wave{0%,to{transform:scaleY(.34);opacity:.62}50%{transform:scaleY(1);opacity:1}}.auth-tabs button{font-family:var(--font-header);font-size:.68rem;line-height:1.2;border-radius:9px;letter-spacing:.04em}.auth-tabs button.active,.top-right-controls button.active{border-color:#ff8080eb;background:linear-gradient(180deg,#c73e48f2,#521a1aeb)}.auth-tabs button.active{box-shadow:inset 0 -2px #ffb4b454}.auth-form{display:flex;flex-direction:column;gap:.6rem;padding:1rem var(--auth-form-edge-pad) 1.15rem}.auth-form button{font-family:var(--font-header);font-size:.68rem;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;border-radius:9px}.auth-pane .auth-form{border-top:0;border-radius:0;background:transparent;box-shadow:none}.auth-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.auth-form input,.chat-input input{width:100%;border:1px solid rgba(116,147,212,.42);background:#090e1cb8;color:var(--theme-text);padding:.52rem .6rem;border-radius:8px}.auth-form input[type=color]{width:56px;height:34px;padding:.15rem;background:transparent;border:1px solid #415a72;cursor:pointer}.auth-form input.readonly-field{background:#141c27;color:#8ea2ba;border-color:#3a4f63;opacity:.85}.viewport-app{position:relative;width:100%;height:100%;overflow:hidden}.game-layer{width:100%;height:100%}.game-shell.fullscreen{width:100%;height:100%;border:0}.network-banner{position:absolute;top:.65rem;left:50%;transform:translate(-50%);z-index:14;max-width:min(720px,calc(100% - 2rem));border:1px solid;padding:.4rem .75rem;font-size:.85rem;text-align:center;pointer-events:none}.network-banner.connecting{color:#ffe9b2;border-color:#9c6f0d;background:#48340ae6}.network-banner.disconnected{color:#ffd5d5;border-color:#a33c3c;background:#481212eb}.top-right-controls{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;gap:.5rem}.auth-debug-badge{position:absolute;top:4.5rem;left:1rem;z-index:11;min-width:240px;border:1px solid #3a5268;background:color-mix(in srgb,var(--theme-surface) 92%,black 8%);padding:.45rem .6rem;font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.35}.auth-debug-title{font-family:var(--font-header);font-size:.68rem;letter-spacing:.04em;color:var(--theme-accent);font-weight:700;margin-bottom:.25rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);letter-spacing:.03em;line-height:1.35;font-weight:400}h1{font-size:1.14rem}h2{font-size:.96rem}h3{font-size:.84rem}h4,h5,h6{font-size:.76rem}.panel-overlay{position:absolute;top:5rem;right:1rem;z-index:8;width:min(420px,calc(100% - 2rem));max-height:58vh;overflow:auto;background:color-mix(in srgb,var(--theme-surface) 93%,black 7%);border:1px solid #2f4356;padding:.9rem}.chat-card{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:10;background:color-mix(in srgb,var(--theme-surface) 92%,black 8%);border:1px solid #2f4356}.chat-card.collapsed{right:auto}.avatar-trigger{position:absolute;right:1rem;z-index:12;border:1px solid var(--theme-accent);background:color-mix(in srgb,var(--theme-surface) 92%,black 8%);color:var(--theme-text);display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;cursor:pointer}.avatar-trigger.chat-closed{bottom:1rem}.avatar-trigger.chat-open{bottom:13.5rem}.avatar-preview{width:30px;height:27px;image-rendering:pixelated}.chat-body{padding:.5rem .7rem .7rem}.chat-log{border:1px solid #3a5268;background:#0b131d;min-height:120px;max-height:180px;overflow:auto;padding:.5rem;font-size:.9rem}.chat-input{margin-top:.5rem;display:grid;grid-template-columns:1fr auto;gap:.5rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#03080e99;display:grid;place-items:center;padding:1rem}.account-modal{width:min(420px,100%);background:color-mix(in srgb,var(--theme-surface) 93%,black 7%);border:1px solid #3a5268;padding:1rem}.account-modal h3{margin:0 0 .75rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}ul{padding-left:1rem}@media(max-width:768px){.top-right-controls{top:.5rem;right:.5rem;left:.5rem;justify-content:flex-end;flex-wrap:wrap}.panel-overlay{top:5.6rem;right:.5rem;left:.5rem;width:auto;max-height:42vh}.chat-card{left:.5rem;right:.5rem;bottom:.5rem}.avatar-trigger{right:.5rem}.avatar-trigger.chat-closed{bottom:.5rem}.avatar-trigger.chat-open{bottom:11rem}.chat-log{max-height:120px}.splash-wave-widget{right:.6rem;bottom:.6rem}.splash-start-cta{font-size:.84rem;letter-spacing:.06em}.splash-powered{bottom:.56rem;font-size:.62rem}.splash-powered img{width:84px}}canvas{width:100%;height:100%;image-rendering:pixelated}