:root{color-scheme:light;font-family:ui-serif,Songti SC,"Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;color:#171411;background:#fbfaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;background:#fbfaf6}button{font:inherit}.paper{display:grid;grid-template-rows:1fr auto auto auto 1fr;justify-items:center;min-height:100vh;padding:clamp(30px,7vw,74px) 20px}.table{grid-row:2;display:grid;grid-template-rows:minmax(0,1fr) minmax(34px,.16fr) minmax(0,1fr);align-items:center;width:min(820px,100%);min-height:clamp(360px,56vh,620px)}.side{min-width:0;text-align:center}.side p,.action small,.net span{margin:0;color:#aaa39a;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:1.5}.move{display:inline-grid;place-items:center;min-width:1.3em;margin:10px 0 0;color:#171411;font-size:clamp(72px,16vw,178px);font-weight:300;line-height:.96;letter-spacing:-.06em;text-align:center;white-space:nowrap}.move.attack,.move.reflect{min-width:2.3em;font-size:clamp(40px,8vw,88px);letter-spacing:-.08em}.move.break{color:#b7342b}.net{position:relative;display:grid;place-items:center;width:100%;min-height:clamp(34px,6vh,58px)}.net:before{content:"";position:absolute;inset-inline:0;height:1px;background:#171411;opacity:.22}.net span{position:relative;padding:0 12px;background:#fbfaf6;letter-spacing:.38em}.verdict{grid-row:3;min-height:clamp(58px,10vw,94px);margin:clamp(18px,4vw,34px) 0 0;color:transparent;font-size:clamp(52px,12vw,96px);font-weight:300;line-height:1}.verdict.is-final{color:#171411}.verdict.is-final.ai{color:#b7342b}.controls,.again{grid-row:4}.controls{display:grid;grid-template-areas:". attack side" ". gap side" ". charge side";grid-template-columns:1fr minmax(96px,150px) 1fr;grid-template-rows:auto clamp(26px,7vw,54px) auto;align-items:center;width:min(640px,100%);margin-top:clamp(8px,2vw,18px)}.side-actions{grid-area:side;display:grid;gap:clamp(18px,4vw,32px);justify-self:start}.action,.again{border:0;padding:0;background:transparent;color:#171411;cursor:pointer}.action{display:grid;justify-items:center;gap:6px;line-height:1;transition:opacity .1s ease,transform .1s ease}.action.attack{grid-area:attack}.action.charge{grid-area:charge}.action span{font-size:clamp(38px,8vw,64px);font-weight:300;letter-spacing:-.05em}.action.defend span,.action.reflect span{font-size:clamp(24px,4.8vw,38px)}.action small{color:#c0b9b0;line-height:1}.action:after{content:"";width:0;height:1px;background:#171411;transition:width .1s ease}.action:hover:not(:disabled),.action:focus-visible:not(:disabled),.again:hover,.again:focus-visible{transform:translateY(-1px);outline:none}.action:hover:not(:disabled):after,.action:focus-visible:not(:disabled):after{width:2.2em}.action:disabled{cursor:default;opacity:.16}.again{margin-top:clamp(8px,2vw,18px);font-size:clamp(44px,10vw,78px);font-weight:300}.resolving-screen{grid-template-rows:1fr auto 1fr}.resolving-screen .table{grid-row:2}@media(max-width:680px){.paper{padding-inline:14px}.table{grid-template-rows:minmax(0,1fr) minmax(28px,.12fr) minmax(0,1fr);min-height:clamp(340px,56vh,520px)}.move{font-size:clamp(54px,22vw,116px)}.move.attack,.move.reflect{font-size:clamp(34px,13vw,72px)}.controls{grid-template-columns:1fr minmax(76px,112px) 1fr}.side-actions{gap:16px}}
