@font-face{font-family:PixelOperator;src:url(/assets/fonts/PixelOperator-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color-scheme:dark;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#10131a;color:#f5f0dc;font-synthesis:none;text-rendering:optimizeLegibility;--chat-font-size: 18px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{display:grid;grid-template-columns:minmax(0,1fr) 340px;width:100vw;height:100dvh;min-height:100dvh;background:linear-gradient(180deg,#ffffff0a,#fff0),#10131a}.game-wrap{position:relative;min-width:0;min-height:0;overflow:hidden}.pause-menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:24px;background:#0a0c1280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-menu__panel{width:min(320px,calc(100vw - 48px));display:grid;gap:12px;padding:20px;border:2px solid #ab947a;border-radius:8px;background:#231f35;box-shadow:0 24px 48px #00000059}.pause-menu__panel h2,.pause-menu__panel p{margin:0}.pause-menu__panel h2{font-size:28px}.pause-menu__panel p{color:#c7dcd0;font-size:18px}.pause-menu__actions{display:grid;gap:10px}.dev-overlay{position:absolute;top:16px;right:16px;z-index:6;min-width:220px;max-width:min(320px,calc(100vw - 48px));padding:12px 14px;border:2px solid rgba(171,148,122,.9);border-radius:8px;background:#0f131aeb;box-shadow:0 18px 36px #00000052;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dev-overlay__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.dev-overlay__head strong{font-size:20px;color:#f5f0dc}.dev-overlay__head span{color:#9fd8ff;font-size:14px}.dev-overlay__stats{margin:0;display:grid;gap:6px}.dev-overlay__stats div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline}.dev-overlay__stats dt,.dev-overlay__stats dd{margin:0;font-size:16px;line-height:1.1}.dev-overlay__stats dt{color:#c7dcd0}.dev-overlay__stats dd{color:#fff7d6;text-align:right}#game{display:block;width:100%;height:100%;image-rendering:pixelated}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px}.idle-warning{align-self:center;display:grid;justify-items:center;gap:2px;margin-bottom:12px;padding:10px 14px;border:1px solid rgba(245,240,220,.24);border-radius:8px;background:#10131ad6;box-shadow:0 12px 30px #00000047;text-align:center}.idle-warning strong{font-size:18px;color:#f5f0dc}.idle-warning span{font-size:28px;color:#fbff86;line-height:1}.idle-warning small{font-size:14px;color:#c7dcd0}.status{align-self:flex-start;display:flex;gap:16px;align-items:center;min-height:36px;padding:8px 12px;border:1px solid rgba(245,240,220,.18);border-radius:8px;background:#10131ac7;box-shadow:0 12px 30px #00000047;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1}.status span{color:#9fd8ff;font-variant-numeric:tabular-nums;font-size:16px}.name-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.nameplate{position:absolute;left:0;top:0;min-width:44px;padding:3px 7px;border-radius:999px;background:#0c0f15bd;color:#fff7d6;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:28px;font-weight:400;line-height:1;text-align:center;text-shadow:0 1px 0 #000;white-space:nowrap}.chat-bubble{position:absolute;left:0;top:0;max-width:220px;padding:7px 9px;border:2px solid #202635;border-radius:8px;background:#fff7d6;color:#171a22;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:400;line-height:1.3;overflow-wrap:anywhere;text-align:center;box-shadow:0 3px #0000004d}.chat-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;width:10px;height:10px;border-right:2px solid #202635;border-bottom:2px solid #202635;background:#fff7d6;transform:translate(-50%) rotate(45deg)}.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid rgba(255,255,255,.1);background:#181d27;min-width:0;min-height:0;overflow:hidden}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:24px;background:#0a0c12b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.session-notice{position:absolute;top:24px;left:50%;transform:translate(-50%);max-width:min(560px,calc(100vw - 48px));padding:12px 16px;border:2px solid #ab947a;border-radius:8px;background:#231f35f2;color:#f5f0dc;font-size:20px;text-align:center;box-shadow:0 18px 32px #00000052}.auth-card,.creator-card{width:min(960px,calc(100vw - 32px));border:3px solid #ab947a;border-radius:10px;background:linear-gradient(180deg,#fbb95414,#fbb95400),#231f35;box-shadow:0 28px 60px #00000073;padding:24px}.auth-card{max-width:520px}.auth-card__head,.creator-card__head{display:grid;gap:8px;margin-bottom:18px}.auth-card__head h1,.creator-card__head h1{margin:0;font-size:34px;line-height:1}.auth-card__head p,.creator-card__head p{margin:0;color:#c7dcd0;font-size:18px;line-height:1.2}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.auth-toggle__button,.secondary-button,.auth-submit,.arrow-button{border:2px solid #ab947a;border-radius:8px;background:#313638;color:#fff7d6;cursor:pointer}.auth-toggle__button{min-height:44px;font-size:20px}.auth-toggle__button--active{background:#4d65b4;border-color:#8fd3ff}.auth-form{display:grid;gap:14px}.auth-form label,.creator-name{display:grid;gap:6px}.auth-form span,.creator-name span{color:#fff7d6;font-size:20px}.auth-form input,.creator-name input{min-height:48px;border:2px solid #694f62;border-radius:8px;background:#171427;color:#9fd8ff;padding:0 14px;font-size:24px}.remember-row{display:flex!important;align-items:center;gap:10px;justify-content:flex-start;align-self:flex-start;color:#c7dcd0;font-size:16px;grid-template-columns:none!important}.auth-form .remember-row input{min-height:auto!important;width:18px;height:18px;margin:0;padding:0;flex:0 0 18px;border:2px solid rgba(255,247,214,.28);border-radius:3px;background:#ffffff1f;box-shadow:none;accent-color:#4d65b4}.remember-row span{color:#c7dcd0!important;font-size:16px!important;line-height:1.2;display:inline-block}.auth-status{min-height:20px;margin:0;color:#f8f1a4;font-size:18px}.auth-submit,.secondary-button{min-height:48px;padding:0 18px;font-size:22px}.auth-submit{background:#4d65b4;border-color:#8fd3ff}.creator-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:24px;align-items:start}.creator-preview{display:grid;gap:14px}#creator-preview{width:100%;max-width:320px;aspect-ratio:4 / 5;border:2px solid #694f62;border-radius:8px;background:#171427;image-rendering:pixelated}.creator-controls{display:grid;gap:14px}.creator-row{display:grid;grid-template-columns:minmax(88px,120px) 44px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:52px}.creator-row span,.creator-row strong{font-size:22px}.creator-row strong{min-height:44px;display:grid;align-items:center;padding:0 12px;border:2px solid #694f62;border-radius:8px;background:#171427}.arrow-button{width:44px;height:44px;font-size:22px;background:#a24b6f}.creator-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.verify-actions{display:flex;flex-wrap:wrap;gap:12px}.verify-actions .auth-submit,.verify-actions .secondary-button{flex:1 1 150px}.creator-actions .auth-status{flex:1}.chat__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:18px;border-bottom:1px solid rgba(255,255,255,.1);font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1}.chat__head-meta{display:grid;justify-items:end;gap:8px}.chat__head-meta>span{color:#9db3c8;font-size:13px;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif}.chat-size-control{display:flex;align-items:center;gap:8px;color:#c7dcd0;font-size:13px}.chat-size-control input{width:88px}.chat__log{display:flex;flex-direction:column;gap:10px;min-height:0;height:100%;overflow-y:auto;padding:18px 12px 18px 18px;scrollbar-width:thin;scrollbar-color:#547e64 #131923}.chat__log::-webkit-scrollbar{width:10px}.chat__log::-webkit-scrollbar-track{background:#131923}.chat__log::-webkit-scrollbar-thumb{border:2px solid #131923;border-radius:999px;background:#547e64}.chat__message{display:grid;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#202838;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif}.chat__message strong{color:#f8f1a4;font-size:calc(var(--chat-font-size) + 2px);font-weight:400;line-height:1.1}.chat__message span{color:#edf1f6;font-size:var(--chat-font-size);line-height:1.35;overflow-wrap:anywhere}.chat__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px 18px 8px;border-top:1px solid rgba(255,255,255,.1)}.chat__form input{min-width:0;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#10131a;color:#fff;padding:0 12px;outline:none;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:var(--chat-font-size)}.chat__form input:focus{border-color:#9fd8ff;box-shadow:0 0 0 3px #9fd8ff29}.chat__form button{height:42px;border:0;border-radius:8px;background:#f8f1a4;color:#15120c;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:calc(var(--chat-font-size) + 1px);font-weight:400;padding:0 16px;cursor:pointer}.chat__form button:disabled{cursor:not-allowed;opacity:.55}.chat__feedback{min-height:20px;margin:0;padding:0 18px 14px;color:#f8f1a4;font-family:PixelOperator,Inter,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.1}@media(max-width:820px){body{overflow:auto}.shell{grid-template-columns:1fr;grid-template-rows:minmax(420px,64vh) minmax(260px,36vh);min-height:100vh;height:auto}.chat{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.creator-grid{grid-template-columns:1fr}.creator-actions{flex-wrap:wrap}}
