.phase-court{height:var(--screen-height,100dvh);min-height:0;display:grid;grid-template-rows:74px 78px minmax(0,1fr);overflow:hidden}html:has(.phase-court),body:has(.phase-court){overflow:hidden}
.court-heading{width:min(1240px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.court-heading h1{font:25px/1.4 var(--serif);margin:4px 0}.court-round{font-size:12px;white-space:nowrap}.court-round b{font:30px var(--serif);color:var(--gold);margin-right:6px}
.court-arena{width:min(1240px,94%);margin:0 auto;min-height:0;display:grid;grid-template-columns:.95fr 1.15fr;gap:24px;padding-bottom:18px}.court-opponent{min-height:0;display:flex;flex-direction:column;border:1px solid #ceba7d55;border-radius:10px;overflow:hidden;background:#0d2630}.court-portrait{position:relative;min-height:185px;flex:0 0 44%;background:linear-gradient(0deg,#071b24fa 0%,#071b2455 80%),url('assets/palace.png') 77% 42%/cover}.court-danger{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#071b2480;font-size:12px}.court-danger>div{display:flex;gap:4px}.court-danger i{width:16px;height:7px;border-radius:2px;background:#e7b98130}.court-danger .filled{background:#e0a076}.court-danger>b{font-size:11px;color:#eac3a6}.court-plan{position:absolute;bottom:14px;left:20px;right:20px}.court-plan>span{font-size:11px;color:var(--gold)}.court-plan h2{font:25px/1.4 var(--serif);margin:5px 0}.court-plan p{font-size:15px;line-height:1.6;margin:6px 0}.court-plan small{font-size:12px;color:#ddb5a2}
.court-response{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:17px 20px}.court-response>p{font:20px/1.6 var(--serif);margin:8px 0 12px;word-break:keep-all;overflow-wrap:anywhere}.court-result{font-size:12px;line-height:1.7;border-left:2px solid #679a90;padding-left:10px;color:#bbd0c9}.court-result.is-counter{color:#f3d79e;border-color:var(--gold);animation:counter-glow .6s ease-out}.court-tools{display:flex;justify-content:space-around;gap:4px;flex-shrink:0;background:#071b2460}.court-tools button{min-height:44px;font-size:12px}
.court-player{display:flex;flex-direction:column;min-height:0;gap:10px}.court-next{display:flex;align-items:center;gap:9px;font-size:12px;padding:9px 12px;background:#dde2bd0b;border-left:2px solid #8ea58a}.court-next>span{color:#b8bfa9;font-size:10px;white-space:nowrap}.court-next>b{font-weight:500}.court-next small{margin-left:auto;font-size:10px;color:var(--muted)}.court-actors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.court-actors button{display:grid;grid-template-columns:28px 1fr;gap:3px 7px;padding:10px;text-align:left;border:1px solid #7b9f9b70;background:#142f36;border-radius:5px;min-height:54px}.court-actors button>span{grid-row:1/3;align-self:center;font:25px var(--serif);color:#8fb8a3}.court-actors b{font-size:12px;font-weight:500}.court-actors small{font-size:10px;color:#9eb6ad}.court-actors button:disabled{opacity:.48}
.court-hand{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:8px;min-height:0;overflow:auto;padding:2px;flex:1;overscroll-behavior:contain;align-content:start}.court-card{display:flex;flex-direction:column;gap:6px;text-align:left;padding:14px 12px;border:1px solid #a9b7a943;border-radius:6px;background:linear-gradient(135deg,#1c3a40,#102832);min-height:117px}.court-card:hover{background:#26464b;border-color:#d7c28c}.court-card:focus-visible,.court-actors button:focus-visible{outline:3px solid #eacf88;outline-offset:-3px}.court-card strong{font-size:16px;line-height:1.5;font-weight:600;word-break:keep-all}.court-card-top{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#a8beba}.court-card-top em{font-style:normal;color:#d0bd90;white-space:nowrap}.court-card-effect{font-size:11px;color:#dfceb1;line-height:1.5}.court-card small{font-size:10px;color:#a7b9b3;line-height:1.5}.court-card.counter-ready{border-color:#d4b76f;background:linear-gradient(115deg,#7f692c40,#17333b)}.court-card.counter-ready em{color:#ffe2a6}.court-card.guided{outline:2px solid var(--gold);outline-offset:-2px}.court-card:disabled{opacity:.4}
.court-exit{flex-shrink:0;border-top:1px solid #c6b88445;padding-top:9px;display:flex;justify-content:space-between;align-items:center;gap:10px}.court-exit>div{display:flex;gap:5px;flex-wrap:wrap;font-size:10px;color:#bca799}.court-exit .met{color:#a9cba9}.court-exit .primary{padding:11px 14px;font-size:13px;min-height:44px;white-space:nowrap}.court-exit .primary:disabled{opacity:.38;cursor:default}.court-bottom{flex-shrink:0;display:flex;gap:9px;align-items:center}.court-bottom button{font-size:11px;min-height:44px;padding:9px 12px}.court-bottom>span{margin-left:auto;font-size:9px;color:var(--muted)}.court-guide{font-size:12px;line-height:1.6;color:#f0d699}.court-end{overflow:auto;flex:1;padding:22px;text-align:center;border:1px solid #d7bb6950;background:#cbb3640a;border-radius:8px}.court-end h2{font:28px var(--serif)}.court-end p{line-height:1.8;font-size:16px}.court-end small{display:block;margin-top:18px;color:var(--muted);font-size:11px}.court-victory .court-portrait{box-shadow:inset 0 0 100px #e4cd6e40}.after-escape{margin:22px 0;border:1px solid #8db4a463;padding:17px;border-radius:7px;background:#162f33}.after-escape h2{font:21px var(--serif);margin:0 0 10px}.after-escape p{font-size:14px;line-height:1.7}.after-escape>div{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.after-escape button{min-height:44px;font-size:12px}.after-escape small{font-size:11px;line-height:1.7;color:#b3c4b9}.after-escape button small{margin-left:10px}
@media(max-width:700px) and (orientation:portrait){.phase-court{grid-template-rows:58px 56px minmax(0,1fr)}.court-heading{width:calc(100% - 24px)}.court-heading h1{font-size:18px}.court-heading .eyebrow{font-size:9px}.court-round{font-size:10px}.court-round b{font-size:24px}.court-arena{width:calc(100% - 20px);grid-template-columns:1fr;grid-template-rows:minmax(0,.85fr) minmax(0,1.3fr);gap:8px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.court-portrait{flex-basis:106px;min-height:106px;background-position:77% 35%}.court-danger{padding:6px 10px;font-size:10px;gap:7px}.court-danger i{width:13px;height:5px}.court-plan{left:12px;bottom:7px}.court-plan>span{font-size:9px}.court-plan h2{font-size:19px;margin:3px 0}.court-plan p{display:none}.court-plan small{font-size:10px}.court-response{padding:8px 12px}.court-response .speaker{font-size:10px}.court-response .speaker small{font-size:9px}.court-response>p{font-size:16px;line-height:1.55;margin:5px 0}.court-result{font-size:10px;line-height:1.65}.court-tools button{font-size:10px}.court-player{gap:6px}.court-next{padding:5px 9px;font-size:11px}.court-next small{display:none}.court-actors{gap:6px}.court-actors button{padding:6px 8px;min-height:48px;grid-template-columns:20px 1fr;gap:2px 4px}.court-actors button>span{font-size:22px}.court-actors b{font-size:11px}.court-actors small{font-size:9px}.court-hand{gap:6px}.court-card{padding:9px;gap:4px;min-height:100px}.court-card strong{font-size:14px}.court-card-top{font-size:8px;flex-wrap:wrap}.court-card-effect{font-size:10px}.court-card small{font-size:9px}.court-exit{gap:5px;padding-top:5px}.court-exit>div{font-size:9px;gap:3px;flex-direction:column}.court-exit .primary{font-size:12px;padding:10px 12px}.court-bottom{gap:5px}.court-bottom>span{display:none}.court-bottom button{font-size:10px;padding:6px 10px}.court-end{padding:12px}.court-end h2{font-size:23px}.court-end .large-seal{display:none}.court-end p{font-size:14px;margin:10px 0}.court-guide{font-size:10px;max-height:48px;overflow:auto}}
@media(orientation:landscape) and (max-height:600px){.phase-court{grid-template-rows:44px 38px minmax(0,1fr)}.court-heading{width:calc(100% - 24px)}.court-heading>div:first-child{display:flex;gap:12px;align-items:baseline}.court-heading h1{font-size:17px;margin:0}.court-heading .eyebrow{font-size:9px}.court-round{font-size:10px}.court-round b{font-size:22px}.court-arena{width:calc(100% - 24px);grid-template-columns:.8fr 1.2fr;gap:12px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.court-portrait{min-height:100px;flex-basis:42%;background-position:77% 35%}.court-danger{padding:5px 10px;font-size:10px;gap:7px}.court-danger i{width:13px;height:5px}.court-plan{left:12px;bottom:7px}.court-plan>span{font-size:9px}.court-plan h2{font-size:19px;margin:3px 0}.court-plan p{display:none}.court-plan small{font-size:10px}.court-response{padding:8px 12px}.court-response .speaker{font-size:10px}.court-response .speaker small{font-size:9px}.court-response>p{font-size:15px;line-height:1.55;margin:4px 0 7px}.court-result{font-size:10px;line-height:1.6}.court-tools button{font-size:10px}.court-player{gap:5px}.court-next{font-size:11px;padding:5px 8px}.court-next small{display:none}.court-actors{gap:6px}.court-actors button{padding:5px 8px;min-height:44px;grid-template-columns:21px 1fr;gap:1px 6px}.court-actors button>span{font-size:23px}.court-actors b{font-size:11px}.court-actors small{font-size:9px}.court-hand{gap:5px}.court-card{padding:8px;gap:3px;min-height:90px}.court-card strong{font-size:13px}.court-card-top{font-size:8px}.court-card-effect{font-size:10px}.court-card small{font-size:9px}.court-exit{padding-top:4px;gap:5px}.court-exit>div{gap:5px;font-size:9px}.court-exit .primary{font-size:11px;padding:8px 10px}.court-bottom{gap:5px}.court-bottom button{font-size:10px;padding:6px 9px}.court-bottom>span{font-size:8px}.court-end{padding:10px 14px}.court-end .large-seal{display:none}.court-end h2{font-size:23px;margin:8px 0}.court-end p{font-size:13px;margin:9px 0}.court-end small{margin-top:8px;font-size:10px}.court-end .primary{font-size:13px;min-height:44px}.court-guide{font-size:10px;max-height:36px;overflow:auto}}
@media(orientation:landscape) and (max-height:320px){.court-heading .eyebrow{display:none}.court-next{display:none}.court-portrait{min-height:88px;flex-basis:88px}.court-bottom>span{display:none}.court-exit>div{flex-direction:column;gap:0}.court-card{min-height:87px}.court-plan h2{font-size:16px}.court-plan small{font-size:9px}}
@media(orientation:landscape) and (max-height:600px){.court-arena{position:relative}.court-opponent{margin-bottom:44px}.court-bottom{position:absolute;bottom:max(6px,env(safe-area-inset-bottom));left:0;width:calc((100% - 12px) * .4);height:44px}.court-bottom>span{display:none}.court-hand{grid-auto-rows:max-content}.court-card{min-height:80px;padding:6px 8px}.court-card strong{font-size:13px}.court-tools button{min-height:44px}.court-response{padding:7px 11px}.court-portrait{min-height:99px;flex-basis:99px}.court-victory .court-opponent{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.court-result.is-counter{animation:none}}
@media(max-width:700px) and (orientation:portrait),(orientation:landscape) and (max-height:600px){.court-portrait{min-height:116px;flex-basis:116px}.court-plan{bottom:5px}.court-plan h2{font-size:17px;line-height:1.35;margin:2px 0}.court-plan p{display:block;font-size:11px;line-height:1.45;margin:2px 0;color:#e5d9be}.court-plan small{font-size:9px}}
@media(orientation:landscape) and (max-height:320px){.court-opponent{overflow-y:auto;overscroll-behavior:contain}.court-portrait{flex-shrink:0}.court-response{flex:none;min-height:105px;overflow:visible}.court-tools{flex:none;min-height:44px}}