:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:radial-gradient(1200px 800px at 50% 30%,#0a1130,#04060f 55%,#02030a);color:#ffffffeb}#app{position:relative;width:100%;height:100%}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.overlay-root{position:absolute;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:grid;place-items:center;pointer-events:auto}.screen--hidden{display:none}.panel{width:min(560px,calc(100% - 40px));border-radius:16px;padding:18px 18px 16px;background:linear-gradient(180deg,#0c122ce0,#080a16d1);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #0000008c,0 0 30px #6ef0ff1f;text-align:center}.title{font-size:28px;font-weight:760;letter-spacing:.4px;margin:4px 0 14px;text-shadow:0 0 18px rgba(110,240,255,.18)}.hint{margin-top:14px;font-size:14px;opacity:.9;line-height:1.35}.menu-section{margin:10px 0 8px;font-size:12px;letter-spacing:.9px;text-transform:uppercase;opacity:.8}.menu-row{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;margin:8px 0;text-align:left}.menu-row--hidden{display:none}.menu-label{font-size:13px;opacity:.9}.menu-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffeb;font-size:14px;outline:none}.menu-input:focus{border-color:#6ef0ff80}.menu-input[readonly]{opacity:.92;background:#ffffff0a}.menu-actions{display:flex;gap:10px;margin:10px 0 8px;justify-content:center;flex-wrap:wrap}.btn-secondary{background:#ffffff0f;border-color:#ffffff1f}.btn-secondary:hover{border-color:#6ef0ff59}.menu-status{margin-top:10px;font-size:13px;opacity:.92;min-height:18px}.menu-divider{height:1px;background:#ffffff1f;margin:14px 0 12px}.roll-value{margin:2px 0 4px;font-size:44px;font-weight:800;line-height:1;letter-spacing:1px;color:#c4f3fffa;text-shadow:0 0 14px rgba(110,240,255,.42),0 0 32px rgba(110,240,255,.18)}.kbd{display:inline-block;padding:1px 6px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}button{border-radius:12px;border:1px solid rgba(255,255,255,.14);padding:12px 18px;font-size:16px;font-weight:700;font-family:inherit;color:#fffffff2;background:linear-gradient(180deg,#19245ce6,#0c0e20e6);box-shadow:0 10px 24px #00000059;cursor:pointer;transition:transform .12s ease,border-color .12s ease}button:hover{border-color:#6ef0ff73;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.debug-toggle{position:absolute;right:10px;top:10px;width:44px;height:44px;border-radius:12px;padding:0;display:grid;place-items:center;font-size:18px;opacity:.85;pointer-events:auto}.debug-panel{position:absolute;right:10px;top:60px;width:min(360px,calc(100% - 20px));max-height:calc(100% - 70px);overflow:auto;border-radius:14px;padding:12px;background:#060812e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 44px #0000008c;pointer-events:auto}.debug-panel--hidden{display:none}.debug-row{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center;margin:8px 0;font-size:13px}.debug-row input[type=text],.debug-row input[type=number],.debug-row select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#ffffffeb}.debug-row input[type=range]{width:100%}.debug-actions{display:flex;gap:10px;margin-top:10px;justify-content:flex-end}.debug-actions button{padding:10px 12px;font-size:14px;border-radius:12px}.touch-controls{position:absolute;left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px;grid-template-areas:". up ." "left arm right" ". down .";gap:10px;padding:12px;border-radius:18px;background:#06081280;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 54px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;user-select:none;-webkit-user-select:none}.touch-controls--hidden{display:none}.touch-btn{width:56px;height:56px;padding:0;border-radius:16px;display:grid;place-items:center;font-size:18px;line-height:1;touch-action:none}.touch-btn--arm{font-size:14px;letter-spacing:.6px}#touch-up{grid-area:up}#touch-left{grid-area:left}#touch-arm{grid-area:arm}#touch-right{grid-area:right}#touch-down{grid-area:down}@media(pointer:fine)and (hover:hover){.touch-controls{opacity:.92}}