.game-shell__stage:has(.star-loom__hud){place-items:center;display:grid}.game-shell__stage:has(.star-loom__hud) canvas{width:min(100%,160dvh);height:min(100%,62.5vw)}.star-loom__hud{inset:max(12px, env(safe-area-inset-top), calc((100% - min(100%, 62.5vw)) / 2 + 12px)) max(12px, env(safe-area-inset-right)) auto max(12px, env(safe-area-inset-left));z-index:2;pointer-events:none;justify-content:space-between;gap:10px;display:flex;position:absolute}.star-loom__stats,.star-loom__stage-label{color:#fff8da;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c0925b3;border:1px solid #ffefae4d;border-radius:14px;padding:9px 12px;font:800 14px/1.25 ui-rounded,SF Pro Rounded,system-ui,sans-serif;box-shadow:inset 0 1px #ffffff14}.star-loom__stage-label{text-align:right;gap:2px;display:grid}.star-loom__stage-label small{color:#bcb4de;font-size:11px}.star-loom__stats{gap:14px;display:flex}.star-loom__stats span{color:#bcb4de;font-weight:650}.star-loom__stats b{color:#ffe88e}.star-loom__coils{z-index:2;bottom:max(14px, env(safe-area-inset-bottom), calc((100% - min(100%, 62.5vw)) / 2 + 14px));gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.star-loom__coils button,.star-loom__panel button{color:#f7f2ff;cursor:pointer;background:#120c31d6;border:1px solid #ffec9e57;border-radius:999px;min-height:44px;font:800 14px/1 ui-rounded,SF Pro Rounded,system-ui,sans-serif}.star-loom__coils button{min-width:82px;padding:8px 13px}.star-loom__coils button[aria-pressed=true]{color:#20102f;background:linear-gradient(135deg,#ffd96b,#ff9de2);border-color:#ffe68d;box-shadow:0 0 24px #ffd26452}.star-loom__coils button:hover,.star-loom__panel button:hover{filter:brightness(1.08)}.star-loom__coils small{opacity:.74;margin-top:4px;font-size:14px;display:block}.star-loom__panel{color:#fffaf0;text-align:center;background:linear-gradient(145deg,#120a36f5,#2e124df0);border:1px solid #ffe8934d;border-radius:28px;width:min(520px,100% - 32px);padding:clamp(24px,5vw,44px);box-shadow:0 28px 90px #040216a6,inset 0 1px #ffffff14}.star-loom__panel--choices{width:min(760px,100% - 24px);max-height:calc(100% - 24px);overflow:auto}.star-loom__panel .eyebrow{color:#ffd96b;letter-spacing:.16em;margin:0 0 10px;font:800 14px/1 ui-rounded,system-ui,sans-serif}.star-loom__panel h2{letter-spacing:-.07em;margin:0;font:900 clamp(2.2rem,7vw,4.2rem)/.95 ui-rounded,SF Pro Rounded,system-ui,sans-serif}.star-loom__panel p{color:#c9c0e7;max-width:36ch;margin:16px auto 24px;line-height:1.65}.star-loom__panel strong{color:#ffe482}.star-loom__panel button{color:#24112f;background:linear-gradient(135deg,#ffe37d,#ff9fe1);border:0;padding:12px 22px}.star-loom__choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.star-loom__panel .star-loom__choice{color:#fff8e5;text-align:left;background:#0f0b2db8;border:1px solid #ffec9e4d;border-radius:18px;min-height:150px;padding:16px}.star-loom__choice>span,.star-loom__choice>b,.star-loom__choice>small{display:block}.star-loom__choice>span{color:#ffe37d;margin-bottom:12px;font-size:30px}.star-loom__choice>b{font-size:17px}.star-loom__choice>small{color:#c9c0e7;margin-top:8px;font-size:13px;line-height:1.45}.star-loom__panel .star-loom__choice:hover,.star-loom__panel .star-loom__choice:focus-visible{filter:none;background:#4c2a68eb;border-color:#ffe37d}.star-loom__panel button:focus-visible,.star-loom__coils button:focus-visible{outline-offset:3px;outline:3px solid #fff}@media (max-width:620px){.star-loom__stats{gap:2px;display:grid}.star-loom__coils{gap:5px}.star-loom__coils button{min-width:72px;padding-inline:9px}.star-loom__panel--choices{width:calc(100% - 12px);max-height:100%;padding:5px 8px}.star-loom__panel--choices h2{letter-spacing:-.04em;font-size:1.2rem;line-height:1}.star-loom__panel--choices .eyebrow{display:none}.star-loom__panel--choices>p{max-width:none;margin:2px auto 5px;font-size:10px;line-height:1.1}.star-loom__choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.star-loom__panel .star-loom__choice{min-width:0;min-height:0;padding:7px}.star-loom__choice>span{margin-bottom:1px;font-size:18px}.star-loom__choice>b{font-size:13px}.star-loom__choice>small{margin-top:4px;font-size:9px;line-height:1.1;display:block;overflow:visible}}@media (prefers-reduced-motion:reduce){.star-loom__coils button{transition:none}}