*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020913;color:#d9e4ef;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;-webkit-tap-highlight-color:transparent}#experience{position:relative;width:100%;height:100svh;height:100dvh;overflow:hidden;touch-action:none;outline:none;user-select:none}canvas{display:block;width:100%;height:100%}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,transparent 43%,rgba(0,3,10,.45) 100%)}header{position:absolute;left:0;right:0;top:max(34px,env(safe-area-inset-top));text-align:center;pointer-events:none;opacity:.74}.title{display:block;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:21px;letter-spacing:8px;font-weight:300}.subtitle{display:block;font-size:10px;letter-spacing:5px;margin-top:11px;color:#92a7be}#hint{position:absolute;left:0;right:0;bottom:max(30px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;letter-spacing:3px;color:#a4b7cb;pointer-events:none;transition:opacity 1.8s;opacity:.75}.spark{font-size:21px;line-height:1}#hint.quiet{opacity:0}#loading{position:absolute;top:45%;width:100%;text-align:center;font-size:14px;letter-spacing:3px;transition:opacity .6s}#loading span{animation:pulse 1.5s infinite}#error{position:absolute;inset:40% 24px auto;text-align:center;font-size:16px;line-height:1.9}button{display:block;margin:22px auto;padding:10px 22px;background:#11243b;color:#e1efff;border:1px solid #51677a;border-radius:24px;font-size:14px}@keyframes pulse{50%{opacity:.2}}@media(min-aspect-ratio:1/1){header{top:30px}#hint{bottom:26px}}

.scene-controls{position:absolute;z-index:2;top:max(24px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(165,193,220,.16);border-radius:12px;background:rgba(8,20,36,.65);backdrop-filter:blur(14px);touch-action:auto}
.scene-controls button{display:block;margin:0;padding:0 13px;min-height:40px;border:0;border-radius:8px;background:transparent;color:#aac7d7;font:inherit;font-size:12px;letter-spacing:1px;cursor:pointer;touch-action:manipulation;transition:background .2s,color .2s}
.scene-controls button:hover{background:rgba(165,193,220,.08);color:#e0f2fa}.scene-controls button:focus-visible{outline:2px solid #b0deed;outline-offset:1px}.scene-controls button:active{background:rgba(165,193,220,.14)}#sound-toggle[aria-pressed="false"]{color:#7d93a8}.scene-controls button:disabled{cursor:default;opacity:.5}
@media(max-width:640px){.scene-controls{top:max(16px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));flex-direction:column;gap:0}.scene-controls button{min-height:44px;padding:0 10px;width:100%}}