/* Hand states share the same slot: hover peeks, selection lifts the whole card. */
.hand-card:hover,.hand-card:focus-visible{transform:translateX(calc(-50% + var(--fan-x))) translateY(-48px) rotate(0deg) scale(1.03);z-index:24;filter:brightness(1.05)}
.hand-card.is-selected,.hand-card.is-selected:hover,.hand-card.is-selected:focus-visible{transform:translateX(calc(-50% + var(--fan-x))) translateY(-164px) rotate(0deg) scale(1.16);z-index:40;filter:brightness(1.06);box-shadow:0 0 0 3px #ffe39a,0 0 24px #ffd86a77,0 14px 30px #00121bb3}
.hand-card:hover:after,.hand-card:focus-visible:after{display:none;pointer-events:none}
.playing.has-card-selection #hand-fold{bottom:23px}
.card-combat.has-card-selection .gamebar #hint{opacity:0}
.battle-target{box-shadow:0 0 0 3px #102831bb,0 0 20px #ffe48da6;animation:card-target-light 1.8s ease-in-out infinite}
.battle-target.help{box-shadow:0 0 0 3px #102831bb,0 0 20px #a1efd3a6}
@keyframes card-target-light{50%{filter:brightness(1.2);box-shadow:0 0 0 4px #102831bb,0 0 27px #ffe48dc9}}
@media(prefers-reduced-motion:reduce){.hand-card{transition:none}.battle-target{animation:none}}
#game-viewport #player-tutorial{width:1060px!important;max-height:790px!important;padding:28px 35px 25px;overflow:auto;background:radial-gradient(ellipse at 20% 30%,#325358,#102e3b 70%);border:16px solid transparent;border-image:url('assets/anime-panel-frame.png') 180 stretch;color:#e7dfc4}.tutorial-heading{display:flex;align-items:center;justify-content:space-between}.tutorial-heading .eyebrow{font-size:calc(12px + var(--ui-font-adjust, 0px));letter-spacing:2.5px;color:#c7d7c5}.tutorial-heading button{border:0;background:transparent;color:#c1c8b5;font-size:calc(12px + var(--ui-font-adjust, 0px));padding:8px}
#tutorial-dots{display:flex;align-items:center;justify-content:center;margin:23px 0 8px}#tutorial-dots>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #9aab9666;border-radius:50%;color:#a6bcb1;background:#163846;font-size:calc(13px + var(--ui-font-adjust, 0px))}#tutorial-dots .active{border-color:#f4d497;color:#fff2bd;background:#9b7c3a;box-shadow:0 0 17px #e5be5844}#tutorial-dots .done{border-color:#b6c5a1;color:#d7e7ba}#tutorial-dots>i{width:65px;height:1px;background:#b5a47355}
.tutorial-content{display:grid;grid-template-columns:320px 1fr;gap:36px;align-items:center;min-height:425px;padding:10px 7px}.tutorial-copy h2{font-family:Cinzel,Georgia,serif!important;font-size:calc(32px + var(--ui-font-adjust, 0px))!important;line-height:1.25;margin:12px 0 14px!important;color:#ffdf9e}.tutorial-copy>.eyebrow{font-size:calc(10px + var(--ui-font-adjust, 0px));letter-spacing:1.8px;color:#b8cbb7}.tutorial-copy>p{font-size:calc(18px + var(--ui-font-adjust, 0px))!important;line-height:1.65!important;color:#edf0d9;margin:0 0 20px!important}#tutorial-tips{display:grid;gap:12px}#tutorial-tips>div{padding-left:16px;border-left:2px solid #baa26377}#tutorial-tips b{display:block;font-size:calc(14px + var(--ui-font-adjust, 0px));color:#e9d59e}#tutorial-tips p{font-size:calc(14px + var(--ui-font-adjust, 0px))!important;line-height:1.6!important;margin:5px 0 0!important;color:#bed0c3}
#tutorial-illustration{display:flex;align-items:center;justify-content:center;height:390px;background:radial-gradient(ellipse,#9ed9be18,transparent 68%)}.tutorial-art-medallion{display:grid;place-items:center;width:230px;height:260px;border:1px solid #c8ad6c44;outline:1px solid #d4b87933;outline-offset:12px;border-radius:48%;background:radial-gradient(ellipse,#b7dfce21,#102e3b00);filter:drop-shadow(0 8px 16px #0007)}.tutorial-art-medallion svg{width:190px;height:190px}.tutorial-sample-card{width:225px;height:338px;transform:rotate(-7deg);box-shadow:0 12px 25px #0007;border-radius:10px}.tutorial-sample-card .tabletop-card{width:100%;height:100%}.tutorial-sample-card .tabletop-title{font-size:calc(15px + var(--ui-font-adjust, 0px))}.tutorial-sample-card .tabletop-effect{font-size:calc(15px + var(--ui-font-adjust, 0px))!important}.tutorial-sample-card .tabletop-cost{font-size:calc(24px + var(--ui-font-adjust, 0px))}
.tutorial-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cbb47b55;padding-top:20px}.tutorial-controls>span{font-size:calc(11px + var(--ui-font-adjust, 0px));color:#a9c2b7;max-width:300px;text-align:center}.tutorial-controls button{padding:12px 20px;font-size:calc(14px + var(--ui-font-adjust, 0px));border:1px solid #cbb27a;background:#1d3d45;color:#e8d3a4}.tutorial-controls #tutorial-next{background:linear-gradient(#dfc88c,#ad9157);color:#17343d;min-width:175px}.tutorial-controls button:disabled{opacity:.3}.tutorial-speaking #card-hand,.tutorial-speaking #hand-fold,.tutorial-speaking #battle-targets{visibility:hidden}
#tutorial-help{min-width:80px}#tutorial-help>span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #d2bc7e88;border-radius:50%;margin-right:3px}.hud-hidden #tutorial-help{display:none}#chapter-end[data-mode=complete] #chapter-home{background:linear-gradient(#dfc88c,#ad9157);color:#17343d;font-size:calc(15px + var(--ui-font-adjust, 0px));min-width:230px}