: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{position:relative;display:grid;grid-template-rows:1fr auto auto 1fr;justify-items:center;min-height:100vh;padding:clamp(30px,7vw,74px) 20px;overflow:hidden}.player-panel{position:relative;grid-row:3;width:min(760px,100%);min-height:clamp(160px,24vh,230px);margin-top:clamp(8px,2vw,18px)}.rule-button{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:58px;height:34px;border:1px solid #171411;padding:0;background:transparent;color:#171411;cursor:pointer}.rule-button span{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1}.rule-button[aria-expanded=true]{border-color:#b7342b;color:#b7342b}.streak{position:absolute;right:0;top:50%;min-width:1.4em;padding-left:14px;background:#fbfaf6;color:#277e48;font-size:clamp(28px,6vw,48px);font-weight:300;line-height:1;text-align:right;transform:translateY(-50%)}.streak.loss{color:#b7342b}.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}.move{position:relative;display:inline-grid;place-items:center;min-width:1.3em;margin: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}.table.did-clash .net:before{animation:clash-color .52s ease-out}.side.gain .move{animation:gain-color .56s ease-out}.side.block .move{animation:block-color .56s ease-out}.side.counter .move{animation:counter-color .62s ease-out}.side.missed .move{animation:miss-color .52s ease-out}.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%);min-height:clamp(160px,24vh,230px);margin:0 auto}.side-actions{grid-area:side;display:grid;gap:clamp(18px,4vw,32px);justify-self:start}.action,.stamp{border:0;padding:0;background:transparent;color:#171411;cursor:pointer}.action{display:grid;justify-items:center;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:after{content:"";width:0;height:1px;margin-top:7px;background:#171411;transition:width .1s ease}.action:hover:not(:disabled),.action:focus-visible:not(:disabled){transform:translateY(-1px);outline:none}.stamp:focus-visible{outline:1px solid currentColor;outline-offset:8px}.action:hover:not(:disabled):after,.action:focus-visible:not(:disabled):after{width:2.2em}.action:disabled{cursor:default;opacity:.16}.stamp{position:fixed;left:50%;top:50%;z-index:6;display:grid;place-items:center;width:clamp(126px,25vw,210px);height:clamp(126px,25vw,210px);border:3px solid currentColor;border-radius:50%;color:#171411;font-size:clamp(70px,15vw,132px);font-weight:400;line-height:1;opacity:0;pointer-events:none;transform:translate(-50%,-50%) rotate(-12deg) scale(.72)}.stamp.is-visible{opacity:.92;pointer-events:auto;animation:stamp .22s cubic-bezier(.18,.9,.25,1.2)}.stamp.ai{color:#b7342b}.stamp:before,.stamp:after{content:"";position:absolute;inset:8px;border:1px solid currentColor;border-radius:50%}.stamp:after{inset:17px;opacity:.5}.rulebook{position:fixed;left:50%;bottom:clamp(24px,6vh,58px);z-index:7;width:min(720px,calc(100% - 28px));padding:clamp(14px,3vw,24px);border:1px solid #171411;background:#fbfaf6f7;box-shadow:0 18px 80px #1714111a;transform:translate(-50%)}.rule-list{display:grid;gap:8px}.rule{display:grid;grid-template-columns:minmax(5em,.78fr) minmax(0,1fr);align-items:center;min-height:clamp(46px,7vw,62px);padding:0 clamp(16px,3vw,28px);border-bottom:1px solid rgba(23,20,17,.16);color:#171411}.rule b,.rule span{font-size:clamp(22px,4vw,34px);font-weight:300;line-height:1.05;white-space:nowrap}.rule span{justify-self:end;color:#5f574f}.rule.break span,.rule.danger span{color:#b7342b}.resolving-screen .table{grid-row:2}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%) rotate(-12deg) scale(1.35)}to{opacity:.92;transform:translate(-50%,-50%) rotate(-12deg) scale(.72)}}@keyframes gain-color{0%,to{color:#171411}32%{color:#277e48}}@keyframes block-color{0%,to{color:#171411}34%{color:#305684}}@keyframes counter-color{0%,to{color:#171411}38%{color:#8a5a0a}}@keyframes miss-color{0%,to{color:#171411}30%{color:#b7342b}}@keyframes clash-color{0%,to{background:#171411;opacity:.22}35%{background:#b7342b;opacity:.7}}@media(max-width:680px){.paper{padding-inline:14px}.player-panel{width:min(520px,100%)}.rule-button{right:0;width:54px}.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(30px,11vw,62px)}.controls{grid-template-columns:1fr minmax(76px,112px) 1fr}.side-actions{gap:16px}.rule{grid-template-columns:1fr;gap:6px;justify-items:center;min-height:64px;padding:10px 14px}.rule span{justify-self:center}}