:root{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;color:#25233a;background:#9ddcff;font-synthesis:none;--violet: #5b4bd6;--violet-dark: #4135a8;--mint: #65cf9f;--yellow: #ffd968;--danger: #b9364d;--panel: rgba(255, 255, 255, .96)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:manipulation}button,input,select{font:inherit}button{min-height:48px;border:0;border-radius:14px;padding:11px 18px;cursor:pointer;background:#eceafe;color:#302a72;font-weight:800;box-shadow:0 4px #c9c5ee}button:hover{filter:brightness(1.04)}button:active{transform:translateY(2px);box-shadow:0 2px #c9c5ee}button:focus-visible{outline:4px solid #ffc83d;outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}button.primary{color:#fff;background:var(--violet);box-shadow:0 4px 0 var(--violet-dark)}button.danger{color:#fff;background:var(--danger);box-shadow:0 4px #812237}.hidden{display:none!important}.screen{position:fixed;inset:0;display:none;place-items:center;padding:18px;z-index:50;background:linear-gradient(#8dd9ff,#dff8ff 65%,#b8ed9a)}.screen.active{display:grid}.panel{width:min(540px,100%);padding:26px;border-radius:26px;background:var(--panel);box-shadow:0 18px 55px #2e2a5b40;text-align:center}.panel h1{margin:8px 0 10px;line-height:1.25;color:#3e3599}.brand-cube{font-size:64px}.title-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:#e9e5ff;color:#4a3bb7;font-weight:800}.alias{font-weight:800;color:#187852}.button-stack{display:grid;gap:12px;max-width:330px;margin:22px auto}.privacy-note{font-size:.85rem;color:#68657b}.progress-track{height:14px;border-radius:999px;overflow:hidden;background:#e1dff4}.progress-fill{width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--violet),#8f7fff);transition:width .25s}#game-shell,#game-canvas{width:100%;height:100%;display:block}#game-shell{position:fixed;inset:0;background:#8dd9ff;touch-action:none}#game-canvas{outline:none}#hud{position:absolute;z-index:12;inset:max(10px,env(safe-area-inset-top)) 12px auto;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;pointer-events:none}.hud-card{background:#ffffffed;border:2px solid rgba(85,73,176,.16);border-radius:15px;padding:8px 12px;box-shadow:0 5px 16px #241f5429}.mission-card{display:grid;min-width:260px;max-width:min(480px,52vw)}.mission-card strong{color:#403799}.mission-card span:last-child{font-size:.88rem}.hud-label{font-size:.72rem;color:#69657c;font-weight:800;text-transform:uppercase}.score-card{white-space:nowrap;font-size:1.15rem}.time-card,.held-card,.token-card{white-space:nowrap;font-size:.88rem;font-weight:800}.time-card{min-height:40px;box-shadow:0 5px 16px #241f5429;pointer-events:auto}.time-card[data-night=true]{color:#f7e6a2;background:#181f45eb;border-color:#ffe68759}.held-card{color:#68411f;background:#ffefc3f0}.token-card{color:#6d5200;background:#fff5b1f0}.coin-icon{display:inline-block;width:18px;height:18px;margin-right:6px;vertical-align:-3px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7a0 0 15%,#ffd54c 18% 52%,#e89a17 55% 72%,#ffd965 75%);border:2px solid #a96b08;box-shadow:inset 0 0 0 2px #ffffff59,0 1px 4px #74460059}.hunger-card{color:#7b431b;background:#ffefd6f0;font-size:.82rem;font-weight:800}.health-card{color:#8c2039;background:#ffe0e7f2;font-size:.82rem;font-weight:900}.career-card{color:#164f6d;background:#dcf5fff2;font-size:.82rem;font-weight:900}.cultivation-card{color:#28526b;background:#d7fbfff2;font-size:.82rem;font-weight:900}.danger-card{color:#fff;background:#ad2337f0;font-size:.82rem;font-weight:900;animation:danger-pulse .7s alternate infinite}.small-hud-button{min-width:42px;min-height:42px;padding:6px;pointer-events:auto}.quest-tabs{display:flex;gap:8px;margin:10px 0 14px;position:sticky;top:0;background:#fff;z-index:2;padding:5px 0}.quest-tabs button{flex:1;padding:8px}.quest-tabs button.active{background:#5b4bd6;color:#fff}.season-button{width:auto;max-width:145px;font-size:.76rem}.feign-button{min-height:42px;padding:6px 11px;color:#fff;background:#6d3941;pointer-events:auto}.feign-button[data-active=true]{background:#3d8c62;box-shadow:0 4px #246344}.sync-card{white-space:nowrap;font-size:.84rem}.sync-card[data-state=pending]{background:#fff0b9;color:#795d00}.sync-card[data-state=practice]{background:#e7e2ff;color:#493a9c}.sync-card[data-state=error]{background:#ffe0e5;color:#8c2638}.icon-button{min-width:48px;padding:8px;pointer-events:auto}.interaction-hint{position:absolute;left:50%;bottom:18%;transform:translate(-50%);padding:10px 16px;border-radius:14px;background:#201c40e0;color:#fff;font-weight:800}.npc-hint{position:absolute;z-index:11;left:50%;bottom:27%;transform:translate(-50%);max-width:min(680px,86vw);color:#fff;font-size:1.08rem;font-weight:900;text-align:center;text-shadow:0 2px 2px #111,0 0 7px #111;pointer-events:none}.charge-status{position:absolute;z-index:14;left:50%;bottom:9%;transform:translate(-50%);display:grid;gap:5px;width:min(390px,82vw);padding:12px 16px;border-radius:16px;background:#181534e6;color:#fff;text-align:center;pointer-events:none}.charge-status span{font-variant-numeric:tabular-nums;font-weight:800}.charge-track{height:10px;border-radius:999px;background:#4b466b;overflow:hidden}.charge-track>div{width:0;height:100%;background:linear-gradient(90deg,#69d8ff,#ffe46e,#ff8b78)}.slow-status{position:absolute;z-index:14;left:50%;top:92px;transform:translate(-50%);padding:8px 13px;border-radius:12px;background:#5b3975eb;color:#fff;font-weight:900}.technique-status{position:absolute;z-index:14;left:50%;top:132px;transform:translate(-50%);padding:8px 13px;border-radius:12px;background:#1b667ded;color:#e8fdff;font-weight:900;box-shadow:0 0 14px #59e2ff8c}.bear-flash{position:absolute;z-index:8;inset:0;pointer-events:none;background:#d2112633;box-shadow:inset 0 0 80px 20px #ff001cbf;animation:bear-warning .65s ease-in-out infinite alternate}.danger-direction{position:absolute;z-index:14;left:50%;top:68%;width:110px;height:24px;margin:-12px -55px;pointer-events:none;color:#fff3a0;text-align:center;filter:drop-shadow(0 0 10px #ff244f);transform-origin:50% 50%}.danger-direction span{display:block;width:70px;height:0;margin:12px auto;border-top:4px dashed #ff405f;background:transparent;box-shadow:0 0 13px 3px #ff1e41b8;animation:danger-pulse .55s alternate infinite}.danger-direction small{position:absolute;left:76px;top:-4px;display:block;font-weight:900;text-shadow:0 1px 3px #28020b;white-space:nowrap}.sidequest-preview{position:absolute;left:12px;top:44%;transform:translateY(-50%);width:210px;padding:10px;border-radius:14px;background:#ffffffe6;font-size:.78rem;box-shadow:0 5px 16px #241f5429}.sidequest-preview ol{margin:6px 0;padding-left:20px}.sidequest-preview button{min-height:32px;padding:5px 9px;width:100%;font-size:.75rem}.minimap-canvas{position:absolute;z-index:13;right:12px;bottom:14px;width:190px;height:190px;border:3px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 6px 20px #00000040;pointer-events:auto;cursor:pointer}.minimap-canvas.expanded{position:fixed;z-index:80;inset:50% auto auto 50%;width:min(88vmin,720px);height:min(88vmin,720px);transform:translate(-50%,-50%);border-radius:24px;border-width:5px}.navigation-button[data-active=true]{color:#073c4a;background:#77eef4;box-shadow:0 4px #309da7}.hud-toggle{background:#f4f2ffb8;backdrop-filter:blur(3px)}.menu-zone{outline:2px solid rgba(91,75,214,.22);outline-offset:1px}.status-zone{outline:2px solid rgba(45,159,181,.2);outline-offset:1px}.quest-zone{outline:2px solid rgba(223,142,34,.26);outline-offset:1px}button.menu-zone,.menu-toggle{color:#302a72;background:#ddd8ff;box-shadow:0 4px #aaa1e8}.status-toggle{color:#124f5c;background:#c7f1f5;box-shadow:0 4px #82cbd3}.quest-toggle{color:#6a410e;background:#ffe2a9;box-shadow:0 4px #e2b75f}.menu-toggle{border:2px solid rgba(91,75,214,.48)}.status-toggle{border:2px solid rgba(45,159,181,.48)}.quest-toggle{border:2px solid rgba(223,142,34,.52)}.photo-button{background:#fff8d3f2}.menus-collapsed .menu-zone{display:none}.status-collapsed .status-zone,.quest-collapsed .mission-card,.quest-collapsed .sidequest-preview{display:none!important}.photo-mode #hud>*:not(.photo-button),.photo-mode :is(.sidequest-preview,.minimap-canvas,.interaction-hint,.npc-hint,.charge-status,.slow-status,.technique-status,.danger-direction,.unlock-banner,.orientation-hint,#mobile-controls,.unstuck-button){display:none!important}.photo-mode .photo-button{position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;opacity:.72}.orientation-hint{position:absolute;inset:auto 16px 18px;z-index:15;border-radius:14px;padding:10px;background:#fff4bd;text-align:center;font-weight:700}.unstuck-button{position:absolute;right:14px;bottom:15px;z-index:12;min-height:44px}.unlock-banner{position:absolute;z-index:18;top:max(82px,calc(env(safe-area-inset-top) + 70px));right:12px;display:flex;gap:8px;align-items:center;max-width:min(380px,70vw);padding:8px 9px 8px 13px;border:2px solid rgba(255,218,91,.85);border-radius:14px;background:#23264ddb;color:#fff7bf;font-size:.82rem;font-weight:900;box-shadow:0 0 18px #ffd24147;animation:unlock-blink 1.8s ease-in-out infinite}.unlock-banner button{min-width:32px;min-height:32px;padding:2px;border-radius:9px;background:#ffffff2e;color:#fff;box-shadow:none}.fishing-game{display:grid;gap:12px}.fishing-track{position:relative;height:44px;border-radius:14px;background:#dbe4ef;overflow:hidden;border:2px solid #62758d}.fishing-perfect{position:absolute;top:0;bottom:0;background:linear-gradient(#8cffb2,#36cc76);box-shadow:0 0 12px #38dc7d}.fishing-marker{position:absolute;top:2px;bottom:2px;width:8px;margin-left:-4px;border-radius:8px;background:#f5485f;box-shadow:0 0 8px #ff3855}.fishing-catch{width:100%}@keyframes unlock-blink{50%{opacity:.72;box-shadow:0 0 7px #ffd2412e}}#mobile-controls{display:none;position:absolute;inset:0;pointer-events:none}.joystick-zone{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;background:#ffffff40;border:3px solid rgba(255,255,255,.5);pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;width:56px;height:56px;left:33px;top:33px;border-radius:50%;background:#5345c5c7;box-shadow:0 3px 10px #0003}.look-zone{position:absolute;right:0;top:75px;bottom:0;width:54%;pointer-events:auto;touch-action:none}.action-button{position:absolute;width:76px;height:76px;border-radius:50%;padding:7px;color:#302a72;background:#ffffffe6;pointer-events:auto;touch-action:none}.action-button span{display:block;font-size:.68rem}.jump-button{right:max(24px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom))}.interact-button{right:max(112px,calc(env(safe-area-inset-right) + 88px));bottom:max(86px,calc(env(safe-area-inset-bottom) + 54px))}.use-button{right:max(112px,calc(env(safe-area-inset-right) + 88px));bottom:max(8px,env(safe-area-inset-bottom));width:70px;height:70px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:18px;background:#1c18379e}.modal{width:min(620px,100%);max-height:min(86vh,720px);overflow:auto;border-radius:24px;padding:24px;background:#fff;box-shadow:0 22px 60px #00000052}.modal h2{margin-top:0;color:#403799}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px}.choice-list{display:grid;gap:10px}.choice-button{min-height:54px;text-align:left;box-shadow:0 3px #cbc7ec}.choice-button.correct{background:#d7f8e8;color:#126440}.choice-button.incorrect{background:#ffe2e6;color:#8b2739}.result-box{margin-top:14px;padding:13px;border-radius:14px;background:#f2f0ff}.quest-list{display:grid;gap:10px;padding:0;list-style:none}.quest-item{padding:12px;border-radius:14px;background:#f3f1ff;border:2px solid #ded9ff}.quest-item[data-completed=true]{background:#dcf7e8;border-color:#9edaba}.quest-item strong,.quest-item span{display:block}.quest-item span{margin-top:3px;font-size:.88rem;color:#625e72}.settings-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;text-align:left}.settings-grid input[type=range]{width:180px}.muted-admin{opacity:.42;font-size:.72rem;background:#eceaf3}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:9px}.inventory-item{padding:12px;border-radius:13px;background:#f2f0ff;border:2px solid #ddd8ff;font-weight:800}.locked{filter:grayscale(1);opacity:.58;background:#d9d9dd!important;color:#65656b!important}.muted{color:#68657b;font-size:.88rem}.toast-region{position:fixed;left:50%;top:30%;transform:translate(-50%,-50%);z-index:150;display:grid;gap:10px;pointer-events:none;width:min(88vw,520px)}.toast{padding:15px 18px;border:2px solid #bfb5ff;border-radius:16px;color:#fff;background:#302a72f5;box-shadow:0 0 22px #7e67ffd9,0 8px 30px #00000057;text-align:center;font-weight:900;animation:toast-in .2s ease-out}.toast.reward{background:#4b6f1af7;border-color:#d9ff79;box-shadow:0 0 26px #b2ff4be6,0 8px 30px #00000057}.toast.danger{background:#84122bf7;border-color:#ff8da7;box-shadow:0 0 28px #ff2852f2,0 8px 30px #00000057}@keyframes toast-in{0%{opacity:0;transform:scale(.88)}}@keyframes danger-pulse{0%{filter:brightness(.9)}to{filter:brightness(1.25)}}@keyframes bear-warning{0%{opacity:.25}to{opacity:1}}@media(pointer:coarse),(max-width:900px){#mobile-controls{display:block}#hud{gap:4px;inset:max(5px,env(safe-area-inset-top)) 5px auto;max-height:31vh;overflow:auto;align-content:flex-start}.hud-card{padding:4px 6px;border-radius:9px;font-size:.66rem;box-shadow:0 2px 7px #241f5426}.mission-card{min-width:0;max-width:48vw}.mission-card span:last-child{font-size:.67rem}.icon-button,.small-hud-button,.feign-button,.time-card{min-width:30px;min-height:30px;padding:3px 6px;border-radius:8px;font-size:.62rem;box-shadow:0 2px #c9c5ee}.sync-card{position:static}.unstuck-button{bottom:8px;left:50%;right:auto;transform:translate(-50%);font-size:.78rem}.sidequest-preview{top:31vh;width:145px;max-height:98px;overflow:auto;padding:6px;font-size:.64rem}.minimap-canvas{width:125px;height:125px;bottom:150px;right:8px}.minimap-canvas.expanded{width:min(94vmin,720px);height:min(94vmin,720px);right:auto;bottom:auto}.joystick-zone{width:98px;height:98px;left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.joystick-knob{width:44px;height:44px;left:24px;top:24px}.action-button{width:58px;height:58px;padding:4px;font-size:.82rem}.action-button span{font-size:.54rem}.jump-button{right:max(12px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}.interact-button{right:max(78px,calc(env(safe-area-inset-right) + 66px));bottom:max(64px,calc(env(safe-area-inset-bottom) + 46px))}.use-button{right:max(78px,calc(env(safe-area-inset-right) + 66px));bottom:max(5px,env(safe-area-inset-bottom));width:54px;height:54px}.toast-region{top:24%;width:min(82vw,420px)}}@media(orientation:portrait)and (pointer:coarse){.orientation-hint{display:block!important}}@media(max-height:520px){.hud-card{padding:5px 8px}.mission-card span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}