/* Alpha UI: warm theatre palette and compact, keyboard-accessible overlays. */
:root{--panel:#182d2cf5;--gold:#edc788;--cream:#f6efdc;--mint:#9bcea8}
.stage-tools{position:absolute;right:14px;top:15px;z-index:4;display:flex;gap:5px}
.stage-tools button{height:32px;min-width:32px;padding:0 9px;background:#14272beb;border-color:#c2b28b66;font-size:13px;box-shadow:0 2px 4px #0004}
.stage-tools button span{font-size:10px}.stage-tools .live{color:var(--gold);border-color:var(--gold)}
.objective{position:absolute;top:15px;left:50%;transform:translateX(-50%);z-index:4;padding:7px 13px;background:#172c2eeb;border-color:#a8bc9a66;box-shadow:0 2px 4px #0004;text-align:left;max-width:250px}
.objective:active:not(:disabled){transform:translateX(-50%)}.objective small{color:var(--gold);font-size:8px;letter-spacing:1.5px;display:block;margin-bottom:3px}.objective span{font-size:10px;display:block}.objective[hidden]{display:none}.panel-open .objective,.panel-open .stage-tools{visibility:hidden}
.panel{width:400px;border-color:#c8b48670;background:linear-gradient(155deg,#253932f8,#142a2ff8);backdrop-filter:blur(16px)}
.panel h2{font-family:Georgia,serif;color:#f3e6ca;font-size:26px}.panel-head{background:#e2c17d06}.panel-body{padding:16px 20px}
.panel p.lead{font-size:15px;line-height:1.6;color:#f3e8cf}.centered{text-align:center;margin-top:12px!important}
.item-actions{display:flex;gap:4px;align-items:center}.item-actions .discard{padding:4px 7px;color:#adaca0;background:transparent;border-color:transparent;font-size:17px}.item-actions .discard:hover{border-color:#bb8e73;color:#e8b09b}
.durability{margin-top:6px;height:3px;background:#081b20}.durability i{height:100%;display:block;background:#b7c77b}
.recipe-reason{font-size:9px;margin-top:7px;color:#adad91}.recipe h4{gap:8px}.recipe h4>span:first-child{line-height:1.5}.recipe .tier{flex:none}
.market-filters{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 13px}.market-filters button{font-size:9px;padding:5px 8px;border-radius:15px}.market-filters .active{background:#eac27e20;border-color:#d1b38290;color:var(--gold)}
.duel-banner{padding:17px;border:1px solid #e5c37d4d;border-radius:7px;background:linear-gradient(115deg,#a5784029,#28474222);margin-bottom:13px}.duel-banner strong{display:block;font-family:Georgia,serif;font-weight:500;font-size:23px;margin:8px 0}.duel-banner>span:last-child{color:#c7cbb3;font-size:12px}.duel-banner.live{border-color:#e8a867;background:#ad6f3520}
.duel-timeline{margin-bottom:16px}.duel-round{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.duel-round>b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #b6b28a66;font-size:12px;color:var(--gold)}.duel-round>span{flex:1;font-size:12px}.duel-round small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.duel-round em{font-style:normal;font-size:10px;color:#baa47f}.duel-round.complete>b{background:#7dae8b22;border-color:#83b89b;color:#a9dfb7}
.battle-result{border:1px solid var(--line);border-left:3px solid #b08a6d;border-radius:5px;padding:11px 12px;margin-bottom:9px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;background:#ffffff04}.battle-result.win{border-left-color:#a9c78b}.battle-result.draw{border-left-color:#c2af80}.battle-result b{font-size:12px}.battle-result small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.battle-result strong{color:var(--gold);font-size:17px}.battle-result p{width:100%;font-size:10px;margin:0;line-height:1.6}.warning{border-color:#cf976356;color:#e5c49a}.leader.you{background:#eac27e0d;margin:0 -8px;padding:10px 8px;border-radius:4px}
.king-quote{font:italic 18px/1.5 Georgia,serif;border-left:2px solid var(--gold);padding:4px 0 4px 16px;margin:5px 0 20px;color:#e3d8bd}
details{border-top:1px solid var(--line);margin-top:17px;padding-top:12px}summary{font-size:12px;cursor:pointer;color:#d9caa9;padding:3px 0 10px}details p{font-size:11px!important;margin-top:6px!important}
.guide-steps{list-style:none;counter-reset:step;padding:0;margin:20px 0}.guide-steps li{position:relative;padding:0 0 22px 38px;counter-increment:step}.guide-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:25px;height:25px;border:1px solid #cdb7827a;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:11px}.guide-steps b{font-size:13px;display:block;margin-bottom:6px}.guide-steps span{font-size:11px;line-height:1.7;color:#b3c6bb;display:block}.guide-steps button{padding:7px 9px;font-size:10px;margin-top:9px;background:#ffffff06}
.wheel-art{position:relative;width:180px;height:180px;margin:4px auto 20px;filter:drop-shadow(0 6px 10px #00111480)}.wheel-disc{position:absolute;inset:8px;border-radius:50%;border:8px solid #b98b4c;background:conic-gradient(#b86647 0 180deg,#5e947d 180deg 288deg,#537e89 288deg 342deg,#ddbd79 342deg 360deg);transform:rotate(var(--stop,0deg));box-shadow:inset 0 0 0 3px #503d2c,inset 0 0 0 5px #e5c079}.wheel-disc span{position:absolute;color:#fff1c9;font-size:21px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-53px)}.wheel-disc span:nth-child(1){--angle:90deg}.wheel-disc span:nth-child(2){--angle:234deg}.wheel-disc span:nth-child(3){--angle:315deg}.wheel-disc span:nth-child(4){--angle:351deg}.wheel-disc span:nth-child(5){--i:4}.wheel-disc span:nth-child(6){--i:5}.wheel-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:34px;height:34px;background:#584635;border:3px solid #e2ba70;display:grid;place-items:center;color:var(--gold);font-size:23px}.wheel-pointer{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:2;color:#f3d497;font-size:21px}.spinning .wheel-disc{animation:spin-wheel 2.2s cubic-bezier(.13,.59,.16,1) forwards}@keyframes spin-wheel{from{transform:rotate(calc(var(--stop) - 1080deg))}to{transform:rotate(var(--stop))}}.wheel-copy{text-align:center}.wheel-copy h3{font:23px Georgia,serif;margin:9px 0 12px}.wheel-copy p{text-align:center!important}.reward-description{display:block;font-size:9px;color:var(--muted);max-width:260px;line-height:1.6;margin-top:4px}
.setting-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);margin:0}.setting-row b{font-size:12px;color:var(--cream);display:block}.setting-row small{font-size:10px;color:var(--muted);display:block;margin-top:6px;line-height:1.5}.setting-row input{width:18px;height:18px;accent-color:var(--gold);flex:none;margin:0}.demo-controls{margin-top:26px;padding:15px;border:1px dashed #d2b68277;background:#d2b68208;border-radius:6px}.demo-controls h3{margin-top:8px}.demo-controls p{font-size:11px}.demo-controls .actions-row{flex-wrap:wrap}.demo-controls button{font-size:10px;padding:8px;white-space:nowrap}
.confirm-dialog{background:#203632;color:var(--cream);border:1px solid #c5ad7c;box-shadow:0 15px 80px #000a;border-radius:9px;width:370px;padding:26px}.confirm-dialog::backdrop{background:#0d1b24aa;backdrop-filter:blur(3px)}.confirm-dialog h2{font:26px Georgia,serif}.confirm-dialog p{font-size:12px;color:#b4c7ba;line-height:1.7}.danger{background:#754d3c;border-color:#bb8b66}
.labels-hidden .entity>span:last-child{display:none}.labels-hidden .entity:hover>span:last-child,.labels-hidden .entity:focus-visible>span:last-child{display:block}
@media(max-width:1250px){.panel{width:355px}.objective{max-width:200px;padding:6px 10px;top:15px}.objective span{font-size:9px}.stage-tools button{padding:0 6px;height:30px}.stage-tools button span{font-size:9px}.broadcast{font-size:9px;left:12px;padding:8px}.broadcast span{font-size:9px}.stage-tools{right:10px}}
@media(max-height:760px){.panel-head{padding:11px 16px}.panel-body{padding:13px 16px}.panel h2{font-size:23px}.wheel-art{width:150px;height:150px}.wheel-disc span{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-41px)}.objective{padding:5px 9px}.stage-tools{top:14px}.broadcast span{display:none}}
@media(prefers-reduced-motion:reduce){.spinning .wheel-disc{animation:none}}

.motion-reduced .spinning .wheel-disc{animation:none}

.recipe-sources{margin-top:12px;padding-top:8px}.recipe-sources summary{font-size:10px;padding:3px 0}.source-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0}.source-row b{font-size:10px;font-weight:500}.source-row span{display:flex;flex-wrap:wrap;gap:4px}.source-row button,.recipe-sources>button{font-size:9px;padding:4px 7px}.recipe-sources p{font-size:9px!important;margin-top:10px!important}