html,body{margin:0;padding:0;height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{background:#96b9ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}#header{position:fixed;top:12px;left:12px;right:12px;height:56px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right));border-radius:14px;background:#0f142859;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);z-index:10;pointer-events:auto;overflow:hidden}.header-left{display:flex;align-items:center;gap:10px;justify-content:flex-start}.header-center{display:flex;align-items:center;justify-content:center;pointer-events:none}.header-right{display:flex;align-items:center;gap:10px;justify-content:flex-end}:root{--logo-w: 200px;--logo-h: 28px;--logo-color: #ffffff}#logo{width:clamp(120px,40vw,var(--logo-w));height:var(--logo-h);background-color:var(--logo-color);-webkit-mask:url(/assets/weblogo.svg) no-repeat center / contain;mask:url(/assets/weblogo.svg) no-repeat center / contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25));pointer-events:none}#btnX{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.25);padding:10px 14px;border-radius:10px;transition:transform .12s ease,background .12s ease,border-color .12s ease}#btnX:hover{transform:translateY(-1px);background:#ffffff26}#btnX:active{transform:translateY(0)}#btnAudio{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;text-decoration:none;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.25);padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}#btnAudio:hover{transform:translateY(-1px);background:#ffffff26}#btnAudio:active{transform:translateY(0)}#modeBtn{display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0b1020;background:#fff;border:1px solid rgba(0,0,0,.15);padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;white-space:nowrap}#modeBtn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000026}#modeBtn:active{transform:translateY(0)}#header[data-mode=night]{background:#0508148c;border-color:#b4c8ff2e}#header[data-mode=night] #btnAudio{background:#ffffff0f;border-color:#b4c8ff40}@media (max-width: 480px){#header{height:52px;padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right))}.header-left,.header-right{gap:6px}#btnX,#btnAudio,#modeBtn{padding:8px 10px;font-size:13px}#logo{width:clamp(120px,34vw,170px);height:22px}}html,body,#app,canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}img,a,button{-webkit-user-drag:none;user-drag:none}#header,#header *{touch-action:manipulation}#landscapeBlocker{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.06),transparent),#080c18f2;color:#e8eeff;text-align:center;padding:24px;-webkit-user-select:none;user-select:none}#landscapeBlocker.show{display:flex}#landscapeBlocker .box{max-width:420px;padding:18px 22px;border-radius:14px;background:#141a2e8c;border:1px solid rgba(180,200,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#landscapeBlocker .emoji{font-size:28px;margin-bottom:10px}#landscapeBlocker .title{font:700 18px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin-bottom:6px}#landscapeBlocker .sub{font:500 14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;opacity:.8}#loader{position:fixed;inset:0;z-index:9998;display:grid;place-items:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.06),transparent),#080c18f5;color:#e8eeff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:opacity .35s ease,visibility .35s ease}#loader.hide{opacity:0;visibility:hidden}.loader-box{width:min(520px,86vw);padding:18px 22px;border-radius:14px;background:#141a2e8c;border:1px solid rgba(180,200,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}.loader-title{font-weight:800;font-size:18px;margin-bottom:10px}.loader-sub{opacity:.8;font-weight:500;font-size:13px;margin-bottom:14px}.loader-bar{height:10px;width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden}.loader-fill{height:100%;width:0%;background:linear-gradient(90deg,#6aa3ff,#9ec6ff);transition:width .15s ease}.loader-percent{margin-top:8px;font-weight:700;font-size:12px;letter-spacing:.4px}