html,body,#app{width:100%;height:100%;margin:0}:root{--panel-bg: rgba(18, 16, 9, .82);--panel-border: #5e4523;--gold: #f7d66b;--warm-white: #f8eec7}body{overflow:hidden;background:radial-gradient(ellipse at 50% 42%,transparent 38%,#0a0a07 100%),#120f08;color:var(--warm-white);font-family:Trebuchet MS,Segoe UI,sans-serif}[hidden]{display:none!important}button,canvas{touch-action:none}button{font:inherit}#app{position:relative;isolation:isolate}#game-container{position:fixed;inset:0;z-index:0}#game-container:after{position:fixed;inset:0;z-index:2;pointer-events:none;content:"";box-shadow:inset 0 0 110px #00000085}#game-container canvas{display:block;width:100%;height:100%}#statue-breath{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transform-origin:50% 40%;background:radial-gradient(circle at 50% 40%,rgba(255,202,83,.9) 0,transparent 22%);mix-blend-mode:screen}#intro-veil{position:fixed;inset:0;z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(122,82,28,.28),transparent 36%),#080604}.topbar{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));z-index:20;display:grid;grid-template-columns:148px minmax(0,1fr) auto 168px;gap:16px;align-items:center;min-height:60px;padding:0 14px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel-bg);box-shadow:0 6px #00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar__logo{display:flex;align-items:center;min-width:0}.topbar__logo img{display:block;width:100%;height:36px;object-fit:contain;filter:drop-shadow(0 5px 0 rgba(0,0,0,.42))}.topbar__ticker{min-width:0;overflow:hidden}.topbar__ticker-track{display:flex;width:max-content;min-height:34px;align-items:center;gap:32px;color:var(--gold);font-size:14px;font-weight:800;letter-spacing:0;text-transform:uppercase;white-space:nowrap;animation:ticker 24s linear infinite}.topbar__status{overflow:hidden;max-width:min(280px,26vw);border:1px solid rgba(247,214,107,.72);border-radius:999px;background:#0000004d;color:#ffe7a0;padding:4px 12px;font-size:12px;font-weight:900;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.topbar__buy{height:40px;cursor:pointer;border:1px solid #ffd77c;border-radius:10px;background:linear-gradient(180deg,#f2a13a,#e08b1f);box-shadow:inset 0 3px #ffecaa4d,0 5px #47260a7a;color:#21150b;font-size:15px;font-weight:900;letter-spacing:0;padding:0 18px;white-space:nowrap}.world-buy-label{position:fixed;top:calc(50% + 142px);left:calc(50% + 288px);z-index:3;transform:translate(-50%,-50%) rotate(-4deg);pointer-events:none;color:#2a1809;font-size:18px;font-weight:900;letter-spacing:0;text-shadow:0 1px 0 rgba(255,236,180,.7),0 0 8px rgba(255,187,64,.54)}.prompt{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:18;max-width:min(300px,calc(100vw - 150px));border:1px solid rgba(94,69,35,.8);border-radius:12px;background:#1210099e;box-shadow:0 6px #00000038;color:#fff3c4b8;padding:8px 10px;font-size:12px;font-weight:800;letter-spacing:0;pointer-events:none;text-shadow:0 2px 0 #000}.joystick{position:fixed;left:max(35px,env(safe-area-inset-left));bottom:max(35px,env(safe-area-inset-bottom));z-index:22;display:none;width:94px;height:94px;border:3px solid rgba(255,240,180,.78);border-radius:999px;background:#11110d5c;box-shadow:inset 0 0 0 2px #4b34168c,0 5px #00000038;pointer-events:none}.joystick[data-dialogue=open]{opacity:.15}.joystick span{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);border-radius:999px;background:#f2a13a;box-shadow:inset 0 4px #ffeea075,0 4px #3f240d8c}.dialogue{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;width:min(720px,calc(100vw - 24px));min-height:112px;transform:translate(-50%);border:1px solid var(--panel-border);border-radius:12px;background:#fff3c4f5;box-shadow:0 0 0 3px #e49b35,0 10px #00000057;color:#23170d;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialogue__portrait{width:92px;height:92px;align-self:center;border-radius:8px;background:#2b2016;object-fit:contain}.dialogue__copy{min-width:0;align-self:center}.dialogue h2{margin:0 0 7px;color:#8b4819;font-size:18px;line-height:1.15}.dialogue p{margin:0;font-size:18px;font-weight:800;line-height:1.35}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(hover:none),(pointer:coarse),(max-width:767px){.joystick{display:block}}@media(max-width:1023px){.topbar{grid-template-columns:122px minmax(0,1fr) auto 120px;gap:10px}.topbar__buy{padding:0 12px}}@media(max-width:640px){.topbar{grid-template-columns:112px minmax(0,1fr) 112px;grid-template-areas:"logo spacer buy" "status ticker ticker";gap:8px 10px;min-height:82px;padding:8px 10px}.topbar__logo{grid-area:logo}.topbar__ticker{grid-area:ticker}.topbar__ticker-track{min-height:24px;font-size:12px}.topbar__status{grid-area:status;max-width:100%;padding:4px 9px;font-size:11px}.topbar__buy{grid-area:buy;height:36px;font-size:13px;padding:0 10px}.world-buy-label{top:calc(50% + 128px);left:calc(50% + 120px);font-size:13px}.prompt{right:10px;bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 148px);padding:7px 9px;font-size:11px}.dialogue{grid-template-columns:68px minmax(0,1fr);gap:10px;min-height:92px;padding:10px}.dialogue__portrait{width:68px;height:68px}.dialogue h2,.dialogue p{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}#intro-veil{display:none}}