@font-face{font-family:Barlow;src:url('../assets/barlow.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ebe6df;background:#202332;font-synthesis:none;--blue:#a9d1e0;--coral:#eba58d;--line:#ffffff18;--muted:#aaaebb}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 68% 0,#46405260,transparent 55%),#202332}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #d6e9f1;outline-offset:3px}button{color:inherit;border:1px solid var(--line);background:#343746;min-height:44px;border-radius:8px}button:hover{border-color:#c1c9d460;background:#414252}button:active{transform:translateY(1px)}a{color:var(--blue)}.page{max-width:1336px;margin:auto;padding:26px 32px 22px}.back-link{font-size:14px;text-decoration:none;display:inline-block;min-height:30px}.back-link:hover{text-decoration:underline}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;text-transform:uppercase;color:#b3b1bb;margin:14px 0 9px}h1{font-size:clamp(26px,3.5vw,42px);font-weight:650;letter-spacing:-.7px;line-height:1.08;margin:0;color:#f4eee6}.intro{color:#b8b7c0;font-size:17px;margin:10px 0 22px}.cast-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px}.cast-tabs button{text-align:left;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 16px;background:#2b2e3d;border-color:#55536675}.cast-tabs button[aria-pressed=true]{border-color:#dbb394;background:#514a4b;box-shadow:inset 0 -2px #dbb394}.cast-tabs button[data-cast=encore][aria-pressed=true]{border-color:#c7a8cf;background:#494257;box-shadow:inset 0 -2px #c7a8cf}.cast-tabs button[data-cast=gilt][aria-pressed=true]{border-color:#d3b783;background:#4d483f;box-shadow:inset 0 -2px #d3b783}.tab-number{color:#a7a9b7;border:1px solid #77748080;font-size:13px;min-width:27px;height:27px;display:grid;place-content:center;border-radius:6px}.cast-tabs strong{font-size:18px;display:block;line-height:1.1;font-weight:650}.cast-tabs small{display:block;font-size:12px;color:#b9b9c0;margin-top:4px}.tab-symbol{font-size:25px;color:#e2baa0;margin-left:auto;padding-left:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}.play-column{min-width:0}.arena-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;font-size:10px;letter-spacing:1.2px;color:#b7becd}.arena-head>span::before{content:'';display:inline-block;width:6px;height:6px;background:#93b9c4;border-radius:50%;margin:0 9px 1px 0}.counters{display:flex;gap:22px;font-size:12px;letter-spacing:0}.counters b{font-size:17px;font-weight:600;color:#e5d8c9;margin-right:4px}.counters span:last-child b{color:#b0ddec}.gem-mark{display:inline-block;width:6px;height:10px;border-radius:2px;background:#a9d2e1;transform:rotate(24deg);vertical-align:middle;margin-left:2px}.arena-wrap{position:relative;border:1px solid #95949e50;border-radius:15px;overflow:hidden;box-shadow:0 16px 30px #10172530;background:#6e7082}#arena{width:100%;height:clamp(400px,43vw,555px);display:block;touch-action:none;user-select:none;-webkit-user-select:none;outline-offset:-4px!important}.arena-caption{position:absolute;left:15px;right:15px;bottom:12px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:9px;letter-spacing:1px;color:#edf0ee;text-shadow:0 1px 3px #202e43}.arena-caption span:last-child{color:#dae9e6;letter-spacing:.4px}.pause-note{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#252b4080;backdrop-filter:blur(3px);font-size:30px;font-weight:650;pointer-events:none}.pause-note[hidden]{display:none}.pause-note span{font-size:14px;font-weight:400;margin-top:10px;color:#d3d8df}.play-tools{display:flex;align-items:center;gap:7px;padding-top:12px}.play-tools button{padding:8px 13px;min-height:40px;font-size:13px}.play-tools button[aria-pressed=true]{background:#43586b;border-color:#83adbf;color:#d3e7ed}.key-help{color:#9ea6b5;font-size:11px;margin-left:auto}kbd{font:inherit;padding:1px 4px;border:1px solid #6c7181;border-radius:3px}.instruction{display:flex;gap:10px;margin:17px 0 0;color:#b6bdc9;max-width:610px}.instruction p{font-size:14px;line-height:1.45;margin:0}.instruction strong{color:#e2e0df;font-weight:550}.step-dot{color:#aacfe0;font-size:26px;line-height:1}.event-note{margin:11px 0 0 29px;color:#d3b697;font-size:14px;min-height:21px;line-height:1.4}.character-card{border:1px solid #85818c40;border-radius:15px;background:linear-gradient(145deg,#3b3747,#292f40);overflow:hidden;margin-top:40px;box-shadow:0 14px 26px #0f172326}.portrait-wrap{position:relative;background:radial-gradient(ellipse at 50% 40%,#8e78762d,transparent 70%);border-bottom:1px solid var(--line)}#portrait{width:100%;height:225px;display:block}.portrait-label{position:absolute;left:0;bottom:11px;width:100%;text-align:center;color:#a29aa9;font-size:8px;letter-spacing:2px;pointer-events:none}.character-copy{padding:20px 21px 18px}.character-copy .eyebrow{margin:0;color:#c4a997;letter-spacing:1.3px;font-size:9px}.character-copy h2{font-size:35px;line-height:1;margin:8px 0 12px;font-weight:650;color:#eee3d8}.character-copy>p:not(.eyebrow){font-size:14px;line-height:1.45;color:#bec0c9;margin:0}.direction{display:flex;gap:10px;align-items:flex-start;margin:18px 0;color:#b8d5e2}.direction p{font-size:13px;line-height:1.4;margin:0}.blue-marker{color:#c5e8f2;flex:none;display:grid;place-content:center;border:1px solid #7d9eaf;background:#4a6174;width:27px;height:28px;border-radius:6px;font-size:20px}#tantrum-button{width:100%;text-align:left;padding:11px 13px;background:#574d50;border-color:#b18d7750;color:#f1d8bc;font-size:14px}#tantrum-button span{float:right}#tantrum-button:disabled{cursor:default;opacity:.55}.character-copy .tantrum-note{margin-top:11px!important;color:#a0a6b4!important;font-size:12px!important}.page-foot{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0e;margin-top:22px;padding-top:13px;color:#969cac;font-size:12px}.page-foot p{margin:0;line-height:1.45}.page-foot label{display:flex;align-items:center;gap:7px;min-height:34px;flex:none;cursor:pointer}.page-foot input{accent-color:#90b6c5;width:15px;height:15px}body[data-cast=encore] .character-copy .eyebrow{color:#d0abc9}body[data-cast=gilt] .character-copy .eyebrow{color:#d7bd8d}
@media(max-width:1050px){.page{padding:22px}.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.key-help{display:none}.character-copy{padding:18px}.cast-tabs button{padding:11px 12px;gap:9px}.tab-symbol{padding-left:0}.character-card{margin-top:40px}#portrait{height:215px}}
@media(max-width:760px){.page{padding:15px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.back-link{font-size:12px;min-height:25px}.page-head .eyebrow{font-size:8px;letter-spacing:1.4px;margin:9px 0}.intro{font-size:14px;margin:9px 0 15px}.cast-tabs{gap:6px;margin-bottom:8px}.cast-tabs button{padding:10px 8px;gap:7px;min-height:52px;border-radius:8px}.cast-tabs strong{font-size:16px}.cast-tabs small,.tab-symbol{display:none}.tab-number{font-size:11px;min-width:20px;height:23px}.workspace{grid-template-columns:minmax(0,1fr);gap:16px}.arena-head{height:33px;font-size:9px;letter-spacing:.8px}.counters{font-size:11px;gap:16px}.counters b{font-size:15px}#arena{height:420px;max-height:60svh;min-height:320px}.arena-wrap{border-radius:12px}.arena-caption{left:10px;right:10px;bottom:10px;font-size:8px;letter-spacing:.5px}.play-tools{padding-top:9px;gap:6px}.play-tools button{font-size:12px;flex:1;min-height:42px}.instruction{margin-top:13px}.instruction p,.event-note{font-size:13px}.event-note{margin-top:8px;min-height:0}.character-card{display:grid;grid-template-columns:140px minmax(0,1fr);margin-top:0;align-items:stretch}.portrait-wrap{border-right:1px solid var(--line);border-bottom:0;align-self:stretch;display:flex;align-items:center}#portrait{height:205px}.portrait-label{font-size:7px;letter-spacing:1px;bottom:13px}.character-copy{padding:16px 13px}.character-copy h2{font-size:28px;margin:7px 0 9px}.character-copy>p:not(.eyebrow){font-size:12px}.character-copy .eyebrow{font-size:8px;letter-spacing:.8px}.direction{margin:12px 0}.direction p{font-size:11px}.blue-marker{width:23px;height:25px}#tantrum-button{font-size:12px;padding:9px 10px}.character-copy .tantrum-note{font-size:11px!important}.page-foot{display:block;margin-top:17px;padding-top:12px;font-size:11px}.page-foot label{margin-top:5px}.page-foot input{width:16px;height:16px}}
@media(max-width:360px){.page{padding-left:10px;padding-right:10px}h1{font-size:25px}.character-card{grid-template-columns:111px minmax(0,1fr)}.character-copy{padding:14px 11px}#portrait{height:200px}.cast-tabs strong{font-size:14px}#arena{min-height:300px}.character-copy .tantrum-note{font-size:10px!important}}
@media(max-height:520px) and (orientation:landscape){.page-head .eyebrow,.intro{display:none}.page-head{display:flex;gap:15px;align-items:center;margin-bottom:12px}.page-head h1{font-size:24px}.back-link{flex:none}.cast-tabs{margin-bottom:8px}.workspace{grid-template-columns:minmax(0,1fr) 230px}.character-card{display:block;margin-top:33px}.character-copy{padding:13px}#portrait{height:145px}.portrait-wrap{display:block;border-right:0}.character-copy .direction,.character-copy .tantrum-note{display:none}.character-copy h2{font-size:23px}.character-copy>p:not(.eyebrow){font-size:11px}#tantrum-button{margin-top:10px}#arena{height:335px;max-height:none;min-height:280px}.page-foot{display:flex}.instruction p,.event-note{font-size:12px}}

h1,h2,.cast-tabs strong{font-family:Barlow,system-ui,sans-serif}