@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600&family=Space+Grotesk:wght@400;500&display=swap";:root{font-family:"Noto Serif SC",Georgia,serif;color:#e9e0ce;background:#080a09;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#080a09}button{font:inherit;color:inherit}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 52% 44%,rgba(42,54,47,.2),transparent 37%),#080a09}.app-shell canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;touch-action:none}.app-hidden{opacity:0;pointer-events:none}.app-visible{opacity:1;transition:opacity 1s ease}.grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.topbar{position:absolute;top:max(22px,env(safe-area-inset-top));left:clamp(20px,5vw,68px);right:clamp(20px,5vw,68px);display:flex;justify-content:space-between;align-items:center;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.18em;color:#eadec9d9}.brand-lockup{display:flex;gap:9px;align-items:center}.brand-symbol{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(213,161,87,.56);border-radius:50%;color:#d2a25e;font-family:"Noto Serif SC",serif;font-size:11px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:16px}.icon-button{width:28px;height:28px;padding:0;border:1px solid rgba(220,196,154,.25);border-radius:50%;background:#090d0b38;font-size:10px;cursor:pointer;pointer-events:auto}.stage-count{opacity:.48;font-size:10px}.stage-progress{position:absolute;top:calc(max(22px,env(safe-area-inset-top)) + 41px);left:clamp(20px,5vw,68px);width:70px;height:1px;background:#e6d2ae24}.stage-progress span{display:block;height:100%;background:#bd8850;transition:width .7s ease}.stage-rail{position:absolute;top:50%;left:clamp(17px,3.5vw,45px);display:flex;flex-direction:column;gap:13px;transform:translateY(-50%);pointer-events:none}.stage-rail span{position:relative;padding-left:13px;color:#ded1bc3b;font-size:10px;letter-spacing:.18em;writing-mode:vertical-rl;transition:color .5s ease}.stage-rail span:before{content:"";position:absolute;left:0;top:4px;width:3px;height:3px;border-radius:50%;background:currentColor}.stage-rail span.active{color:#daa965c7}.copy-block{position:absolute;left:clamp(60px,11vw,170px);top:50%;transform:translateY(-50%);max-width:min(330px,48vw);text-shadow:0 2px 24px rgba(0,0,0,.5)}.kicker{margin:0 0 13px;color:#dba760bf;font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:.21em}h1{max-width:300px;margin:0;color:#f1e8d7f0;font-size:clamp(22px,3.1vw,36px);font-weight:400;line-height:1.45;letter-spacing:.11em}.copy-subtitle{margin:15px 0 0;color:#e0d3bd8f;font-size:13px;letter-spacing:.1em;line-height:1.8}.hint-text{position:absolute;left:clamp(60px,11vw,170px);bottom:max(42px,env(safe-area-inset-bottom) + 30px);margin:0;color:#ddd6c666;font-size:11px;letter-spacing:.12em}.open-hint{color:#ddbb9180}.fire-hint{color:#efa65e9e}.stage-ready{margin:13px 0 0;color:#e0b0669e;font-size:11px;letter-spacing:.14em;animation:ready-breathe 1.8s ease-in-out infinite}@keyframes ready-breathe{0%,to{opacity:.45}50%{opacity:1}}.action-button{position:absolute;right:clamp(28px,8vw,124px);bottom:max(42px,env(safe-area-inset-bottom) + 28px);min-width:142px;padding:14px 17px 14px 21px;display:flex;justify-content:space-between;gap:24px;border:1px solid rgba(211,160,87,.64);border-radius:999px;background:#0f100d47;color:#ebd5af;font-size:12px;letter-spacing:.16em;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s ease,border-color .25s ease,transform .25s ease}.secondary-action{min-width:104px;padding:9px 12px 9px 15px;border-color:#d3a05761;color:#ebd5afb8;font-size:10px;opacity:.78}.action-button:hover{background:#9b652933;border-color:#d8a05c;transform:translateY(-2px)}.action-button.disabled{opacity:.4;cursor:default;transform:none}.action-button span{font-family:Space Grotesk,sans-serif;font-size:17px;line-height:12px}.gold-progress{width:170px;height:2px;margin-top:22px;background:#dfb4712e;overflow:hidden}.gold-progress span{display:block;height:100%;background:linear-gradient(90deg,#8e5423,#e7be73);transition:width .3s ease}.gold-hint{color:#e0b0668a}.smoke-hint{color:#e0d3bd7a}.explore-hint{bottom:max(44px,env(safe-area-inset-bottom) + 30px)}.discover-count{position:absolute;right:clamp(33px,8vw,124px);top:47%;color:#e2be84ad;font-family:Space Grotesk,sans-serif;font-size:18px;letter-spacing:.08em}.discover-count span{margin-left:8px;color:#e2d8c15c;font-family:"Noto Serif SC",serif;font-size:10px;letter-spacing:.12em}.detail-card{position:absolute;right:clamp(24px,8vw,124px);bottom:max(106px,env(safe-area-inset-bottom) + 92px);width:min(245px,62vw);padding:18px 20px 16px;border-left:1px solid rgba(215,161,84,.65);background:linear-gradient(100deg,#0d110ec7,#0d110e47);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.detail-card-enter{animation:detail-in .42s ease both}@keyframes detail-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-card .kicker{margin-bottom:9px;font-size:9px}.detail-card p:not(.kicker){margin:0;color:#f2e5cccc;font-size:13px;line-height:1.8;letter-spacing:.05em}.detail-card button{margin-top:12px;padding:0;border:0;background:transparent;color:#daa861bd;font-size:10px;cursor:pointer;letter-spacing:.12em}.complete-copy{left:50%;top:34%;max-width:380px;text-align:center;transform:translate(-50%,-50%)}.complete-copy h1{max-width:none;font-size:clamp(25px,4vw,42px);white-space:nowrap}.complete-actions{position:absolute;left:50%;bottom:max(40px,env(safe-area-inset-bottom) + 26px);display:flex;flex-direction:column;gap:14px;align-items:center;transform:translate(-50%)}.complete-actions .action-button{position:static}.text-button{padding:5px 10px;border:0;background:transparent;color:#e2d2b694;font-size:11px;letter-spacing:.16em;cursor:pointer;pointer-events:auto}.debug-help{position:absolute;right:24px;top:75px;color:#d5a05759;font-family:Space Grotesk,sans-serif;font-size:9px;letter-spacing:.15em}.debug-panel{position:absolute;z-index:10;top:20px;right:20px;width:205px;padding:13px;display:flex;flex-direction:column;gap:5px;border:1px solid rgba(218,161,85,.4);background:#090c0ad4;color:#e7d5b2c2;font-family:Space Grotesk,sans-serif;font-size:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.debug-panel b{color:#d6a25c;letter-spacing:.16em}.debug-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.debug-buttons button{padding:4px 6px;border:1px solid rgba(216,163,94,.32);background:transparent;color:inherit;font-size:9px;cursor:pointer}.loading-screen{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(44,53,45,.3),transparent 34%),#080a09;transition:opacity .7s ease}.loading-copy{position:relative;z-index:1;width:min(240px,62vw);text-align:center}.brand-mark{margin:0;color:#dfbf88;font-size:30px;letter-spacing:.23em;text-indent:.23em}.loading-subtitle{margin:12px 0 55px;color:#e1d6c180;font-size:12px;letter-spacing:.16em}.loading-status{margin-bottom:10px;color:#e1d6c178;font-family:Space Grotesk,sans-serif;font-size:10px;letter-spacing:.13em}.loading-line{height:1px;background:#e4cba22e}.loading-line span{display:block;height:100%;background:#bd8850;transition:width .25s ease}.loading-orbit{position:absolute;width:170px;height:170px;border:1px solid rgba(210,161,88,.12);border-radius:50%;box-shadow:0 0 65px #af7a3a0f;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(.88);opacity:.4}50%{transform:scale(1);opacity:.85}}@media(max-width:700px){.stage-rail{top:22%;left:auto;right:18px;flex-direction:row;transform:none;gap:9px}.stage-rail span{padding:0;writing-mode:horizontal-tb;font-family:Space Grotesk,sans-serif;font-size:8px;letter-spacing:.08em}.stage-rail span:before{display:none}.copy-block{left:52px;top:68%;max-width:65vw}.copy-block h1{font-size:23px}.complete-copy{left:50%;top:31%;max-width:84vw}.complete-copy h1{font-size:25px}.hint-text{left:52px;bottom:max(93px,env(safe-area-inset-bottom) + 78px);font-size:10px}.action-button{right:20px;bottom:max(28px,env(safe-area-inset-bottom) + 20px);min-width:135px}.secondary-action{min-width:100px}.discover-count{right:23px;top:57%}.detail-card{right:20px;bottom:max(93px,env(safe-area-inset-bottom) + 82px)}}