:root{--hud-bg:#060e20b8;--hud-border:#35c8ff59;--hud-accent:#35c8ff;--hud-text:#dbe9ff;--hud-dim:#8aa6cc}*{box-sizing:border-box}html,body{height:100%;color:var(--hud-text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#03060f;margin:0;padding:0;font-family:Helvetica Neue,PingFang HK,Noto Sans TC,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100dvh;position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud-panel{backdrop-filter:blur(6px);opacity:.72;background:#060e208c;border:1px solid #35c8ff2e;border-radius:10px;min-width:196px;padding:10px 12px 8px;position:absolute;bottom:12px;left:12px}.hud-panel:hover{opacity:1}.hud-title{letter-spacing:.18em;color:var(--hud-dim);font-size:10.5px;font-weight:700}.hud-row{justify-content:space-between;align-items:baseline;gap:14px;margin-top:5px;font-size:11.5px;display:flex}.hud-label{color:var(--hud-dim)}.hud-value{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}.hud-hints{color:var(--hud-dim);border-top:1px solid #35c8ff24;margin:9px 0 0;padding:8px 0 0;font-size:10.5px;line-height:1.65;list-style:none}.display{pointer-events:none;position:absolute;inset:0}.marquee{font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;background:linear-gradient(#040a18f0,#020610f7);border-radius:.35em;justify-content:space-evenly;align-items:center;gap:.4em;padding:.28em .5em;font-family:SF Mono,Menlo,Consolas,monospace;line-height:1;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 .5em #35c8ff59,inset 0 0 1.4em #35c8ff24}.marquee-field{flex:1 1 0;min-width:0}.marquee-label{letter-spacing:.16em;color:var(--hud-dim);font-size:.44em}.marquee-value{color:#eaf6ff;text-shadow:0 0 .35em #35c8ffd9;margin-top:.18em;font-size:1.05em;font-weight:700}.marquee-field:first-child .marquee-value{color:#ffd21e;text-shadow:0 0 .4em #ffd21ee6}.debug-view{pointer-events:none;background:#040812eb;border:1px solid #35c8ff47;border-radius:8px;padding:6px 6px 4px;position:absolute;top:12px;right:12px}.debug-view-caption{letter-spacing:.08em;color:var(--hud-dim);text-align:center;margin-bottom:4px;font-size:10px}.debug-view canvas{border-radius:4px;display:block}#boot-error{color:#ffd9d9;white-space:pre-wrap;background:#3c080cd9;border:1px solid #ff505080;border-radius:10px;padding:12px 14px;font-size:13px;display:none;position:absolute;inset:auto 16px 16px}.hud-asset-error{color:#ffe3b0;pointer-events:none;background:#341e04e6;border:1px solid #ffaa3c99;border-radius:10px;max-width:380px;padding:12px 14px;font-size:12px;line-height:1.55;position:absolute;top:16px;right:16px}.hud-asset-error-title{letter-spacing:.1em;color:#ffc247;margin-bottom:6px;font-weight:700}.hud-asset-error-line{word-break:break-all}