*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--page-bg,#03010a);overscroll-behavior:none;touch-action:none;width:100%;height:100svh;max-height:100svh;position:fixed;inset:0;overflow:hidden}body{color:#e2e8f0;padding:0;font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif}#app{box-sizing:border-box;background:radial-gradient(at 50% 0,#e879f929,#0000 42%),radial-gradient(at 20% 80%,#22d3ee1a,#0000 40%),radial-gradient(at 80% 70%,#7c3aed24,#0000 45%),linear-gradient(#0a0418 0%,#03010a 45%,#05010f 100%);justify-content:center;align-items:center;width:100%;max-width:100vw;height:100svh;max-height:100svh;margin:0 auto;display:flex;position:relative;overflow:hidden}#app canvas{image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;border-radius:4px;max-width:100%;max-height:100%;margin:0 auto;display:block;box-shadow:0 0 0 3px #12082a,0 0 0 6px #e879f9a6,0 0 0 10px #05010f,0 0 0 12px #22d3ee59,0 0 40px #e879f940,0 0 80px #22d3ee1f}@media (width<=900px),(pointer:coarse){html,body{background:radial-gradient(at 50% 0,#e879f938,#0000 46%),radial-gradient(at 12% 90%,#22d3ee1f,#0000 40%),radial-gradient(at 88% 70%,#7c3aed33,#0000 48%),linear-gradient(#12082a 0%,#0a0418 42%,#05010f 100%)}#app{background:radial-gradient(at 50% 30%,#22d3ee0f,#0000 55%),#0a0418;justify-content:center;align-items:center;padding:0;display:flex}#app canvas{box-shadow:none;object-fit:contain;border-radius:0;max-width:100%;max-height:100%;margin:0 auto}}html.is-mobile-fill,html.is-mobile-fill body{background:radial-gradient(at 50% 0,#e879f938,#0000 46%),radial-gradient(at 12% 90%,#22d3ee1f,#0000 40%),radial-gradient(at 88% 70%,#7c3aed33,#0000 48%),linear-gradient(#12082a 0%,#0a0418 42%,#05010f 100%)}html.is-mobile-fill #app{background:#0a0418}html.is-mobile-fill #app canvas{object-fit:contain;box-shadow:none;border-radius:0}html.sub-pass-open,html.sub-pass-open body{touch-action:auto!important}html.sub-pass-open #app,html.sub-pass-open #app canvas{pointer-events:none!important}.sub-pass-overlay{z-index:2147483000;padding:max(48px, env(safe-area-inset-top,0px) + 36px) max(16px, env(safe-area-inset-right,0px)) max(16px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch;background:#05010fc7;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto;pointer-events:auto!important;touch-action:manipulation!important}.sub-pass-overlay *{pointer-events:auto!important;touch-action:manipulation!important}.sub-pass-card{background:#0a0418fa;border:2px solid #e879f9d9;border-radius:14px;width:min(340px,92vw);margin-top:8px;padding:18px 16px 16px;font-family:Segoe UI,Microsoft JhengHei,system-ui,sans-serif;box-shadow:0 0 0 1px #22d3ee4d,0 12px 40px #000000a6,0 0 32px #e879f940}.sub-pass-title{letter-spacing:.04em;color:#f0abfc;text-align:left;margin-bottom:6px;font-size:13px;font-weight:600}.sub-pass-hint{color:#94a3b8;margin:0 0 10px;font-size:11px;line-height:1.35}.sub-pass-input{box-sizing:border-box;appearance:none;color:#e2e8f0;background:#05010f;border:2px solid #22d3eea6;border-radius:10px;outline:none;width:100%;min-height:48px;margin-bottom:12px;padding:14px;font-size:18px;line-height:1.3;touch-action:manipulation!important;pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.sub-pass-input:focus{border-color:#e879f9;box-shadow:0 0 0 2px #e879f940}.sub-pass-actions{justify-content:flex-end;gap:8px;display:flex}.sub-pass-btn{appearance:none;color:#e0f2fe;cursor:pointer;-webkit-tap-highlight-color:#e879f940;background:#1a0a2e;border:1.5px solid #22d3ee;border-radius:10px;min-width:72px;min-height:44px;padding:12px 16px;font-family:inherit;font-size:14px}.sub-pass-btn.sub-pass-ok{color:#f5d0fe;border-color:#e879f9}.sub-pass-btn:active{background:#22d3ee33}.sub-pass-msg{color:#94a3b8;min-height:16px;margin-top:6px;font-size:11px}.sub-pass-msg.is-err{color:#f87171}.rotate-hint{z-index:2147482000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:manipulation;pointer-events:auto;background:#05010fd1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rotate-hint[hidden]{pointer-events:none!important;visibility:hidden!important;display:none!important}.rotate-card{text-align:center;background:#12082a;border:2px solid #e879f9b3;border-radius:16px;max-width:88vw;padding:28px 32px;box-shadow:0 0 24px #22d3ee40}.rotate-icon{margin-bottom:12px;font-size:42px}.rotate-card p{color:#f0abfc;margin-bottom:6px;font-size:18px}.rotate-card .sub{color:#94a3b8;margin-bottom:18px;font-size:13px}.rotate-card button{appearance:none;color:#e0f2fe;cursor:pointer;-webkit-tap-highlight-color:#22d3ee4d;touch-action:manipulation;background:#1a0a2e;border:2px solid #22d3ee;border-radius:12px;min-width:160px;min-height:48px;padding:14px 22px;font-family:inherit;font-size:15px}.rotate-card button:active{background:#22d3ee33}