@media(max-width:820px),(pointer:coarse){body{margin:0;padding:0;overflow:hidden;background:#000;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#010b12}canvas{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;display:block!important;touch-action:none;object-fit:contain}.mobile-adventure-root,.mobile-chapter-card,.mobile-saga-view,.mobile-map-view{display:none!important}button,a,[role=button]{min-width:44px;min-height:44px}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body,canvas{font-size:14px;line-height:1.4}html,body,#app{width:100%;height:100%;position:fixed;overflow:hidden}@supports (-webkit-touch-callout: none){body,#app{height:-webkit-fill-available}}@media(orientation:landscape){canvas{width:100vw!important;height:100vh!important}}@media(orientation:portrait){canvas{width:100vw!important;height:auto!important;max-height:100vh!important}}}@media(min-width:821px)and (pointer:fine){.mobile-only{display:none!important}}@media(max-width:820px),(pointer:coarse){.mobile-theme-toggle{position:fixed;top:10px;right:10px;width:50px;height:50px;border-radius:50%;background:#7dfdff33;border:2px solid #7dfdff;color:#fff;font-size:24px;cursor:pointer;backdrop-filter:blur(10px);transition:all .3s ease;z-index:10000;display:flex;align-items:center;justify-content:center}.mobile-theme-toggle:active{transform:scale(.9);background:#ff57f64d;border-color:#ff57f6}.mobile-info{position:fixed;bottom:10px;left:50%;transform:translate(-50%);background:#000c;border:1px solid #7dfdff;border-radius:20px;padding:8px 16px;backdrop-filter:blur(10px);z-index:9999;pointer-events:none}.mobile-info-text{color:#7dfdff;font-family:Share Tech Mono,monospace;font-size:11px;text-align:center;line-height:1.3}.mobile-info-text small{color:#ff57f6;font-size:9px}}body{margin:0;background-color:#000;color:#0ff;font-family:Share Tech Mono,IBM Plex Mono,monospace;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#00568b4d,#000000e6);overflow:hidden}canvas{image-rendering:pixelated;box-shadow:0 0 40px #0ff3;border:2px solid rgba(0,255,255,.3)}.xmas-greeting{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#00283cf2,#000000fa);cursor:pointer;animation:xmas-fade-in .8s ease-out}.xmas-greeting.fade-out{animation:xmas-fade-out .5s ease-in forwards}.xmas-greeting h1{font-size:clamp(1.5rem,5vw,3rem);color:#7dfdff;text-shadow:0 0 20px rgba(125,253,255,.6),0 0 40px rgba(125,253,255,.3);margin:0 0 .5em;text-align:center}.xmas-greeting p{font-size:clamp(.9rem,2.5vw,1.2rem);color:#f7f;text-shadow:0 0 10px rgba(255,119,255,.5);margin:0 0 1.5em;text-align:center}.xmas-greeting .stars{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:.3em;animation:xmas-twinkle 1.5s ease-in-out infinite alternate}.xmas-greeting small{position:absolute;bottom:2rem;color:#7dfdff80;font-size:.8rem}@keyframes xmas-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xmas-fade-out{0%{opacity:1}to{opacity:0}}@keyframes xmas-twinkle{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}