/* Enamel, engraved brass, and small animated scenes. Keep the existing hand
   geometry; the card is the game object, and inspection stays on the stage. */
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost){
 --card-enamel:#173b32;--card-highlight:#a8d297;--card-gold:#d8b778;--card-paper:#e9dfc0;
 background:linear-gradient(110deg,#f4eaca,var(--card-paper) 58%,#d5c69f);
 border-color:#c9aa6e;border-style:solid;border-radius:11px;
 box-shadow:inset 0 0 0 3px var(--card-enamel),inset 0 0 0 4px #b8a06f,0 4px 0 #050e0b,0 8px 15px #0008;
 isolation:isolate;
}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)[data-strategy="call"],
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)[data-strategy="bullcallspread"]{--card-enamel:#3c2c51;--card-highlight:#cdb2e3;--card-paper:#e5dbcc}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)[data-strategy="put"],
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)[data-strategy="bearputspread"]{--card-enamel:#63352f;--card-highlight:#e7a580;--card-paper:#ebd9b9}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)[data-strategy="reduce"]{--card-enamel:#20414b;--card-highlight:#a8d9da;--card-paper:#dbe5d3}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)[data-strategy="cash"]{--card-enamel:#514420;--card-highlight:#efd88d;--card-paper:#f0e3b8}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)::before{
 content:"";position:absolute;inset:3px;z-index:3;pointer-events:none;border:1px solid #f4d99783;border-radius:7px;
 background:radial-gradient(circle at 4px 4px,#efd89c 0 1px,transparent 1.6px),radial-gradient(circle at calc(100% - 4px) 4px,#efd89c 0 1px,transparent 1.6px),radial-gradient(circle at 4px calc(100% - 4px),#efd89c 0 1px,transparent 1.6px),radial-gradient(circle at calc(100% - 4px) calc(100% - 4px),#efd89c 0 1px,transparent 1.6px);
}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost)::after{
 content:"";position:absolute;inset:2px;z-index:4;pointer-events:none;border-radius:7px;opacity:0;
 background:linear-gradient(112deg,transparent 33%,#fff2c512 43%,#fff6d077 48%,#fff2c517 54%,transparent 64%);background-size:340% 100%;background-position:100% 0;
}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card):is(:hover,:focus-visible)::after{animation:card-foil-pass .82s ease-out 1}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost) .strategy-art{
 position:relative;display:block;flex-shrink:0;width:calc(100% - 12px);margin:6px 6px 0;padding:0;
 height:68px;min-height:68px;border:1px solid #c9a869;border-radius:6px 6px 2px 2px;
 background:var(--card-enamel);overflow:hidden;box-shadow:inset 0 0 14px #04130d80,0 1px #fff3d187;
}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost) .strategy-art::after{
 content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px #12251d77,inset 0 -9px 10px #10251c40;z-index:1;
}
body[data-screen="game"] .strategy-art .strategy-illustration{display:block;width:100%;height:100%;max-width:none;overflow:visible}
body[data-screen="game"] .strategy-illustration :is(.art-float,.art-sway,.art-wheel,.art-spark,.art-trail){transform-box:fill-box;transform-origin:center}
body[data-screen="game"] .strategy-illustration .art-float{animation:card-art-float 4.8s ease-in-out infinite;animation-delay:calc(var(--card-index,0) * -.37s)}
body[data-screen="game"] .strategy-illustration .art-sway{animation:card-art-sway 5.4s ease-in-out infinite;animation-delay:calc(var(--card-index,0) * -.29s)}
body[data-screen="game"] .strategy-illustration .art-wheel{animation:card-art-wheel 7s ease-in-out infinite}
body[data-screen="game"] .strategy-illustration .art-spark{animation:card-art-spark 4.6s ease-in-out infinite}
body[data-screen="game"] .strategy-illustration .art-trail{animation:card-art-trail 3.8s ease-in-out infinite}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card):is(:hover,:focus-visible) .strategy-illustration{filter:brightness(1.1) saturate(1.12)}
body[data-screen="game"] :is(:is(.strategy-hand,.inspect-card-preview)>.battle-card,.card-motion-ghost) .battle-card-number{
 z-index:5;left:5px;top:5px;display:grid;place-items:center;width:24px;min-width:24px;height:24px;
 border:2px solid #e5c17d;border-radius:50%;background:radial-gradient(circle at 40% 28%,#537458,var(--card-enamel) 67%);color:#fff1bc;
 font:700 10px/1 Georgia,serif;text-shadow:0 1px #07130d;box-shadow:0 1px 0 1px #132119,inset 0 0 0 1px #ffe2a566,0 2px 5px #0008;
}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .eyebrow{flex-shrink:0;color:#74603e;letter-spacing:.5px;font-size:6px;line-height:9px;min-height:9px;margin:4px 10px 2px}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-name{
 flex-shrink:0;position:relative;display:flex;align-items:center;font:700 17px/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.35px;
 min-height:33px;margin:0 6px;padding:4px 6px;color:#fff0c6;background:var(--card-enamel);border-block:1px solid #ac975d;border-radius:2px;
 text-shadow:0 1px 1px #0009;box-shadow:inset 0 1px #ffffff12,0 1px #fff7d970;
}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-cost{flex:1;display:flex;align-items:center;padding:2px 0 0;margin:2px 10px 1px;min-height:18px;border:0;color:#324134;font-size:8px;line-height:1.3;font-weight:700;white-space:normal}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .card-link{position:relative;flex-shrink:0;min-height:22px;width:100%;margin-top:auto;padding:5px 10px;color:#f0dfb7;background:linear-gradient(90deg,var(--card-enamel),#1b2c23);border-top:1px solid #ad955c;font:700 7px/1.45 ui-monospace,monospace;letter-spacing:.45px;box-shadow:inset 0 1px #f4e4ad19}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card).is-locked{border-color:#938673;background:linear-gradient(110deg,#d6d0b9,#bfb9a4);box-shadow:inset 0 0 0 3px #39453b,inset 0 0 0 4px #9d977b,0 4px #07100b,0 8px 15px #0008}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card).is-locked .strategy-art{filter:saturate(.45) brightness(.8)}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card).is-locked .battle-card-name{background:#3e4941;color:#e4e2c9;border-color:#8d8b74}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card).is-locked .card-link{background:linear-gradient(90deg,#3e4941,#29362e);color:#e1dbc0;border-color:#8d8b74}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .card-lock-overlay{z-index:5;top:5px;left:5px;right:auto;width:24px;height:24px;border:2px solid #bdb398;background:#303e33;color:#f0e7cc;box-shadow:0 2px 5px #0008,inset 0 0 0 1px #ded3a63d}
body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .card-lock-reason{z-index:8;letter-spacing:0;color:#eee3c6}

/* The chosen card is an object lifted from the hand. The world is still
   visible behind it; only the action console receives a solid panel. */
body[data-screen="game"] .card-inspect-backdrop{background:radial-gradient(ellipse at 34% 45%,#314c347d,#05100bc9 76%);backdrop-filter:blur(5px);padding:18px 26px}
body[data-screen="game"] .card-inspect-modal{width:min(940px,100%);max-height:calc(100dvh - 36px);color:#f4e7c7;overflow:visible}
body[data-screen="game"] .card-inspect-modal>.modal-heading{position:relative;z-index:10;min-height:44px;justify-content:flex-end;flex-shrink:0;padding:0 0 4px;margin:0}
body[data-screen="game"] .card-inspect-modal>.modal-heading h2{position:absolute;display:block;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body[data-screen="game"] .card-inspect-modal>.modal-heading .button{width:44px;height:44px;min-height:44px;padding:10px;background:linear-gradient(135deg,#3c5140,#172e25);border:1px solid #c2a66b;border-radius:50%;color:#ffeac1;box-shadow:inset 0 0 0 3px #18291c,0 4px 9px #0006}
body[data-screen="game"] .card-inspect-modal>.modal-heading .button:hover{background:#466047;transform:none;border-color:#ffe8b2}
body[data-screen="game"] .card-inspect-modal>.modal-body{padding:9px 18px 24px;overflow-y:auto;overflow-x:hidden;scrollbar-color:#b79861 #13251d}
body[data-screen="game"] .card-inspect-layout{grid-template-columns:minmax(225px,294px) minmax(0,1fr);gap:38px;align-items:start;padding:5px 3px 10px}
body[data-screen="game"] .inspect-card-preview{position:sticky;top:8px;padding:9px 6px 14px;filter:drop-shadow(0 18px 23px #0009)}
body[data-screen="game"] .inspect-card-preview::before{content:"";position:absolute;inset:6% -16%;z-index:-1;background:radial-gradient(ellipse,#b9ca5f1c,transparent 68%);pointer-events:none}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card){min-height:406px;border:3px solid #e1bd75;border-radius:17px;transform:rotate(-3deg);box-shadow:inset 0 0 0 5px var(--card-enamel),inset 0 0 0 6px #b8a06f,0 7px #050e0b,0 18px 23px #0005}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card)::before{inset:5px;border-radius:10px}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .strategy-art{width:calc(100% - 20px);margin:10px 10px 0;height:170px;min-height:170px;border-radius:8px 8px 3px 3px;border-width:2px}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-number{top:6px;left:7px;width:35px;height:35px;font-size:14px;border-width:3px}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .eyebrow{margin:12px 19px 7px;font:700 8px/1.4 ui-monospace,monospace;letter-spacing:1px;color:#72603c}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-name{display:block;margin:0 10px 11px;padding:10px 10px 12px;min-height:0;color:#fff1cd;background:var(--card-enamel);border-block:1px solid #b8a06a;border-radius:3px;font:700 31px/1.03 Georgia,'Times New Roman',serif;letter-spacing:-.9px;text-shadow:0 2px #11221e;box-shadow:inset 0 1px #ffffff16,0 1px #fff7dc80}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-description{margin:0 20px 13px;font-size:12px;line-height:1.6;color:#3e4b38}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-cost{margin:0 20px 13px;padding-top:9px;font:700 11px/1.5 ui-monospace,monospace;border-color:#b2a479;color:#2c4130}
body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .card-link{padding:12px 20px;min-height:38px;color:#fcebc7;background:linear-gradient(90deg,var(--card-enamel),#1b2c23);border-top:1px solid #b09861;font:700 9px/1.5 ui-monospace,monospace;letter-spacing:.9px}
body[data-screen="game"] .inspect-hint{text-align:center;font:10px/1.6 ui-monospace,monospace;color:#d0bd95;max-width:255px;margin:20px auto 0;letter-spacing:.3px}
body[data-screen="game"] .card-inspect-details{position:relative;padding:22px 24px 24px;border:1px solid #b59a647d;border-radius:8px;background:linear-gradient(135deg,#234338f5,#132a22fa 58%);color:#eadfbd;box-shadow:inset 0 0 0 4px #081a124d,inset 0 0 0 5px #cdb37e24,0 12px 36px #0005;animation:card-console-arrive .26s ease-out both}
body[data-screen="game"] .card-inspect-details::before{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,transparent,#d9bd84aa,transparent);pointer-events:none}
body[data-screen="game"] .inspect-console-top{display:flex;justify-content:space-between;align-items:center;gap:14px;font:700 9px/1.5 ui-monospace,monospace;letter-spacing:1.5px;color:#d3b77c;padding-bottom:14px;margin:0 0 13px;border-bottom:1px solid #baa16f35}
body[data-screen="game"] .card-inspect-details h3{color:#f8e8be;font:400 24px/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.4px;margin:6px 0 10px}
body[data-screen="game"] .card-inspect-details p{font-size:12px;line-height:1.65;margin:10px 0;color:#d4d5ba}
body[data-screen="game"] .card-inspect-details label{font-size:11px;line-height:1.5;color:#e2dcc0}
body[data-screen="game"] .card-inspect-details .eyebrow{color:#d8b97c;font:700 8px/1.5 ui-monospace,monospace;letter-spacing:1px}
body[data-screen="game"] .card-inspect-details .small-note{color:#b9c4a9;font-size:10px;line-height:1.7;margin:10px 0}
body[data-screen="game"] .card-inspect-details .form-field{gap:6px;margin:13px 0;font-weight:600}
body[data-screen="game"] .card-inspect-details :is(input:not([type="range"]):not([type="checkbox"]),select){min-height:44px;width:100%;max-width:100%;padding:10px 12px;background:#0e221b;border:1px solid #779776;border-radius:4px;color:#fff1cc;font-size:16px;line-height:1.35;box-shadow:inset 0 2px 5px #0003;color-scheme:dark}
body[data-screen="game"] .card-inspect-details :is(input,select):focus-visible{outline:2px solid #e4c784;outline-offset:3px;border-color:#f9d98c}
body[data-screen="game"] .card-inspect-details .button{min-height:44px;box-shadow:0 3px #07140e;border:1px solid #a1ad7c;border-radius:5px;background:linear-gradient(#465d3f,#2b442e);color:#f9eecb;padding:11px 16px;font-size:12px}
body[data-screen="game"] .card-inspect-details .button.primary{background:linear-gradient(#ead39a,#c7a45c);border-color:#f4dd9f;box-shadow:inset 0 1px #fff2c4,0 4px #76602f,0 6px 16px #0005;color:#233725;text-shadow:0 1px #f5dfaa;font-weight:800;letter-spacing:.2px}
body[data-screen="game"] .card-inspect-details .button.primary:hover:not(:disabled){background:linear-gradient(#f9e6b0,#d8b56c);transform:translateY(-1px);box-shadow:inset 0 1px #fff3c9,0 5px #76602f,0 7px 18px #0005}
body[data-screen="game"] .card-inspect-details .button:disabled{opacity:.45;box-shadow:none;cursor:not-allowed}
body[data-screen="game"] .card-inspect-details .button:focus-visible{outline:3px solid #ffe6a0;outline-offset:4px}
body[data-screen="game"] .card-inspect-details form>.button[type="submit"]{min-height:48px;margin-top:14px}
body[data-screen="game"] .card-inspect-details .order-preview{padding:12px 14px;margin:14px 0 10px;background:#081b15a8;border:1px solid #a3af772b;border-radius:5px;box-shadow:inset 0 2px 6px #0002}
body[data-screen="game"] .card-inspect-details .order-preview p{font-size:11px;line-height:1.5;gap:15px;margin:6px 0;color:#becbac}
body[data-screen="game"] .card-inspect-details .order-preview strong{color:#fff0c4;font:700 14px/1.2 ui-monospace,monospace;white-space:nowrap;align-self:center}
body[data-screen="game"] .card-inspect-details .order-preview p[role="alert"]{color:#ffd1a9;display:block}
body[data-screen="game"] .card-inspect-details .option-legs{padding:10px 12px;margin:10px 0;border:1px solid #beb2933b;border-radius:4px;background:#0c201b;color:#d9ccbe;font-size:10px;line-height:1.8}
body[data-screen="game"] .card-inspect-details .warning-text{padding:10px 12px;color:#e9d0a4;background:#7557332b;border-left:2px solid #b08b52;font-size:10px;line-height:1.6;border-radius:0}
body[data-screen="game"] .card-inspect-details .strategy-lock-explanation{padding:13px 14px;color:#f3dfb7;background:#0e201ba8;border:1px solid #ccad704a;border-left:3px solid #bd975f;border-radius:4px;font-size:13px;line-height:1.7}
body[data-screen="game"] .card-inspect-details details{margin:11px 0;padding:10px 0;border-block:1px solid #bba1712b}
body[data-screen="game"] .card-inspect-details details>summary{cursor:pointer;min-height:34px;display:flex;align-items:center;gap:8px;font:700 10px/1.5 ui-monospace,monospace;color:#d8c397;letter-spacing:.4px}
body[data-screen="game"] .card-inspect-details details>summary::before{content:"+";font-size:17px;color:#e7cca1}
body[data-screen="game"] .card-inspect-details details[open]>summary::before{content:"−"}
body[data-screen="game"] .card-inspect-details details>summary:focus-visible{outline:2px solid #e4c784;outline-offset:2px}
body[data-screen="game"] .card-inspect-details .position-picker{display:grid;gap:9px;margin-top:16px}
body[data-screen="game"] .card-inspect-details .order-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:13px;align-items:end}
body[data-screen="game"] .card-inspect-details .order-controls>.form-field{min-width:0;margin:2px 0 10px}
body[data-screen="game"] .card-inspect-details .order-controls label{min-height:17px}
body[data-screen="game"] .card-inspect-details .quantity-stepper{display:grid;grid-template-columns:44px minmax(35px,1fr) 44px;align-items:stretch;height:46px;border:1px solid #779776;border-radius:4px;overflow:hidden;background:#0e221b}
body[data-screen="game"] .card-inspect-details .quantity-stepper input{appearance:textfield;-moz-appearance:textfield;min-width:0;min-height:44px;height:44px;padding:8px 3px;border:0;border-radius:0;text-align:center;font:700 17px/1 ui-monospace,monospace;background:transparent;box-shadow:none}
body[data-screen="game"] .card-inspect-details .quantity-stepper input::-webkit-inner-spin-button,body[data-screen="game"] .card-inspect-details .quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
body[data-screen="game"] .card-inspect-details .quantity-button{min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:#2e4b34;color:#fcebc0;font:400 24px/1 Georgia,serif;cursor:pointer}
body[data-screen="game"] .card-inspect-details .quantity-button:hover{background:#456443;transform:none}
body[data-screen="game"] .card-inspect-details .quantity-button:focus-visible{outline:2px solid #f4dca5;outline-offset:-3px}
body[data-screen="game"] .card-inspect-details .execution-timing{color:#d5ccaa;padding-left:10px;border-left:2px solid #b99b59;font-size:10px;line-height:1.6;margin:11px 0 14px}
body[data-screen="game"] .card-inspect-details .inspect-notes{margin-bottom:0;padding-bottom:0}
body[data-screen="game"] .strategy-hand.hand-arriving>.battle-card{animation:card-hand-deal .4s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--card-index,0) * 45ms)}
/* Cosmetic clones are body children. Share the live card skin above while
   retaining the measured source rectangle and the motion controller's pose. */
body[data-screen="game"] .card-motion-ghost{display:flex;flex-direction:column;flex-shrink:0;border-width:2px;text-align:left;pointer-events:none;user-select:none;translate:none;rotate:none;scale:none}
body[data-screen="game"] .card-motion-ghost:not(.inspect-card) .battle-card-description{display:none}
body[data-screen="game"] .card-motion-ghost.inspect-card .battle-card-description{display:block;flex:1}
body[data-screen="game"] .card-motion-ghost .card-lock-reason{display:none}
body[data-screen="game"] .card-motion-ghost::after{animation:none!important;opacity:0}
body[data-screen="game"] .card-motion-ghost.is-locked .strategy-art{filter:saturate(.45) brightness(.8)}
body[data-screen="game"] .card-motion-stamp{z-index:8;display:block;white-space:normal;overflow-wrap:anywhere;text-transform:uppercase;text-shadow:0 2px #092016}
body[data-screen="game"] .card-motion-stamp::before{content:"";position:absolute;inset:3px;border:1px solid #e7cd8566;border-radius:3px;pointer-events:none}

@media(min-width:1000px){
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .strategy-art{height:67px;min-height:67px;padding:0;justify-content:center}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .eyebrow{max-width:calc(100% - 45px)}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-name{max-width:calc(100% - 39px);font-size:17px;min-height:35px}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-cost{max-width:calc(100% - 42px);font-size:7.5px}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card):is(:hover,:focus-visible) :is(.eyebrow,.battle-card-name,.battle-card-cost){max-width:none}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card):is(:hover,:focus-visible) .battle-card-name{min-height:35px}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card):is(:hover,:focus-visible){border-color:#f7d990;box-shadow:inset 0 0 0 3px var(--card-enamel),inset 0 0 0 4px #e2c084,0 0 0 1px #8b7447,0 15px 29px #000b,0 0 25px #d1bc5a12}
}
@media(min-width:1000px) and (min-height:821px){
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .strategy-art{height:76px;min-height:76px}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-name{font-size:18px;min-height:37px}
}
@media(max-width:999px){
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .strategy-art{height:73px;min-height:73px}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .eyebrow{font-size:7px;margin:4px 11px 2px;letter-spacing:.4px}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-name{min-height:35px;font-size:20px;max-width:none}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .battle-card-cost{font-size:9px;line-height:1.3;min-height:19px;margin:3px 12px 2px;padding-top:0}
 body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card) .card-link{font-size:8px;min-height:25px;padding:6px 11px}
}
@media(max-width:760px){
 body[data-screen="game"] .card-inspect-backdrop{padding:max(8px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));background:radial-gradient(ellipse at 50% 27%,#304734bd,#05100beb 73%)}
 body[data-screen="game"] .card-inspect-modal{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);width:100%}
 body[data-screen="game"] .card-inspect-modal>.modal-heading{padding-right:3px;padding-bottom:0;min-height:44px}
 body[data-screen="game"] .card-inspect-modal>.modal-body{padding:6px 7px 26px}
 body[data-screen="game"] .card-inspect-layout{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:0 3px}
 body[data-screen="game"] .inspect-card-preview{position:static;align-self:center;width:min(68vw,254px);padding:4px 5px 7px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card){min-height:302px;transform:rotate(-2deg);border-radius:14px;border-width:3px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .strategy-art{height:132px;min-height:132px;width:calc(100% - 16px);margin:8px 8px 0}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-number{top:4px;left:5px;width:29px;height:29px;font-size:12px;border-width:2px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .eyebrow{font-size:7px;margin:9px 16px 5px;letter-spacing:.7px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-name{font-size:27px;padding:8px 9px;margin:0 8px 9px;letter-spacing:-.5px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-description{font-size:11px;line-height:1.55;margin:0 17px 10px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .battle-card-cost{font-size:10px;margin:0 17px 10px;padding-top:7px}
 body[data-screen="game"] :is(.inspect-card-preview>.battle-card,.card-motion-ghost.inspect-card) .card-link{font-size:8px;min-height:32px;padding:9px 17px}
 body[data-screen="game"] .inspect-hint{font-size:9px;line-height:1.5;margin:15px auto 0;max-width:250px}
 body[data-screen="game"] .card-inspect-details{padding:19px 18px 23px;border-radius:7px}
 body[data-screen="game"] .card-inspect-details h3{font-size:22px}
 body[data-screen="game"] .card-inspect-details p{font-size:12px}
 body[data-screen="game"] .card-inspect-details label{font-size:11px}
 body[data-screen="game"] .card-inspect-details .order-preview{padding:11px 12px}
 body[data-screen="game"] .card-inspect-details .order-preview p{font-size:10px;gap:10px}
 body[data-screen="game"] .card-inspect-details .order-preview strong{font-size:13px}
 body[data-screen="game"] .card-inspect-details details>summary{min-height:44px}
 body[data-screen="game"] .card-inspect-details .order-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
 body[data-screen="game"] .card-inspect-details .order-controls label{min-height:32px;font-size:10px}
 body[data-screen="game"] .card-inspect-details .order-controls select{padding-inline:7px;font-size:13px}
 body[data-screen="game"] .card-inspect-details .quantity-stepper{grid-template-columns:44px minmax(27px,1fr) 44px}
 body[data-screen="game"] .card-inspect-details .quantity-button{min-width:44px}
}
@media(max-height:650px){
 body[data-screen="game"] .card-inspect-backdrop{padding-block:8px}
 body[data-screen="game"] .card-inspect-modal{max-height:calc(100dvh - 16px)}
 body[data-screen="game"] .inspect-card-preview{position:static}
}
@keyframes card-art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes card-art-sway{0%,100%{transform:rotate(-1.3deg)}50%{transform:rotate(1.6deg)}}
@keyframes card-art-wheel{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(8deg)}}
@keyframes card-art-spark{0%,100%{opacity:.5}50%{opacity:.85}}
@keyframes card-art-trail{0%,100%{transform:translateX(-2px);opacity:.6}50%{transform:translateX(2px);opacity:.9}}
@keyframes card-foil-pass{0%{opacity:0;background-position:100% 0}12%{opacity:.65}85%{opacity:.65}100%{opacity:0;background-position:0 0}}
@keyframes card-console-arrive{from{opacity:0}to{opacity:1}}
@keyframes card-hand-deal{from{opacity:0;translate:0 45px}to{opacity:1;translate:0 0}}
/* Fast execution never turns ambient artwork into rapid flickering. */
body[data-speed="fast"] .strategy-illustration .art-float{animation-duration:4.8s!important}
body[data-speed="fast"] .strategy-illustration .art-sway{animation-duration:5.4s!important}
body[data-speed="fast"] .strategy-illustration .art-wheel{animation-duration:7s!important}
body[data-speed="fast"] .strategy-illustration .art-spark{animation-duration:4.6s!important}
body[data-speed="fast"] .strategy-illustration .art-trail{animation-duration:3.8s!important}
body.motion-off :is(.strategy-art,.card-inspect-modal) *,body.motion-off :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card)::after,
body[data-speed="instant"] :is(.strategy-art,.card-inspect-modal) *,body[data-speed="instant"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card)::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){
 .strategy-art *,.card-inspect-modal *,body[data-screen="game"] :is(.strategy-hand>.battle-card,.card-motion-ghost.strategy-card)::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* The arena always uses the tucked-hand framing. Cards overlap it on a
   separate foreground layer; only the bottom action controls need clearance. */
body[data-screen="game"] .battle-screen{
 --card-height:clamp(206px,30dvh,270px);--card-width:clamp(170px,16vw,216px);
 --foreground-space:220px;--scene-stage:#162e2b;--scene-glow:#527559;
 position:relative;display:block;overflow:hidden;
 background:radial-gradient(ellipse at 50% 22%,var(--scene-glow),transparent 76%),linear-gradient(90deg,#060f16a6,transparent 24%,transparent 76%,#060f16a6),var(--scene-stage);
}
body[data-screen="game"] .battle-screen:has(>.boss-arena[data-mood="selloff"]){--scene-stage:#301c20;--scene-glow:#a14a38}
body[data-screen="game"] .battle-screen:has(>.boss-arena[data-mood="storm"]){--scene-stage:#252237;--scene-glow:#66517e}
body[data-screen="game"] .battle-screen:has(>.boss-arena[data-mood="range"]){--scene-stage:#232f2b;--scene-glow:#696b40}
body[data-screen="game"] .battle-screen>.boss-arena{height:100%;min-height:0;overflow:visible}
body[data-screen="game"] .battle-screen>.boss-arena::before{background:none}
body[data-screen="game"] .battle-screen>.boss-arena::after{box-shadow:inset 0 12px 22px #0b181740;border:0}
body[data-screen="game"] .battle-screen .boss-hud{padding:15px 28px 0}
body[data-screen="game"] .battle-screen .boss-stage{position:static;padding:16px clamp(20px,5vw,88px) var(--foreground-space);margin:0}
body[data-screen="game"] .battle-screen .boss-stage::after{display:none}
body[data-screen="game"] .battle-screen .boss-character{inset:85px 0 20px;z-index:-1;opacity:.84;mask-image:linear-gradient(#000 66%,transparent 99%)}
body[data-screen="game"] .battle-screen .boss-character>.chart-boss-art{height:100%;width:100%;object-fit:contain}
body[data-screen="game"] .battle-screen .boss-taunt{top:103px;left:66%;max-width:190px;font-size:14px}
body[data-screen="game"] .battle-screen .boss-chart-layer{background:linear-gradient(#0b202006,#07191b33)}
body[data-screen="game"] .battle-screen .boss-stage-caption{font-size:8px}
body[data-screen="game"] .battle-screen .battle-dock{
 position:absolute;inset:auto 0 0;z-index:4;display:grid;grid-template-columns:minmax(165px,1fr) minmax(0,3fr) minmax(165px,1fr);gap:22px;
 align-items:end;padding:0 28px max(22px,env(safe-area-inset-bottom));height:auto;background:none;border:0;box-shadow:none;pointer-events:none;
}
body[data-screen="game"] .battle-screen .battle-dock::before{content:"";position:absolute;inset:auto 0 0;height:160px;z-index:-1;background:linear-gradient(transparent,#08141155 60%,#081411b8);pointer-events:none}
body[data-screen="game"] .battle-screen .battle-dock>*,body[data-screen="game"] .battle-screen .battle-dock button{pointer-events:auto}
body[data-screen="game"] .battle-screen .player-console,body[data-screen="game"] .battle-screen .turn-console{padding-bottom:10px;min-width:0;color:#f1dfb8}
body[data-screen="game"] .battle-screen .turn-eyebrow{display:block;font:700 9px/1.4 ui-monospace,monospace;letter-spacing:1.4px;color:#d8be89}
body[data-screen="game"] .battle-screen .play-budget{display:block;font:700 clamp(27px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-1px;color:#ffedbd;margin-top:5px;text-shadow:0 2px #061510}
body[data-screen="game"] .battle-screen .play-budget-label{display:block;font-size:11px;color:#d8c9a9}
body[data-screen="game"] .battle-screen .move-guidance{font-size:12px;line-height:1.5;max-width:220px;margin:15px 0 14px;color:#f0e3c8}
body[data-screen="game"] .battle-screen .battle-utilities{display:flex;flex-wrap:wrap;gap:5px;width:auto;max-width:230px}
body[data-screen="game"] .battle-screen .battle-utilities .button{min-height:34px;padding:6px 9px;border:1px solid #ddc38c40;background:#101e1c66;color:#e3d4af;font-size:10px;border-radius:6px;box-shadow:none}
body[data-screen="game"] .battle-screen .battle-utilities [data-ui="positions"]{flex-basis:100%;justify-content:center}
body[data-screen="game"] .battle-screen .turn-console{text-align:center;justify-self:end;width:100%;max-width:235px}
body[data-screen="game"] .battle-screen .session-track{display:flex;gap:7px;justify-content:center;margin-bottom:12px}
body[data-screen="game"] .battle-screen .session-pip{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d9bc7977;border-radius:50%;font:700 12px Georgia,serif;color:#e6d2a6;background:#101e1d88;box-shadow:inset 0 0 0 3px #11241c}
body[data-screen="game"] .battle-screen .session-pip.is-revealed{background:#dab772;color:#112920;border-color:#f0d598}
body[data-screen="game"] .battle-screen .battle-readout{display:block;min-height:35px;max-height:66px;overflow:auto;margin:10px 0 8px;padding:0;font:12px/1.45 Georgia,serif;color:#ebdab4;text-wrap:balance}
body[data-screen="game"] .battle-screen .reveal-session{width:100%;min-height:56px;padding:13px 9px;border:2px solid #ebd099;border-radius:10px;background:linear-gradient(#f3ce83,#d7a34f);color:#182820;box-shadow:0 4px #846139,0 7px 20px #0005;font-size:13px;font-weight:800;white-space:normal}
body[data-screen="game"] .battle-screen .reveal-session:hover:not(:disabled){background:#ffe0a1;transform:translateY(-2px)}
body[data-screen="game"] .battle-screen .reveal-help{font-size:10px;line-height:1.5;color:#cebea0;margin:11px 5px 0;text-wrap:balance}
body[data-screen="game"] .battle-screen .hand-area{min-width:0;align-self:end;position:relative}
body[data-screen="game"] .battle-screen .hand-controls{display:flex;justify-content:center;align-items:center;gap:16px;height:48px;margin-bottom:6px}
body[data-screen="game"] .battle-screen .hand-invitation{font:italic 17px Georgia,serif;color:#f3d89e}
body[data-screen="game"] .battle-screen .hand-controls .button{padding:5px 10px;min-height:30px;font-size:10px;background:#10221b88;border:1px solid #c9b17855;color:#f1deb7;border-radius:20px;box-shadow:none}
/* Illustrated actions: a gathered stack puts cards away; an open fan brings
   them back. Keep the words and expanded state alongside the artwork. */
body[data-screen="game"] .battle-screen .hand-controls .hand-toggle{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:2px 12px 2px 5px;border:1px solid #d8b77899;border-radius:9px;background:linear-gradient(110deg,#213d32ed,#10251eeb);box-shadow:inset 0 0 0 2px #091a1555,0 2px 6px #0004;text-align:left;white-space:nowrap}
body[data-screen="game"] .battle-screen .hand-toggle-art{display:block;flex:0 0 42px;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 2px #0007);pointer-events:none;user-select:none}
body[data-screen="game"] .battle-screen .hand-toggle-copy{display:flex;flex-direction:column;gap:3px;pointer-events:none}
body[data-screen="game"] .battle-screen .hand-toggle-copy strong{font:700 14px/1.1 Georgia,serif;color:#ffeac0}
body[data-screen="game"] .battle-screen .hand-toggle-copy small{font:9px/1.2 ui-monospace,monospace;color:#d7c69e}
body[data-screen="game"] .battle-screen .hand-controls .hand-toggle:hover{border-color:#ffe0a0;background:linear-gradient(110deg,#355640,#19362a);box-shadow:inset 0 0 0 2px #d8b77822,0 3px 10px #0005}
body[data-screen="game"] .battle-screen .hand-controls .hand-toggle:focus-visible{outline:3px solid #ffdb82;outline-offset:3px}
body[data-screen="game"] .battle-screen.hand-collapsed .hand-controls .hand-toggle{border-color:#efc77e;background:linear-gradient(110deg,#37553a,#18382b);box-shadow:inset 0 0 0 2px #d8b77822,0 3px 12px #0005}
body[data-screen="game"] .battle-screen .fixed-strategies{margin:0;max-width:none}
body[data-screen="game"] .battle-screen .fixed-strategies[hidden]{display:none}
body[data-screen="game"] .battle-screen .strategy-deck-heading{justify-content:center;min-height:19px;margin:0 0 17px;text-align:center}
body[data-screen="game"] .battle-screen .strategy-deck-copy{display:block!important}
body[data-screen="game"] .battle-screen .strategy-deck-heading h2{display:none}
body[data-screen="game"] .battle-screen .strategy-deck-heading p:not(.eyebrow){display:block;margin:0;font-size:10px;line-height:1.4;color:#d0c2a5}
body[data-screen="game"] .battle-screen .strategy-hand{
 display:grid;grid-template-columns:repeat(var(--hand-count,3),minmax(0,1fr));align-items:end;gap:0;
 width:calc(100% - 28px);max-width:calc(var(--hand-count,3) * (var(--card-width) - 19px));height:calc(var(--card-height) + 36px);
 grid-template-rows:minmax(0,1fr);margin:0 auto;padding:0 0 36px;overflow:visible;isolation:isolate;scroll-snap-type:none;
}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card{
 --fan-position:calc(var(--card-index) - (var(--hand-count) - 1) / 2);
 --fan-angle:calc(var(--fan-position) * 10deg);--fan-drop:calc(var(--fan-position) * var(--fan-position) * 12px);
 display:flex;flex-direction:column;position:relative;justify-self:center;flex:none;width:calc(100% + 20px);max-width:var(--card-width);height:var(--card-height);min-height:0;margin:0;padding:0;
 border-width:2px;border-radius:12px;overflow:hidden;touch-action:manipulation;translate:none;
 transform:translateY(var(--fan-drop)) rotate(var(--fan-angle));transform-origin:50% 105%;
 z-index:calc(var(--card-index) + 1);box-shadow:inset 0 0 0 3px var(--card-enamel),inset 0 0 0 4px #b8a06f,-5px 5px 16px #0008,0 4px 0 #050e0b;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card:is(:hover,:focus-visible){z-index:30;translate:none;transform:translateY(-27px) rotate(0deg) scale(1.06);border-color:#ffe3a1;overflow:hidden;box-shadow:inset 0 0 0 3px var(--card-enamel),inset 0 0 0 4px #e8c886,0 0 22px #e3bd6133,0 20px 28px #0009}
body[data-screen="game"] .battle-screen .strategy-hand:has(>:nth-child(4)){width:calc(100% - 90px)}
body[data-screen="game"] .battle-screen .strategy-hand:has(>:nth-child(4))>.battle-card{--fan-angle:calc(var(--fan-position) * 6deg);--fan-drop:calc(var(--fan-position) * var(--fan-position) * 8px)}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .strategy-art{display:block;height:calc(var(--card-height) * .34);min-height:calc(var(--card-height) * .34);padding:0;justify-content:center}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .eyebrow{display:block;max-width:none;margin:6px 10px 3px;font-size:7px;line-height:9px;min-height:9px;letter-spacing:.35px}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-name{max-width:none;min-height:34px;margin:0 6px;padding:5px 7px;font-size:22px;line-height:1.02;letter-spacing:-.6px}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-description{display:none}
body[data-screen="game"] .battle-screen .strategy-hand>.core-strategy-card .battle-card-description{display:block;flex:1;margin:7px 12px 1px;font-size:10px;line-height:1.35;color:#46513a}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-cost{max-width:none;min-height:19px;margin:5px 12px 4px;padding:0;font-size:9px;line-height:1.3;white-space:normal}
body[data-screen="game"] .battle-screen .strategy-hand>.core-strategy-card .battle-card-cost{flex:0 0 auto;color:#665232;font-size:9px}
body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .card-link{min-height:27px;padding:6px 10px;font-size:8px;line-height:1.4;letter-spacing:0}
body[data-screen="game"] .battle-screen .strategy-hand .card-lock-reason{display:none}
body[data-screen="game"] .battle-screen.hand-collapsed .hand-area{align-self:center}
body[data-screen="game"] .battle-screen.hand-collapsed .hand-invitation{display:none}
body[data-screen="game"] .battle-screen.hand-collapsed .player-console .move-guidance{margin-block:5px}
body[data-screen="game"] .battle-screen.hand-collapsed .player-console .play-budget{font-size:26px}
body[data-screen="game"] .battle-screen.hand-collapsed .turn-console .session-track{display:none}

/* Compact screens keep the same arc, with the turn controls underneath. */
@media(max-width:900px){
 body[data-screen="game"] .battle-screen{--card-height:clamp(178px,25dvh,220px);--card-width:190px;--foreground-space:140px}
 body[data-screen="game"] .battle-screen .boss-hud{padding:12px 18px 0;gap:15px}
 body[data-screen="game"] .battle-screen .boss-title{font-size:30px}
 body[data-screen="game"] .battle-screen .boss-wallet{flex-basis:205px}
 body[data-screen="game"] .battle-screen .boss-stage{padding:28px 18px var(--foreground-space)}
 body[data-screen="game"] .battle-screen .boss-taunt{top:100px;left:63%;font-size:12px;max-width:170px}
 body[data-screen="game"] .battle-screen .battle-dock{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 20px;padding:0 18px max(12px,env(safe-area-inset-bottom))}
 body[data-screen="game"] .battle-screen .hand-area{grid-column:1 / -1;grid-row:1;max-width:630px;justify-self:center;width:100%}
 body[data-screen="game"] .battle-screen .player-console{grid-column:1;grid-row:2;padding:0}
 body[data-screen="game"] .battle-screen .player-console>.turn-eyebrow,body[data-screen="game"] .battle-screen .play-budget,body[data-screen="game"] .battle-screen .play-budget-label,body[data-screen="game"] .battle-screen .move-guidance{display:none}
 body[data-screen="game"] .battle-screen .battle-utilities{max-width:260px;gap:4px}
 body[data-screen="game"] .battle-screen .battle-utilities .button{min-height:32px;font-size:10px;padding:5px 8px}
 body[data-screen="game"] .battle-screen .turn-console{grid-column:2;grid-row:2;padding:0;max-width:255px}
 body[data-screen="game"] .battle-screen .session-track,body[data-screen="game"] .battle-screen .turn-console>.turn-eyebrow,body[data-screen="game"] .battle-screen .reveal-help{display:none}
 body[data-screen="game"] .battle-screen .battle-readout{min-height:0;max-height:28px;line-height:1.2;font-size:10px;margin:0 0 6px}
 body[data-screen="game"] .battle-screen .reveal-session{min-height:44px;font-size:12px;padding:9px}
 body[data-screen="game"] .battle-screen .strategy-hand>.core-strategy-card .battle-card-description{display:none}
 body[data-screen="game"] .battle-screen .strategy-hand>.core-strategy-card .battle-card-cost{flex:1}
 body[data-screen="game"] .battle-screen.hand-collapsed .battle-dock{gap:4px}
 body[data-screen="game"] .battle-screen.hand-collapsed .hand-controls{margin:0}
}
@media(max-width:540px){
 body[data-screen="game"] .battle-screen{--card-height:174px;--card-width:145px;--foreground-space:156px}
 body[data-screen="game"] .battle-screen .boss-hud{padding:11px 12px 0;gap:7px}
 body[data-screen="game"] .battle-screen .boss-title{font-size:27px;letter-spacing:-1px;margin-top:6px}
 body[data-screen="game"] .battle-screen .boss-eyebrow{font-size:7px;letter-spacing:.4px}
 body[data-screen="game"] .battle-screen .boss-subtitle{display:none}
 body[data-screen="game"] .battle-screen .boss-wallet{flex-basis:144px;max-width:144px;padding:7px 8px}
 body[data-screen="game"] .battle-screen .boss-wallet>span{font-size:6px;letter-spacing:.3px}
 body[data-screen="game"] .battle-screen .boss-wallet>strong{font-size:23px}
 body[data-screen="game"] .battle-screen .boss-wallet small{display:block;font-size:7px}
 body[data-screen="game"] .battle-screen .boss-stage{padding:23px 6px var(--foreground-space)}
 body[data-screen="game"] .battle-screen .boss-character{inset:94px -80px 80px}
 body[data-screen="game"] .battle-screen .boss-taunt{display:none}
 body[data-screen="game"] .battle-screen .boss-chart-layer .chart-heading{padding-inline:6px}
 body[data-screen="game"] .battle-screen .chart-heading .market-price{font-size:21px}
 body[data-screen="game"] .battle-screen .chart-heading .eyebrow{font-size:7px;letter-spacing:.1px}
 body[data-screen="game"] .battle-screen .chart-heading .tag{font-size:7px;padding:3px}
 body[data-screen="game"] .battle-screen .boss-stage-caption{padding-inline:8px;font-size:6px;gap:6px}
 body[data-screen="game"] .battle-screen .boss-indicator-readings{font-size:8px;padding-inline:8px}
 body[data-screen="game"] .battle-screen .battle-dock{padding-inline:12px;gap:12px;}
 body[data-screen="game"] .battle-screen .hand-invitation{font-size:15px}
 body[data-screen="game"] .battle-screen .hand-controls{gap:10px;height:44px;margin-bottom:2px}
 body[data-screen="game"] .battle-screen .hand-controls .hand-toggle{min-height:44px;padding:2px 10px 2px 4px;gap:5px}
 body[data-screen="game"] .battle-screen .hand-toggle-art{flex-basis:36px;width:36px;height:36px}
 body[data-screen="game"] .battle-screen .hand-toggle-copy strong{font-size:13px}
 body[data-screen="game"] .battle-screen .hand-toggle-copy small{display:none}
 body[data-screen="game"] .battle-screen .strategy-deck-heading{margin-bottom:12px;min-height:18px}
 body[data-screen="game"] .battle-screen .strategy-deck-heading p:not(.eyebrow){display:block;font-size:9px}
 body[data-screen="game"] .battle-screen .strategy-hand{width:calc(100% - 48px);height:calc(var(--card-height) + 26px);padding-bottom:26px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card{--fan-angle:calc(var(--fan-position) * 7deg);--fan-drop:calc(var(--fan-position) * var(--fan-position) * 8px);width:calc(100% + 12px);border-radius:9px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card:is(:hover,:focus-visible){transform:translateY(-15px) rotate(0) scale(1.04)}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .strategy-art{height:55px;min-height:55px;margin:5px 5px 0;width:calc(100% - 10px)}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-name{font-size:18px;min-height:40px;padding:4px;letter-spacing:-.5px;margin:0 5px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .eyebrow{font-size:6px;margin:5px 8px 3px;letter-spacing:0;line-height:8px;min-height:8px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-cost{font-size:8px;margin:4px 9px;min-height:19px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .card-link{font-size:7px;padding:5px 8px;min-height:25px}
 body[data-screen="game"] .battle-screen .strategy-hand.strategy-choices:has(>:nth-child(4)){width:calc(100% - 70px)}
 body[data-screen="game"] .battle-screen .strategy-hand.strategy-choices:has(>:nth-child(4)) .battle-card-name{font-size:16px}
 body[data-screen="game"] .battle-screen .strategy-hand.strategy-choices:has(>:nth-child(4)) .eyebrow{font-size:5px}
 body[data-screen="game"] .battle-screen .strategy-hand.strategy-choices:has(>:nth-child(4)) .card-link{font-size:6px}
 body[data-screen="game"] .battle-screen .battle-utilities{gap:4px}
 body[data-screen="game"] .battle-screen .battle-utilities .button{font-size:9px;padding:6px;min-height:32px}
 body[data-screen="game"] .battle-screen .reveal-session{font-size:11px;min-height:46px}
}
@media(max-height:680px) and (min-width:901px){
 body[data-screen="game"] .battle-screen{--card-height:184px}
 body[data-screen="game"] .battle-screen .boss-stage{padding-top:13px}
 body[data-screen="game"] .battle-screen .boss-hud{padding-top:8px}
 body[data-screen="game"] .battle-screen .boss-title{font-size:28px}
 body[data-screen="game"] .battle-screen .strategy-hand>.core-strategy-card .battle-card-description{display:none}
 body[data-screen="game"] .battle-screen .strategy-hand>.core-strategy-card .battle-card-cost{flex:1}
 body[data-screen="game"] .battle-screen .boss-taunt{top:85px;font-size:12px}
}
@media(max-height:680px) and (max-width:540px){
 body[data-screen="game"] .battle-screen{--card-height:150px}
 body[data-screen="game"] .battle-screen .boss-stage{padding-top:8px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .strategy-art{height:42px;min-height:42px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .eyebrow{display:none}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-name{font-size:17px}
}
/* Landscape phones keep cards alongside the reveal button. */
@media(max-height:480px) and (min-width:541px){
 body[data-screen="game"] .battle-screen{--card-height:106px;--card-width:150px;--foreground-space:110px}
 body[data-screen="game"] .market-shell .topbar{height:36px;min-height:36px;flex-basis:36px}
 body[data-screen="game"] .battle-screen .boss-hud{padding:4px 15px 0}
 body[data-screen="game"] .battle-screen .boss-title{font-size:20px;margin:3px 0}
 body[data-screen="game"] .battle-screen .boss-subtitle{display:none}
 body[data-screen="game"] .battle-screen .boss-wallet{padding:3px 8px;flex-basis:180px}
 body[data-screen="game"] .battle-screen .boss-wallet>strong{font-size:21px}
 body[data-screen="game"] .battle-screen .boss-wallet small,body[data-screen="game"] .battle-screen .boss-taunt{display:none}
 body[data-screen="game"] .battle-screen .boss-stage{padding-top:5px}
 body[data-screen="game"] .battle-screen .battle-dock{grid-template-columns:140px minmax(0,1fr) 145px;padding:0 12px 8px;gap:13px}
 body[data-screen="game"] .battle-screen .hand-area{grid-column:2;grid-row:1}
 body[data-screen="game"] .battle-screen .player-console{grid-column:1;grid-row:1}
 body[data-screen="game"] .battle-screen .turn-console{grid-column:3;grid-row:1}
 body[data-screen="game"] .battle-screen .player-console>:not(.battle-utilities){display:none}
 body[data-screen="game"] .battle-screen .session-track,body[data-screen="game"] .battle-screen .turn-console>.turn-eyebrow,body[data-screen="game"] .battle-screen .reveal-help{display:none}
 body[data-screen="game"] .battle-screen .battle-readout{font-size:10px;min-height:0;max-height:30px}
 body[data-screen="game"] .battle-screen .battle-utilities .button{font-size:8px;min-height:29px;padding:5px}
 body[data-screen="game"] .battle-screen .hand-controls{height:38px;margin:0}
 body[data-screen="game"] .battle-screen .hand-controls .button{min-height:24px;font-size:8px;padding:3px 7px}
 body[data-screen="game"] .battle-screen .hand-controls .hand-toggle{min-height:38px;padding:2px 8px 2px 3px;gap:5px}
 body[data-screen="game"] .battle-screen .hand-toggle-art{flex-basis:30px;width:30px;height:30px}
 body[data-screen="game"] .battle-screen .hand-toggle-copy strong{font-size:12px}
 body[data-screen="game"] .battle-screen .hand-toggle-copy small{display:none}
 body[data-screen="game"] .battle-screen .hand-invitation{font-size:12px}
 body[data-screen="game"] .battle-screen .strategy-deck-heading{display:none}
 body[data-screen="game"] .battle-screen .strategy-hand{height:calc(var(--card-height) + 18px);padding-bottom:18px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card{--fan-angle:calc(var(--fan-position) * 5deg);--fan-drop:calc(var(--fan-position) * var(--fan-position) * 4px)}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .strategy-art{height:31px;min-height:31px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .eyebrow,body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-description,body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-number{display:none}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-name{font-size:14px;min-height:28px;padding:3px;margin:0 5px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .battle-card-cost{font-size:7px;min-height:13px;margin:2px 8px}
 body[data-screen="game"] .battle-screen .strategy-hand>.battle-card .card-link{font-size:6px;min-height:18px;padding:3px 6px}
 body[data-screen="game"] .battle-screen .reveal-session{min-height:44px;font-size:11px}
}

/* The glove is an object on the stage, with a small painted nameplate. */
body[data-screen="game"] .battle-screen .hand-controls{height:72px}
body[data-screen="game"] .battle-screen .hand-controls .hand-toggle,
body[data-screen="game"] .battle-screen.hand-collapsed .hand-controls .hand-toggle{position:relative;gap:3px;min-height:72px;padding:0 8px 0 0;border:0;border-radius:50% 25%;background:transparent;box-shadow:none;transform:none;isolation:isolate}
body[data-screen="game"] .battle-screen .hand-controls .hand-toggle:hover{border:0;background:transparent;box-shadow:none;transform:none}
body[data-screen="game"] .battle-screen .hand-toggle-art{position:relative;display:block;flex:0 0 84px;width:84px;height:84px;overflow:visible;transform:rotate(-6deg);transform-origin:55% 90%;filter:drop-shadow(2px 5px 2px #0008);animation:hand-glove-idle 4.8s ease-in-out infinite}
body[data-screen="game"] .battle-screen .hand-toggle-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .16s ease,transform .2s ease}
body[data-screen="game"] .battle-screen .hand-toggle[aria-expanded="true"] .hand-art-open,
body[data-screen="game"] .battle-screen .hand-toggle[aria-expanded="false"] .hand-art-closed{opacity:0;transform:translateY(7px) rotate(8deg) scale(.85)}
body[data-screen="game"] .battle-screen .hand-toggle[aria-expanded="false"] .hand-art-open,
body[data-screen="game"] .battle-screen .hand-toggle[aria-expanded="true"] .hand-art-closed{opacity:1;transform:translateY(0) rotate(0) scale(1)}
body[data-screen="game"] .battle-screen .hand-toggle-copy{position:relative;margin-left:-4px;transform:rotate(-4deg);transition:transform .16s ease}
body[data-screen="game"] .battle-screen .hand-toggle-copy strong{padding:5px 9px;color:#243c2d;background:#e3c28a;border-block:1px solid #fff0bc;border-radius:2px;box-shadow:2px 3px 0 #0b201b99;font:700 14px/1.15 Georgia,serif;text-shadow:none}
body[data-screen="game"] .battle-screen .hand-toggle-copy small{display:none}
body[data-screen="game"] .battle-screen .hand-toggle:is(:hover,:focus-visible) .hand-toggle-copy{transform:translateY(-3px) rotate(2deg)}
body[data-screen="game"] .battle-screen .hand-toggle:is(:hover,:focus-visible) .hand-toggle-art{filter:drop-shadow(2px 5px 3px #0008) brightness(1.12)}
body[data-screen="game"] .battle-screen .hand-controls .hand-toggle:focus-visible{outline:3px solid #ffdb82;outline-offset:3px}
body[data-screen="game"] .battle-screen.hand-in-motion .strategy-hand>.battle-card{transition:none;animation:none}
body[data-screen="game"] .battle-screen.hand-in-motion .strategy-hand>.battle-card:is(:hover,:focus-visible){transform:translateY(var(--fan-drop)) rotate(var(--fan-angle))}
body[data-screen="game"] .battle-screen.hand-in-motion .strategy-deck-heading{opacity:0}
body[data-screen="game"] .battle-screen .strategy-deck-heading{transition:opacity .15s ease}
body[data-screen="game"] .battle-screen.hand-in-motion .hand-toggle-art{animation:none}
@keyframes hand-glove-idle{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-3px) rotate(-3deg)}}
@media(max-width:540px){
 body[data-screen="game"] .battle-screen .hand-controls{height:60px}
 body[data-screen="game"] .battle-screen .hand-controls .hand-toggle{min-height:60px;padding-right:4px}
 body[data-screen="game"] .battle-screen .hand-toggle-art{flex-basis:64px;width:64px;height:64px}
 body[data-screen="game"] .battle-screen .hand-toggle-copy strong{font-size:13px;padding:4px 7px}
}
@media(max-height:480px) and (min-width:541px){
 body[data-screen="game"] .battle-screen .chart-heading .market-price{display:none}
 body[data-screen="game"] .battle-screen .chart-heading .tag{font-size:7px;padding:2px 5px}
 body[data-screen="game"] .battle-screen .boss-indicator-readings{display:none}
 body[data-screen="game"] .battle-screen .boss-stage-caption{font-size:6px;padding-top:2px}
 body[data-screen="game"] .battle-screen .hand-controls{height:44px}
 body[data-screen="game"] .battle-screen .hand-controls .hand-toggle{min-height:44px;padding-right:3px}
 body[data-screen="game"] .battle-screen .hand-toggle-art{flex-basis:46px;width:46px;height:46px}
 body[data-screen="game"] .battle-screen .hand-toggle-copy strong{font-size:11px;padding:3px 6px}
}
body[data-screen="game"].motion-off .hand-toggle *,body[data-screen="game"][data-speed="instant"] .hand-toggle *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){body[data-screen="game"] .hand-toggle *{animation:none!important;transition:none!important}}