@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#dccb9f;background:#0d2d27;font-family:DM Mono,monospace}*{box-sizing:border-box}html,body{width:100%;min-width:320px;min-height:100%}body{margin:0;overflow:hidden}main{width:100vw;height:100vh;height:100svh}.scene-shell{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#295b4eeb,#18433af5 46%,#0b2c26)}.scene-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(224,211,171,.24) .45px,transparent .65px),radial-gradient(rgba(3,22,18,.34) .5px,transparent .7px);background-position:0 0,2px 2px;background-size:4px 4px;mix-blend-mode:soft-light}.scene-shell:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;box-shadow:inset 0 0 150px #01131057}canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;cursor:grab;touch-action:none}canvas:active{cursor:grabbing}.brand{position:absolute;z-index:2;top:37px;left:34px;margin:0;color:#ddc99b;pointer-events:none;text-shadow:0 1px 8px rgba(0,0,0,.16)}.brand span{display:block;font-size:8.5px;font-weight:500;line-height:1;letter-spacing:.18em;white-space:nowrap;opacity:.86}h1{margin:20px 0 0;font-family:"Noto Serif SC",Songti SC,serif;font-size:31px;font-weight:700;line-height:1;letter-spacing:.14em}.hint{position:absolute;z-index:2;left:50%;bottom:111px;transform:translate(-50%);margin:0;color:#ddcc9dba;font-size:10px;font-weight:500;letter-spacing:.13em;white-space:nowrap;pointer-events:none}.controls{position:absolute;z-index:2;left:0;bottom:23px;display:flex;justify-content:center;gap:10px;width:100%;padding:0 16px}button{min-width:90px;height:43px;padding:0 17px;border:1px solid rgba(190,164,101,.67);border-radius:999px;background:#123d34a8;color:#dccb9f;font:600 11px "Noto Serif SC",Songti SC,serif;letter-spacing:.05em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 5px 16px #01110e1f;transition:transform .18s ease,background .18s ease,border-color .18s ease}button:hover{transform:translateY(-2px);border-color:#dec486e6;background:#1f4f44d1}button:focus-visible{outline:2px solid #dcc083;outline-offset:3px}@media(max-width:700px){.brand{top:24px;left:22px}.brand span{max-width:calc(100vw - 44px);overflow:hidden;font-size:7px}h1{margin-top:13px;font-size:25px}.hint{bottom:92px;font-size:9px}.controls{bottom:18px;gap:6px}button{min-width:0;height:39px;padding:0 12px;font-size:10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}