:root{color-scheme:dark;--paper:#f5efd8;--yellow:#edc769;--ink:#293a37;--muted:#b6c5ad;--pink:#f3a087;--cut:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,calc(100% - 3px) 3px,calc(100% - 3px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) calc(100% - 3px),calc(100% - 6px) calc(100% - 3px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 3px),3px calc(100% - 3px),3px calc(100% - 6px),0 calc(100% - 6px),0 6px,3px 6px,3px 3px,6px 3px)}*{box-sizing:border-box}body{margin:0;background:#244c43;color:var(--paper);font:14px/1.45 'Microsoft YaHei','PingFang SC',sans-serif}#tableFlow{position:fixed;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:-3}.vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 44%,transparent 10%,#09231c4a 72%,#071c19bb);z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;background:repeating-linear-gradient(transparent 0 3px,#081b17 3px 4px);opacity:.055}main{max-width:1640px;padding:18px 26px 24px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.logo{display:flex;align-items:center;justify-content:center;width:42px;height:46px;transform:rotate(-8deg);background:var(--yellow);color:#325145;clip-path:var(--cut);font-size:29px;font-weight:900;text-shadow:2px 2px #ffedbb;box-shadow:inset 0 -5px #be924f}h1{font-size:30px;font-weight:900;letter-spacing:4px;margin:0;color:#faf1d4;text-shadow:3px 3px #163b30,5px 5px #7e916c88}nav{display:flex;gap:9px}button,select{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button{background:#4d7464;padding:9px 14px;border-radius:5px;box-shadow:0 4px 0 #183e32,inset 0 2px #9eb99e66;text-shadow:1px 1px #234938;font-weight:700;transition:translate .12s,filter .12s,background .12s}button:hover:not(:disabled){filter:brightness(1.12);translate:0 -2px}button:active:not(:disabled){translate:0 2px;box-shadow:0 1px 0 #173c31}button:disabled{cursor:default;filter:saturate(.6);color:#b7c2ad;background:#3b5e50;box-shadow:0 3px #1b3c30,inset 0 2px #8b9c7a30}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff0b1;outline-offset:4px}button.primary{background:#db7354;color:#fff5da;box-shadow:0 5px #7d3b31,inset 0 2px #ffb482;text-shadow:2px 2px #844a35}button.primary:disabled{background:#5d7865;color:#91aa8d;box-shadow:0 4px #244a38}button.active{background:#d6af59;color:#2d4437;text-shadow:none}nav button{font-size:12px;padding:7px 14px;min-height:34px;background:#3f6557}small{font-size:11px;color:var(--muted)}.layout{display:grid;grid-template-columns:210px minmax(0,1fr) 222px;gap:23px;align-items:start}aside{min-width:0}.life-panel,.field-panel,#relationsPanel{background:#183e35ed;border:3px solid #91a47d80;box-shadow:0 5px #102f27,inset 0 0 0 3px #102d2770;border-radius:9px}.life-panel{padding:12px;margin-bottom:16px}.combatant{display:flex;flex-direction:column;gap:6px}.combatant>div{display:flex;align-items:center;gap:6px;position:relative}.combatant>div:first-child{flex-wrap:wrap}.combatant b{font-size:15px}.combatant small{font-size:11px;flex-basis:100%;color:#c3ceaf}.combatant strong{font:900 33px/1.15 'Courier New',monospace;color:#f4dd9f;white-space:nowrap;text-shadow:2px 3px #102c26}.combatant.bot strong{color:#f2aa8d}.combatant>div>span:not(.tag){font-size:11px;color:#b8c9aa}.combatant>div:nth-child(2){justify-content:space-between;flex-wrap:wrap}.combatant>div:nth-child(2) strong{order:-1;width:100%;margin:1px 0}.tag{font:700 10px monospace;padding:2px 4px;color:#1f4031;background:#e3ad79;border-radius:2px}.player .tag{background:#b0c9a0}.health-track{height:8px;background:#112e27;border:2px solid #375544;border-radius:2px;margin:6px 0 15px}.health-track i{display:block;height:100%;background:#d98261;transition:width .35s steps(8)}.player-health{margin-bottom:0}.player-health i{background:#b6c784}.field-panel{padding:12px;position:relative;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#c8d2b0;border-bottom:2px solid #71906b66;padding-bottom:8px}.field-symbol{float:right;display:grid;place-items:center;width:43px;height:48px;margin:12px 0 0 5px;background:var(--color,#6b856b);color:#244b3c;font-size:27px;transform:rotate(5deg);border:3px solid #d1d6ae;box-shadow:3px 3px #142e26;border-radius:3px}.field-panel h2{font-size:21px;line-height:1.4;margin:11px 0 7px;color:#f6dfaa;text-shadow:2px 2px #142f25}.field-panel h2 small{display:block;font-size:12px;color:#c1cfa8}.field-panel b{font-size:12px}.field-panel p{font-size:12px;line-height:1.65;color:#cbd6ba;margin:7px 0}.match{font-size:11px;margin:9px 0;background:#102e28a1;border-radius:3px;padding:5px 7px}.protection{font-size:11px;border-top:1px dashed #7f9a73;padding-top:9px;margin-top:9px}.protection span{margin-left:5px;color:#889e7d}.protection .done{color:#f1d58c;font-weight:800}#queue{font-size:12px;padding-top:6px}#queue small{font-size:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:15px 0}.stats>div{background:#183e35d6;text-align:center;border-radius:4px;border:2px solid #77916a55;padding:5px 2px}.stats small{font-size:10px;display:block}.stats b{font:900 21px 'Courier New',monospace;color:var(--yellow);text-shadow:2px 2px #183526}details{margin:10px 0;font-size:12px}summary{cursor:pointer;background:#224a3dd9;padding:8px;border-radius:3px;border-bottom:3px solid #143427;color:#d1d9bb}ol{max-height:180px;overflow:auto;font-size:11px;padding-left:22px;color:#cad6b7}.table{min-width:0;padding:0 6px;position:relative;isolation:isolate}.opponent-rack{height:82px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 0 6px}.opponent-label{position:absolute;top:-3px;left:0;color:#b8cba8;font-size:11px;letter-spacing:1px}.opponent-cards{display:flex;justify-content:center;align-items:center;height:64px;padding-top:8px;gap:5px}.opponent-cards i{width:39px;height:54px;display:block;background:url('./assets/card-back.svg') center/100% 100%;image-rendering:pixelated;font-size:0;filter:drop-shadow(2px 4px 0 #123b30);transform:rotate(-4deg);margin-left:-5px}.opponent-cards i:nth-child(2n){transform:rotate(3deg) translateY(-3px)}.opponent-cards i:nth-child(3n){transform:rotate(-1deg) translateY(2px)}.deck-stack{position:absolute;right:8px;top:16px;width:37px;height:51px;background:url('./assets/card-back.svg') center/100% 100%;image-rendering:pixelated;transform:rotate(8deg);box-shadow:3px 3px #ceceb2,5px 6px #808c71,8px 9px #183a2d;border-radius:4px}.arena{position:relative;padding:8px 0 12px;margin-bottom:4px}.arena-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#f7deb1}.arena-title span:first-child{background:#183f33cf;box-shadow:0 3px #102f25;border:2px solid #8fa47a65;padding:5px 13px;border-radius:4px;letter-spacing:2px;font-weight:800}.arena-title span:last-child{color:#bfd1ad;font-size:11px}.chain{display:grid;grid-template-columns:repeat(5,minmax(0,120px));justify-content:center;gap:10px;min-height:114px;padding:15px 0 12px;align-items:start}.empty-chain{grid-column:1/-1;display:flex;gap:20px;justify-content:center;align-items:center;min-height:83px;color:#adbf99}.empty-chain b{font-size:13px;font-weight:400;letter-spacing:2px;opacity:.8}.table-seal{display:grid;place-items:center;width:73px;height:73px;border:3px double #adc18c33;border-radius:50%;font-family:serif;font-size:44px;color:#adc18c33;transform:rotate(-15deg);box-shadow:0 0 0 6px #acc49109}.card{--pointer-tilt:0deg;position:relative;display:flex;flex-direction:column;gap:0;width:100%;min-width:0;padding:3px 5px 5px;border:6px solid transparent;border-image:url('./assets/card-frame.svg') 4 fill;border-radius:0;background:transparent!important;box-shadow:none!important;color:#2c4039;text-align:left;text-shadow:none;font-weight:400;filter:drop-shadow(3px 6px 0 #0e302b88);transform:rotate(calc(var(--tilt) + var(--pointer-tilt)));transform-origin:center 85%;transition:transform .16s,filter .16s;translate:none!important}.card:hover:not(:disabled){transform:translateY(-7px) rotate(var(--pointer-tilt));filter:drop-shadow(3px 10px 0 #0e302b77) brightness(1.025);z-index:3}.card:active:not(:disabled){transform:translateY(-3px) rotate(0)}.card:disabled{cursor:default;color:#2c4039;filter:drop-shadow(3px 5px 0 #0e302b66)}.card:disabled:not(.chain-card){opacity:.66;filter:drop-shadow(2px 4px 0 #0e302b55) saturate(.6)}.card.legal{filter:drop-shadow(3px 6px 0 #0e302b88)}.card.selected,.card.fee{transform:translateY(-9px) rotate(0);filter:drop-shadow(0 0 2px #ffdd83) drop-shadow(3px 8px 0 #0e302b88);z-index:2}.selection-pin{position:absolute;top:-14px;left:50%;transform:translateX(-50%);font-size:15px;color:#f2cd6f;text-shadow:2px 2px #344f37}.card-top{display:flex;justify-content:space-between;gap:4px;align-items:start;line-height:1.1}.card-top>b{font:900 25px/1.05 'Microsoft YaHei',sans-serif;letter-spacing:-1px;color:var(--ink)}.card-top>span{font-size:11px;white-space:nowrap;padding-top:3px;color:#466451}.card-illustration{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:67px;position:relative}.pixel-art{width:70px;height:70px;image-rendering:pixelated;shape-rendering:crispEdges;overflow:visible}.card-attributes{display:flex;justify-content:space-between;gap:3px;font-size:11px;white-space:nowrap;border-top:1px solid #67735938;padding:4px 0 3px}.card-attributes b{font-size:14px;font-weight:800}.card-preview{margin-top:auto;padding:5px 0 0;min-height:37px;font-size:10px;line-height:1.4;border-top:2px dotted #a1a786;color:#4c624d}.card-preview b{font-size:12px;font-weight:900;color:#354e3c}.field-card .card-top>b{font-size:25px;color:#9d7144}.field-card .card-illustration{min-height:69px;flex-direction:row;gap:3px}.field-card .pixel-art{width:42px;height:50px}.field-card h3{font-size:17px;line-height:1.3;max-width:38px;margin:0;color:#79613f}.field-element{font-size:11px;padding:3px 0;color:#6f6446;border-top:1px solid #bbb49b}.field-card .card-preview{font-size:10px}.field-card .card-preview b{font-size:11px}.chain-card{padding:3px 3px 5px;transform:rotate(var(--tilt));min-height:100px}.chain-card .card-top>b{font-size:20px}.chain-card .card-top>span{font-size:10px}.chain-card .card-illustration{display:none}.chain-card .card-attributes{font-size:9px;margin-top:6px;padding-bottom:4px;flex-wrap:wrap}.chain-card .card-attributes b{font-size:12px}.chain-card .card-preview{min-height:32px;font-size:9px;color:#55664e}.chain-card .card-preview b{font-size:16px;color:#aa6540}.attack-summary{display:flex;justify-content:center;align-items:center;gap:14px;min-height:43px;margin:0 0 10px}.attack-summary:empty{display:none}.attack-summary>strong{font:900 41px/1 'Courier New',monospace;color:#fae5a0;text-shadow:3px 3px #234b35;transform-origin:center}.attack-summary>strong small{font:700 11px sans-serif;color:#e9d49b;margin-left:6px}.attack-summary div{font-size:12px}.attack-summary div small{font-size:10px;display:block;color:#c5d2ab}.actions{display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.actions button{min-height:40px;font-size:13px;padding:9px 19px}.actions button small{display:block;color:inherit;font-size:10px}.action-note{font-size:10px;color:#b8caa2}.actions #undo{background:#67897a;color:#f4f0d6}.actions #rest{background:#496f5d}.actions #take{background:#b6654d;box-shadow:0 5px #6b3d30}.hand-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#cad6b5;margin:6px 4px 10px;gap:12px}.hand-label b{font-size:12px;letter-spacing:2px}.hand-label span{font-size:10px;max-width:70%}.responses{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:6px 0}.response{background:#597e68;font-size:12px;padding:9px 14px}.response b{display:block;font:700 13px monospace;color:#fff0bb}.response small{display:block;color:#d3dfbf;font-size:10px}.hand{display:grid;grid-template-columns:repeat(4,minmax(0,145px));gap:19px 17px;justify-content:center;padding:3px 4px 9px;overflow:visible}.hand .card{min-height:185px}.table-mark{text-align:center;opacity:.22;font-size:11px;letter-spacing:8px;margin-top:13px;color:#d5ddb6}#relationsPanel{padding:10px 8px;position:sticky;top:12px;background:#15392fe0;border-color:#87a27555}.diagram{text-align:center}.diagram+.diagram{border-top:1px solid #7b97613b;padding-top:7px}.diagram h3{font-size:11px;letter-spacing:1px;color:#d7d4a5;margin:3px 0 0}.diagram svg{width:100%;max-height:198px;display:block}.diagram small{display:none}.discard-filters{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0}select{max-width:100%;background:#325c48;padding:4px;border:1px solid #829b74;border-radius:2px;font-size:11px}#discardCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:310px;overflow:auto;padding:5px 1px}.discard-mini{background:#e6e4ca;color:#314b3a;border:3px solid #aaa988;padding:5px;border-radius:3px}.discard-mini.field{background:#687d60;color:#f4e3b2;border-color:#bba066}.discard-mini b{display:block;font-size:14px}.discard-mini span{display:block;font-size:10px}.discard-mini small{color:inherit;font-size:9px}.result{font-size:18px;color:#fae4a6;font-weight:900;text-shadow:2px 2px #214731}#tutorialBanner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;margin-bottom:11px;background:#d7b863;color:#2c4939;border-radius:4px;box-shadow:0 4px #7e6d3f;border:2px solid #f4db95}#tutorialBanner[hidden]{display:none}#tutorialBanner b{font-size:11px}#tutorialBanner span{flex:1;min-width:180px;font-size:12px}#tutorialBanner button{font-size:11px;padding:6px 9px;min-height:30px}.tutorial-target{filter:drop-shadow(0 0 4px #ffe8a0) drop-shadow(0 5px 0 #173d30)!important}.card.tutorial-target{transform:translateY(-6px)}dialog{width:calc(100% - 28px);max-width:720px;max-height:88vh;overflow:auto;padding:25px;background:#e8e5c9;color:#2c4335;border:7px solid #b9c0a0;border-radius:7px;box-shadow:8px 10px #102f27}dialog::backdrop{background:#0b211be3}dialog h2{font-size:27px;margin:8px 0 18px}dialog h3{font-size:16px;margin-top:25px;border-bottom:2px dashed #929d7d}dialog p{font-size:13px;line-height:1.85}dialog small{color:#596d50}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.dialog-head button{white-space:nowrap;color:#f6edd4}.intro-icon{float:right;font-size:42px;color:#8c9c6e}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.choices button{text-align:left;font-size:13px;color:#f5edcf}.choices button.active{color:#334a35}.choices small{display:block;color:inherit;font-size:11px;margin-top:7px}#setup>button{margin-right:9px}#flash{position:fixed;left:50%;top:12%;transform:translateX(-50%);padding:12px 20px;background:var(--yellow);color:#2e4937;border:3px solid #f9e2a1;border-radius:4px;z-index:30;opacity:0;pointer-events:none}#flash.show{opacity:1}.damage-float{position:absolute;top:0;right:0;font:900 32px 'Courier New',monospace;color:#ffe8a7;text-shadow:3px 3px #603d29;pointer-events:none;z-index:9} @media(max-width:1250px){main{padding:14px 18px}.layout{grid-template-columns:190px minmax(0,1fr) 200px;gap:16px}.hand{gap:18px 11px;grid-template-columns:repeat(4,minmax(0,136px))}.card-top>b{font-size:23px}.card-top>span{font-size:10px}.card-attributes{font-size:10px}.card-attributes b{font-size:13px}.diagram svg{max-height:187px}.card-preview b{font-size:11px}}@media(min-width:1000px) and (max-height:870px){main{padding-top:12px}header{margin-bottom:11px}h1{font-size:27px}.logo{height:38px;width:35px;font-size:25px}.opponent-rack{height:67px}.opponent-cards{height:54px}.opponent-cards i{width:34px;height:47px}.deck-stack{width:31px;height:43px;top:12px}.arena{padding-top:3px;padding-bottom:6px}.chain{min-height:86px;padding:11px 0 9px}.empty-chain{min-height:65px}.table-seal{width:60px;height:60px;font-size:36px}.hand .card{min-height:157px;padding:2px 4px 4px}.hand .card-illustration{min-height:47px}.hand .pixel-art{width:49px;height:49px}.hand .card-top>b{font-size:23px}.hand .card-attributes{padding:3px 0 2px}.hand .card-preview{min-height:32px;padding-top:4px;font-size:10px}.hand .field-card .card-preview{font-size:9px}.hand .field-card .pixel-art{width:35px;height:42px}.hand .field-card h3{font-size:16px}.hand{gap:17px 15px}.attack-summary{min-height:34px;margin-bottom:7px}.attack-summary>strong{font-size:34px}.actions button{min-height:36px;padding:8px 17px;font-size:12px}.diagram svg{max-height:190px}.life-panel{padding:10px;margin-bottom:12px}.combatant strong{font-size:30px}.field-panel{padding:10px}.field-panel p{font-size:11px}.table-mark{margin-top:8px}.chain-card{min-height:93px}.hand-label{margin:5px 4px 9px}}@media(max-width:999px){main{padding:13px}.layout{grid-template-columns:minmax(0,1fr) 220px;gap:16px}.layout aside{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:start}.life-panel{display:flex;gap:14px;align-items:start;margin:0;flex:1;min-width:280px}.life-panel>.health-track{display:none}.combatant{flex:1;min-width:0}.combatant strong{font-size:24px}.combatant small{font-size:10px}.field-panel{flex:1;min-width:220px}.stats{margin:0;min-width:150px;flex:1}aside details{flex:1;margin:0;min-width:150px}.table{grid-column:1;padding:0}#relationsPanel{grid-column:2;grid-row:2}.hand{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 8px}.card{padding:3px}.hand .card{min-height:167px}.card-top>b{font-size:21px}.card-top>span{font-size:9px}.card-illustration{min-height:56px}.pixel-art{width:55px;height:55px}.card-attributes{flex-wrap:wrap;font-size:10px;gap:1px}.card-attributes b{font-size:12px}.card-preview{font-size:9px}.card-preview b{font-size:10px}.chain{gap:7px}.chain-card .card-top>b{font-size:18px}.actions{gap:8px}.actions button{font-size:11px;padding:8px 10px}.opponent-rack{height:68px}}@media(max-width:700px){main{padding:11px}header{margin-bottom:15px;gap:8px;align-items:center}.logo{display:none}h1{font-size:25px;letter-spacing:2px}nav{gap:6px;flex-wrap:wrap;justify-content:flex-end}nav button{font-size:11px;padding:6px 9px;min-height:32px}.layout{display:flex;flex-direction:column;gap:12px}.layout aside{width:100%;gap:9px}.life-panel{width:100%;min-width:0;flex-basis:100%;padding:10px 12px;gap:20px}.combatant strong{font-size:26px}.combatant>div:nth-child(2){gap:0}.combatant>div:nth-child(2) strong{margin:0}.combatant small{font-size:10px;line-height:1.2}.combatant>div>span:not(.tag){font-size:10px}.combatant b{font-size:13px}.field-panel{min-width:0;flex-basis:60%;padding:9px}.eyebrow{font-size:10px;padding-bottom:5px}.field-symbol{width:34px;height:38px;font-size:21px;margin-top:8px}.field-panel h2{font-size:18px;margin:7px 0 2px}.field-panel h2 small{font-size:10px;display:inline;margin-left:5px}.field-panel p{font-size:11px;line-height:1.5;margin:5px 0}.field-panel b{font-size:11px}.match,.protection{font-size:10px;margin:5px 0;padding:4px}.stats{min-width:92px;flex-basis:25%;display:flex;flex-direction:column;gap:4px}.stats>div{padding:3px 6px;display:flex;align-items:center;justify-content:space-between}.stats b{font-size:18px}.stats small{font-size:10px}aside details{min-width:0;flex-basis:45%;font-size:11px}aside details[open]{flex-basis:100%}#discardCards{grid-template-columns:repeat(4,minmax(0,1fr))}.table{width:100%;padding:0 3px}.opponent-rack{height:61px;margin:0}.opponent-label{font-size:10px;top:3px}.opponent-cards{height:54px;gap:4px}.opponent-cards i{width:29px;height:40px}.deck-stack{width:26px;height:36px;top:13px;right:6px}.arena{padding:7px 0 9px}.arena-title{font-size:11px}.arena-title span:first-child{padding:4px 9px}.chain{grid-template-columns:repeat(3,minmax(0,1fr));min-height:91px;gap:9px;padding:14px 1px 10px}.empty-chain{min-height:62px}.table-seal{height:56px;width:56px;font-size:34px}.empty-chain b{font-size:12px}.chain-card{min-height:95px}.chain-card .card-top>b{font-size:20px}.chain-card .card-top>span{font-size:9px}.chain-card .card-attributes{font-size:10px}.attack-summary{min-height:35px;margin-bottom:10px;gap:9px}.attack-summary>strong{font-size:34px}.attack-summary div{font-size:11px}.attack-summary div small{font-size:10px}.actions{gap:8px}.actions button{padding:8px 13px;min-height:39px;font-size:12px}.action-note{display:none}.hand-label{margin:9px 3px 13px}.hand-label span{font-size:10px}.hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 15px;padding:3px 5px 9px}.hand .card{min-height:185px;padding:4px 6px 6px}.card-top>b{font-size:27px}.card-top>span{font-size:12px}.card-illustration{min-height:68px}.pixel-art{width:70px;height:70px}.card-attributes{font-size:12px;flex-wrap:nowrap}.card-attributes b{font-size:15px}.card-preview{font-size:11px;min-height:38px}.card-preview b{font-size:13px}.field-card .card-preview{font-size:11px}.field-card .card-preview b{font-size:12px}.field-card h3{font-size:21px;max-width:45px}.field-element{font-size:12px}.responses{gap:7px}.response{font-size:11px;padding:8px}.response b{font-size:12px}#relationsPanel{width:100%;position:static;padding:12px}#diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.diagram:first-child{grid-column:1/-1;width:210px;justify-self:center}.diagram+.diagram{border-top:0;padding-top:0}.diagram svg{max-height:205px}.diagram h3{font-size:11px}#tutorialBanner{padding:8px;gap:6px}#tutorialBanner span{min-width:150px;font-size:12px}dialog{padding:18px}.choices{gap:7px}.choices button{font-size:12px;padding:10px 6px}.choices small{font-size:11px}.table-mark{margin-top:9px}.discard-mini b{font-size:12px}.discard-mini span{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card,.card:hover:not(:disabled){transform:none}.card.selected{outline:3px solid #e7c363;outline-offset:2px}}


.controls-dock{padding-bottom:8px}#responses:empty{display:none}
@media(max-width:700px){.controls-dock{position:sticky;top:7px;z-index:8;background:#214f3ef2;border:2px solid #80976b77;border-radius:5px;padding:8px 6px 10px;box-shadow:0 4px #123727b3;margin-bottom:8px}.controls-dock .attack-summary{margin-bottom:7px}.controls-dock .attack-summary:empty{display:none}.controls-dock .actions{gap:7px}.controls-dock .actions button{padding:8px 10px;font-size:11px}}

html{overflow-x:clip}

.card.selected:disabled{opacity:.95}
@media(min-width:1000px){.teaching .hand .card{min-height:157px;padding:2px 4px 4px}.teaching .hand .card-illustration{min-height:47px}.teaching .hand .pixel-art{width:49px;height:49px}.teaching .hand .card-preview{min-height:32px;padding-top:4px}.teaching .hand .card-attributes{padding:3px 0 2px}.teaching .hand{gap:17px 15px}.teaching .opponent-rack{height:62px}.teaching .chain{padding:10px 0;min-height:98px}.teaching .chain-card{min-height:94px}}