:root{--theme-bg: #070912;--theme-surface: #12172b;--theme-accent: #ff4a4a;--theme-text: #eef3ff}*{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;width:100%;min-height:100%;display:grid;place-items:center;padding:1rem;overflow:hidden;background:url(/background.png) no-repeat center #000;background-size:100% 100%}.splash-screen:before{content:none}.splash-bolts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.splash-bolt{position:absolute;top:0;bottom:0;width:33.34%;opacity:0;background-image:url(/bolts.png);background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:normal;transition:opacity 40ms linear}.splash-bolt.active{opacity:.95}.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;z-index:5;width:min(460px,100%);background:#0a0d17;border:1px solid #3c466e;box-shadow:0 0 0 1px #6f95ff33,0 36px 72px #02050cc7,0 10px 24px #0a163466;border-radius:14px;padding:0;overflow:hidden}.auth-card-bg{position:absolute;top:-40px;right:0;bottom:0;left:-16px;width:calc(100% + 16px);height:calc(100% + 40px);object-fit:fill;object-position:center;z-index:1}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#06080f;z-index:0}.auth-card-content{position:relative;z-index:2;padding:1.05rem;padding-top:clamp(154px,29.5vh,252px)}.auth-card-content p{margin:0 0 .9rem;color:#cdd8f7}.logo-version{font-size:.78rem;letter-spacing:.14em;color:#ffd6cc;text-transform:uppercase}.auth-tabs{display:flex;gap:.35rem;margin-bottom:0;padding:.32rem;border-bottom:1px solid rgba(164,193,255,.24);background:#080c1852}.auth-pane{margin-top:.45rem;border:1px solid rgba(168,195,255,.26);border-radius:10px;background:#080c186b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ddeaff24,0 12px 28px #0408126b;overflow:hidden}.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}.auth-tabs button{border-radius:9px}.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 1.1rem 1.15rem}.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{color:var(--theme-accent);font-weight:700;margin-bottom:.25rem}.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}}canvas{width:100%;height:100%;image-rendering:pixelated}