.screen{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;padding:1rem;box-sizing:border-box;position:relative}.hud{display:flex;justify-content:space-between;font-size:1.1rem}.threats{display:flex;flex-wrap:wrap;gap:.5rem}.threat{border:1px solid #555;border-radius:.4rem;padding:.4rem .6rem;min-width:6rem;font-size:.85rem}.board{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.slot{position:relative;width:3.5rem;height:3.5rem;border:1px dashed #666;border-radius:.4rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.75rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.slot--empty{border-style:dashed}.slot--card{border-style:solid}.slot--hazard{border-color:#c0392b;color:#c0392b}.slot--blocked{background:#333;color:#777}.residue{font-size:.85rem;color:#ccc}.hand{display:flex;gap:.5rem;flex-wrap:wrap}.card{width:3rem;height:4rem;border:1px solid #888;border-radius:.4rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.7rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.card--selected{outline:2px solid #fff;outline-offset:2px}.feedback{font-size:.85rem;color:#e74c3c}.action-button{align-self:flex-start;padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.phase-hint{font-size:.85rem;color:#ccc}.draft{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start}.element--ember{border-color:#e25822;color:#e25822}.element--frost{border-color:#7ec8e3;color:#7ec8e3}.element--spark{border-color:#f4d03f;color:#f4d03f}.element--stone{border-color:#95a5a6;color:#95a5a6}.element--gust{border-color:#58d68d;color:#58d68d}.overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#000000b3}.restart{align-self:flex-start;padding:.5rem 1rem;font-size:1rem;cursor:pointer}.slot--reacting{outline:2px solid #f4d03f;outline-offset:2px}.slot--legal{animation:slot-pulse 1.1s ease-in-out infinite}@keyframes slot-pulse{0%,to{border-color:#666;box-shadow:none}50%{border-color:#fff;box-shadow:0 0 0 3px #ffffff59}}@media (prefers-reduced-motion: reduce){.slot--legal{animation:none;border-color:#fff;box-shadow:0 0 0 2px #ffffff59}}.cascade-slot{min-height:4.75rem}.cascade-banner{display:flex;flex-direction:column;gap:.15rem;padding:.4rem .6rem;border:1px solid #f4d03f;border-radius:.4rem;font-size:.85rem;max-width:fit-content}.cascade-banner--fizzle,.cascade-banner--suppressed{border-color:#999}.cascade-banner--strike{border-color:#c0392b}.cascade-banner--hazard{border-color:#e67e22}.cascade-banner__kind{font-size:.7rem;color:#ccc;text-transform:uppercase;letter-spacing:.03em}.cascade-banner__label{font-weight:700}.cascade-banner__detail{font-size:.8rem;color:#ccc}.cascade-banner__glyph{margin-right:.3rem}.element-label{display:inline-flex;align-items:center;gap:.2rem}.element-label__glyph{font-size:1rem;line-height:1}.element-label__text{font-size:inherit}.slot__cue{position:absolute;top:-.35rem;right:-.35rem;font-size:.8rem;line-height:1;pointer-events:none}.onboarding-slot{min-height:1.7rem;pointer-events:none}.onboarding-prompt{display:inline-block;padding:.2rem .6rem;border:1px solid #f4d03f;border-radius:999px;font-size:.8rem;color:#f4d03f;width:fit-content}