*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#2b1d14;color:#fff3e0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:none}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.title{position:fixed;top:max(16px,env(safe-area-inset-top));left:0;right:0;text-align:center;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.55)}.title h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,6vw,52px);letter-spacing:.06em;font-weight:700;color:#ffe2b3}.title p{font-size:clamp(13px,2.4vw,16px);opacity:.85;margin-top:4px;letter-spacing:.2em}.hint{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:13px;opacity:.75;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.7)}.bubble{position:fixed;left:0;top:0;max-width:min(260px,70vw);padding:10px 14px;border-radius:14px;background:#fffaf2;color:#3b2a1e;font-size:15px;line-height:1.5;box-shadow:0 6px 24px #00000059;transform:translate(-50%,calc(-100% - 14px));pointer-events:none;transition:opacity .2s;will-change:left,top}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-8px;border:8px solid transparent;border-bottom:0;border-top-color:#fffaf2}.bubble b{display:block;font-size:12px;color:#b0683a;margin-bottom:2px;letter-spacing:.1em}.hidden{opacity:0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2b1d14;font-size:16px;letter-spacing:.3em;transition:opacity .6s}#loading.done{opacity:0;pointer-events:none}