:root{color-scheme:dark;--bg-top: #050a14;--bg-bottom: #111f37;--panel: rgba(11, 16, 28, .74);--panel-soft: rgba(23, 35, 57, .54);--border: rgba(255, 225, 170, .22);--text: #f4efe4;--muted: rgba(244, 239, 228, .72);--accent: #ffd27c;--accent-soft: #f7b86b;--button: #f0d79e;--button-text: #1e170d;--success: #c5f0ca;--danger: #ffb7be}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;color:var(--text);font-family:Avenir Next,Segoe UI Variable,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(255,214,124,.12),transparent 24%),radial-gradient(circle at 80% 100%,rgba(85,116,176,.12),transparent 34%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%),radial-gradient(circle at 50% 120%,rgba(0,0,0,.25),transparent 34%)}canvas{display:block}.siege-hud{position:fixed;top:1.1rem;left:1.1rem;z-index:10;width:min(29rem,calc(100vw - 2.2rem));padding:1.05rem 1.1rem 1.1rem;border:1px solid var(--border);border-radius:1.35rem;background:linear-gradient(180deg,var(--panel),var(--panel-soft));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1.3rem 3rem #00000052}.eyebrow,.description,.note,.status-text,.siege-hud h1,.badge{margin:0}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin-bottom:.6rem}.siege-hud h1{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2rem,2vw + 1rem,3.2rem);line-height:.92}.description{margin-top:.8rem;color:var(--muted);line-height:1.45}.controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem}.launch-button{cursor:pointer;min-height:2.95rem;padding:.78rem 1.08rem;border:0;border-radius:1rem;background:linear-gradient(180deg,#f8e1aa,var(--button));color:var(--button-text);font:inherit;font-weight:700;letter-spacing:.03em;box-shadow:inset 0 1px #ffffff59,0 .8rem 1.8rem #00000038;transition:transform .16s ease,filter .16s ease,opacity .16s ease}.launch-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.launch-button:disabled{cursor:wait;opacity:.72}.status-text{color:#f4efe4a8;font-size:.84rem;line-height:1.4}.badge-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.badge{display:inline-flex;align-items:center;min-height:2rem;padding:.42rem .72rem;border:1px solid rgba(255,225,170,.14);border-radius:999px;background:#ffffff0f;font-size:.8rem;letter-spacing:.03em}.badge-princess{color:var(--success)}.badge-princess.is-toppled{color:var(--danger)}.badge-volley{color:#ffe7c5d6}.note{margin-top:.95rem;color:#f4efe48f;font-size:.82rem;line-height:1.45}.scene-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.scene-link{display:inline-flex;align-items:center;min-height:2.35rem;padding:.55rem .9rem;border:1px solid rgba(255,225,170,.16);border-radius:999px;background:#17213699;color:var(--text);text-decoration:none;font-size:.8rem;letter-spacing:.03em;transition:transform .16s ease,border-color .16s ease,background .16s ease}.scene-link:hover{transform:translateY(-1px);border-color:#ffe1aa4d;background:#29395ab8}@media(max-width:760px){.siege-hud{top:auto;left:.85rem;right:.85rem;bottom:.85rem;width:auto;max-height:min(72vh,35rem);overflow:auto}}