/* Original jewel-and-card arena. Decoration never receives pointer events. */
html[data-screen="game"]{background:#e5e8df;background-image:radial-gradient(ellipse at 50% 0,#fff8d7 0,transparent 68%)}
html[data-screen="game"] .topbar{background:linear-gradient(#28464b,#19353c);border-bottom:2px solid #c5a866;color:#fff4cd;box-shadow:0 2px 7px #102f3626}
html[data-screen="game"] .topbar button{color:inherit}html[data-screen="game"] .topbar button:hover{background:#ffffff18}
html[data-screen="game"] .topbar .theme-nav{background:#516963!important}.game-meta .pill{background:linear-gradient(#fffdf0,#e9dbb6);border:1px solid #cbb782;color:#5c4924}
.board{isolation:isolate;border:2px solid #b49c5c;background:radial-gradient(ellipse at 50% 100%,#487866 0,#234b4d 54%,#142f39 100%);box-shadow:inset 0 2px 1px #ffefb75c,inset 0 0 18px #061d2880,0 3px 0 #8b7744,0 7px 14px #23454520}
.board::before{content:"";position:absolute;inset:5px;border:1px solid #d5bf7e55;border-radius:11px;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#e6d6a044 0 1px,transparent 1px) 0 0/18px 18px}
.board::after{content:"";position:absolute;left:20%;right:20%;bottom:-40%;height:90%;background:radial-gradient(ellipse,#a4e4c322,transparent 65%);pointer-events:none;z-index:-1}
.board .opponent{border-color:#bbbd9e;background:linear-gradient(140deg,#fffdf1,#e9eedb);box-shadow:inset 0 2px 0 #ffffffd9,0 2px 3px #08252a40;border-radius:10px}
.board .opponent.active{border-color:#e8b73e;background:linear-gradient(125deg,#fffbed,#fff0c6);box-shadow:inset 0 0 0 1px #fff5b8,0 0 0 2px #f8d26b85,0 0 16px #fed46645}
.opponent-head strong{gap:3px}.opponent-head strong::before{content:"";display:block;flex:0 0 10px;width:10px;height:13px;clip-path:polygon(50% 0,100% 30%,85% 80%,50% 100%,15% 80%,0 30%);background:linear-gradient(135deg,#fff4cc 0 20%,#d97b50 21% 48%,#953837 50% 70%,#f0be76 72%)}
.opponent:nth-child(2) .opponent-head strong::before{background:linear-gradient(135deg,#ebfaff 0 20%,#53b6d7 21% 48%,#255b94 50% 70%,#92dcec 72%)}
.opponent:nth-child(3) .opponent-head strong::before{background:linear-gradient(135deg,#ffeaff 0 20%,#bd8be0 21% 48%,#6c498f 50% 70%,#d4b0e9 72%)}
.board .opponent.targetable{border-color:#f0c160;box-shadow:inset 0 0 0 1px #fffae4,0 0 11px #ffca5455}.board .opponent.target-selected{border-color:#55b6c1;background:linear-gradient(145deg,#eefef5,#cbefdf);box-shadow:0 0 0 2px #66d5c88c,0 0 16px #84ebd54d}
.table-area{isolation:isolate;border-radius:11px;border:1px solid #93b5a855;background:radial-gradient(ellipse at 50% 46%,#faffec,#d8e8d1 68%,#aac9b9);box-shadow:inset 0 1px 5px #d4f0d8a8,inset 0 -2px 6px #204b4433}
.table-area::before{content:"";position:absolute;left:50%;top:45%;width:min(78%,190px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #798f6240;box-shadow:0 0 0 8px #fff8ca1a,0 0 0 9px #8fa57a33;border-radius:22%;z-index:-1;pointer-events:none}
.table-area::after{content:"♠";position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-size:100px;color:#5079560b;z-index:-1;pointer-events:none}
.table-empty{border-color:#8caa8870;background:#f8ffed4d;box-shadow:inset 0 0 16px #efffdb70}.table-empty b{color:#779469}.table-label{color:#284a3c}.stack-rule{color:#456647}
.table-cards .playing-card{box-shadow:0 4px 0 #31594b45,0 7px 12px #284f433b;animation:none}
.board-market{border:1px solid #d1bd7f;border-radius:9px;padding:3px;background:linear-gradient(135deg,#fffbeb,#e5dcc0);box-shadow:inset 0 1px 0 #fffdf3,0 2px 4px #152c3720}
.compact-market-head{color:#655022}.compact-market-head button{background:linear-gradient(#ffffff,#eddfb9);border:1px solid #c4b078;box-shadow:0 1px 0 #b19a5c}
.market-tile{border-color:#9db3bf;box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #627c8240;background:linear-gradient(145deg,#ffffff,#e1edf0);transition:transform .15s,box-shadow .15s}
.market-tile::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#fff9 0 12%,transparent 13% 54%,#ffffff30 55% 65%,transparent 66%);border-radius:inherit}
.market-tile.effect-red{background:linear-gradient(145deg,#fff7ef,#f4dddc);border-color:#c49585;box-shadow:inset 0 1px 0 #fff,0 2px 0 #9d65544d}
.market-tile.buyable{border-color:#7eac4d;background:linear-gradient(145deg,#fbffe5,#dbeaaf);box-shadow:inset 0 0 0 1px #fefff1,0 2px 0 #69874955}
.market-tile.owned{border-color:#488461;background:linear-gradient(145deg,#f2ffe1,#d1e8bf);box-shadow:inset 0 1px 0 #fff,0 2px 0 #43715355}
.market-tile.sold-out{background:linear-gradient(#f1f0e9,#d8d9d2);border-color:#afb1a7}.market-tile.sold-out::after{opacity:.3}.market-tile.sold-out.owned{border-color:#488461}
@media(hover:hover){.market-tile:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 0 #8c764355,0 0 10px #fff5c999}.playing-card.available:not(:disabled):hover{box-shadow:0 0 0 2px #a0daba,0 5px 12px #2f6e5860}}
.turn-banner{border-color:#c7b77b;background:linear-gradient(120deg,#fffdf1,#eee6cd);box-shadow:inset 0 1px 0 white,0 2px 0 #89794622}
.turn-banner.your-turn{background:linear-gradient(120deg,#f4ffdf,#deefc7);border-color:#8db463;box-shadow:inset 0 1px 0 #fff,0 2px 0 #64825340}.turn-banner.cpu-turn{background:linear-gradient(120deg,#f4f6fb,#e3e9f1);border-color:#9bacc0}
.turn-indicator{color:#3a7d55;text-shadow:0 0 12px #acd65d80}.cpu-turn .turn-indicator{color:#487da6}
.hand-area{border-color:#b4c4a8;background:linear-gradient(#fffff7,#edf2df);box-shadow:inset 0 1px 0 #fff,0 2px 0 #70896d22}
.hand-area.active{border-color:#659b63;box-shadow:inset 3px 0 #b3d488,inset 0 1px 0 #fff,0 0 10px #5f9c4c20}
.hand .playing-card.available::after{height:4px;background:linear-gradient(90deg,#4b9664,#daf99f,#4b9664);box-shadow:0 0 8px #94cc7a}
.hand .playing-card.selected{box-shadow:0 4px 0 #72a772,0 0 0 2px #d8eba6,0 0 14px #abd46680}
.assets-area>section{background:linear-gradient(#fffef4,#e9eedf);border-color:#c8cdaf;box-shadow:inset 0 1px 0 white}
.game .owned-card{border-radius:7px;box-shadow:inset 0 1px 0 #fff,0 2px 0 #3a5e652b}.game .owned-card.effect-red{box-shadow:inset 0 -3px #c76a61,0 2px 0 #66473628}
.game .actionbar .primary{background:linear-gradient(#407365,#204d43);border-color:#1e5345;box-shadow:inset 0 1px 0 #97b5a7,0 3px 0 #173a32;text-shadow:0 1px 1px #12372c}
.game .actionbar .effect-resolve{background:linear-gradient(#dc9740,#a15217);border-color:#914914;box-shadow:inset 0 1px 0 #f7d899,0 3px 0 #6f350f;text-shadow:0 1px 1px #773811}
.game .actionbar .primary:disabled{background:#d9dece;border-color:#c2c9b7;box-shadow:none;text-shadow:none;color:#73816c;opacity:.7}
.game .declare-button{background:linear-gradient(#fff9dc,#ebd299);box-shadow:inset 0 1px 0 white,0 2px 0 #a8783c44}.game .declare-button.chosen{background:linear-gradient(#bc7229,#814019);box-shadow:inset 0 1px 0 #e7ba64,0 2px 0 #653219}
/* The two announcement shapes are intentionally different, including in gray scale. */
#cutin.battle-cutin{--cutin-color:#7de4f0;position:fixed;left:50%;right:auto;top:31%;width:min(590px,calc(100vw - 24px));padding:0;transform:translateX(-50%);background:none;color:white;opacity:0;font-size:inherit;text-align:left;letter-spacing:normal;text-shadow:none;z-index:85;pointer-events:none}
#cutin .cutin-panel{position:relative;display:flex;align-items:center;gap:15px;padding:18px 25px;min-height:158px;isolation:isolate;background:linear-gradient(115deg,#153146f7,#154554f2);border:2px solid var(--cutin-color);border-radius:9px 30px 9px 30px;box-shadow:0 0 0 4px #0a223252,0 14px 36px #05242b59,0 0 32px #80e4fa30;overflow:hidden}
#cutin .cutin-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(125deg,transparent 0 25px,#ffffff06 26px 27px),radial-gradient(ellipse at 15% 50%,#8aeaf43d,transparent 55%);pointer-events:none}
#cutin .cutin-panel::after{content:"";position:absolute;inset:-100% 0;z-index:-1;background:linear-gradient(105deg,transparent 35%,#fff5 48%,transparent 61%);transform:translateX(-100%);pointer-events:none}
#cutin[data-kind="buy"]{--cutin-color:#f4cf79;color:#4e340e}
#cutin[data-kind="buy"] .cutin-panel{border-radius:22px;background:linear-gradient(115deg,#fff8d9fa,#ecd594f7);border:3px double #c2933b;box-shadow:0 0 0 3px #fff3c570,0 14px 35px #6b471f38,0 0 40px #fdd66342}
#cutin[data-kind="buy"] .cutin-panel::before{background:radial-gradient(circle at 13% 50%,#ffffeb,transparent 55%)}
#cutin[data-kind="effect"][data-side="red"]{--cutin-color:#ffa288}#cutin[data-kind="effect"][data-side="red"] .cutin-panel{background:linear-gradient(115deg,#4b2335f7,#6b3937f2)}
#cutin[data-kind="win"]{--cutin-color:#f5d88c}#cutin[data-kind="win"] .cutin-panel{background:linear-gradient(115deg,#324838f7,#19372cf5);border-radius:20px;box-shadow:0 0 0 4px #f7db8736,0 15px 50px #16292370}
#cutin .cutin-art{width:84px;flex:0 0 84px;aspect-ratio:5/7;position:relative;filter:drop-shadow(0 4px 9px #0005)}
#cutin .cutin-art img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(-7deg);border-radius:5px}#cutin .cutin-art>span{display:grid;place-content:center;height:100%;font-size:82px;color:#ffe6a5}
#cutin .cutin-copy{display:flex;flex-direction:column;gap:5px;min-width:0}#cutin small.cutin-owner{display:block;font-size:15px;font-weight:750;letter-spacing:.025em;margin:0;color:inherit}
#cutin .cutin-label{font-size:clamp(23px,4.6vw,34px);line-height:1.2;color:var(--cutin-color);text-shadow:0 2px 0 #0d2632}
#cutin[data-kind="buy"] .cutin-label{color:#6f410c;text-shadow:0 1px 0 #fff5d1}#cutin .cutin-name{font-size:clamp(17px,3.6vw,23px);line-height:1.3;font-weight:850;color:inherit}
#cutin .cutin-note{font-size:12px;line-height:1.4;opacity:.9}#cutin .cutin-tag{position:absolute;right:13px;top:8px;font-size:10px;font-weight:900;letter-spacing:.2em;opacity:.65}
#cutin .cutin-emblem{position:absolute;right:5px;bottom:-15px;font-size:104px;line-height:1;opacity:.09;transform:rotate(-10deg);z-index:-1}
#cutin.battle-cutin.show{animation:skill-entry 1.65s ease both}#cutin.battle-cutin[data-kind="buy"].show{animation:get-entry 1.65s ease both}
#cutin.battle-cutin.show .cutin-panel::after{animation:cutin-sheen 1.4s .1s ease-out both}#cutin.battle-cutin.show .cutin-art{animation:card-pop .5s cubic-bezier(.19,.75,.3,1.25) both}
#cutin.battle-cutin.quiet.show{animation:quiet-notice 1.1s linear both;top:65px}#cutin.battle-cutin.quiet .cutin-panel{min-height:104px;padding:10px 16px}#cutin.battle-cutin.quiet .cutin-art{width:52px;flex-basis:52px;animation:none}#cutin.battle-cutin.quiet .cutin-panel::after{display:none}
@keyframes get-entry{0%{opacity:0;transform:translate(-50%,30px) scale(.86)}15%{opacity:1;transform:translate(-50%,0) scale(1.025)}25%,82%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-12px) scale(.97)}}
@keyframes skill-entry{0%{opacity:0;transform:translate(-58%,0) scaleX(.9)}14%{opacity:1;transform:translate(-50%,0) scaleX(1)}83%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-44%,0)}}
@keyframes quiet-notice{0%,90%{opacity:1;transform:translateX(-50%)}100%{opacity:0;transform:translateX(-50%)}}
@keyframes cutin-sheen{0%,20%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes card-pop{from{transform:scale(.75) rotate(-10deg)}to{transform:scale(1) rotate(0)}}
/* A short localized burst at actual card landing positions. Maximum eight live nodes. */
.battle-impact{--impact:#76e2d1;position:fixed;width:0;height:0;z-index:74;pointer-events:none;contain:layout style}
.impact-stock,.impact-buy{--impact:#ffd366}.impact-effect{--impact:#ad94ff}.impact-discard{--impact:#b698d3}.impact-target{--impact:#65bdde}.impact-turn{--impact:#dfdc85}
.impact-ring{position:absolute;width:70px;height:70px;left:-35px;top:-35px;border:3px solid var(--impact);border-radius:50%;box-shadow:0 0 8px var(--impact),inset 0 0 8px var(--impact);animation:impact-ring .6s ease-out both}
.impact-core{position:absolute;width:36px;height:36px;left:-18px;top:-18px;border-radius:50%;background:radial-gradient(#fff9,var(--impact) 12%,transparent 68%);animation:impact-core .42s ease-out both}
.impact-spark{position:absolute;width:5px;height:9px;left:-2px;top:-4px;background:var(--impact);border-radius:50% 50% 30% 30%;box-shadow:0 0 5px var(--impact);animation:impact-spark .6s ease-out both}
.impact-draw .impact-ring,.impact-turn .impact-spark{display:none}.impact-draw .impact-spark{width:3px;height:6px}.impact-discard .impact-ring{border-style:dashed}
@keyframes impact-ring{from{transform:scale(.3);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes impact-core{from{transform:scale(.7);opacity:.7}to{transform:scale(1.7);opacity:0}}@keyframes impact-spark{from{transform:rotate(var(--angle)) translateY(-8px) scale(1);opacity:1}to{transform:rotate(var(--angle)) translateY(calc(-1 * var(--reach))) scale(.2);opacity:0}}
@media(max-width:760px){
 .board{border-radius:13px}.board-market{padding:2px}.board .opponent{border-radius:7px}.opponent-head strong{gap:2px}.opponent-head strong::before{flex-basis:7px;width:7px;height:10px}
 .table-area::before{width:70%}.table-area::after{font-size:60px}.game .owned-card{border-radius:5px}
 #cutin.battle-cutin{width:calc(100vw - 18px);top:27%}#cutin .cutin-panel{padding:16px 13px;gap:12px;min-height:138px}#cutin .cutin-art{width:65px;flex-basis:65px}#cutin small.cutin-owner{font-size:12px}#cutin .cutin-note{font-size:11px}#cutin .cutin-tag{font-size:9px;right:9px;top:5px}#cutin .cutin-copy{gap:5px}
 .impact-ring{width:54px;height:54px;left:-27px;top:-27px}
}
@media(prefers-reduced-motion:reduce){
 #cutin.battle-cutin.show{animation:quiet-notice 1.1s linear both}#cutin.battle-cutin.show .cutin-art{animation:none}#cutin .cutin-panel::after,.battle-impact{display:none}
 .market-tile{transition:none}
}
html[data-reduce="true"] .market-tile{transition:none}
/* OS reduced-motion disables animation globally; keep the message itself visible. */
#cutin.battle-cutin.show{opacity:1}
/* Turn and lead bonus are central announcements, also in reduced-motion mode. */
#cutin.battle-cutin[data-kind="turn"],#cutin.battle-cutin[data-kind="bonus"]{top:50%;transform:translate(-50%,-50%);width:min(510px,calc(100vw - 24px))}
#cutin[data-kind="turn"]{--cutin-color:#d6f8a9}#cutin[data-kind="turn"] .cutin-panel{border-radius:16px;background:linear-gradient(120deg,#174b42f7,#326743f7);border-width:3px;box-shadow:0 0 0 5px #e5fca333,0 16px 40px #173f4a66}
#cutin[data-kind="bonus"]{--cutin-color:#ffe198}#cutin[data-kind="bonus"] .cutin-panel{border-radius:30px 8px;background:linear-gradient(120deg,#69401bf7,#9b5c20f7);border-width:3px}
#cutin[data-kind="turn"] .cutin-art,#cutin[data-kind="bonus"] .cutin-art{aspect-ratio:1;width:78px;flex-basis:78px}
#cutin[data-kind="turn"] .cutin-art>span,#cutin[data-kind="bonus"] .cutin-art>span{font-size:48px;font-weight:900;color:var(--cutin-color)}
#cutin.battle-cutin[data-kind="turn"].show,#cutin.battle-cutin[data-kind="bonus"].show{animation:center-notice 1.65s ease both}
#cutin.battle-cutin.quiet[data-kind="turn"].show,#cutin.battle-cutin.quiet[data-kind="bonus"].show{animation:none}
@keyframes center-notice{0%{opacity:0;transform:translate(-50%,-50%) scale(.88)}14%,83%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-56%) scale(1.02)}}
/* Only SKILL announcements illuminate the exact owner, table, and played cards. */
[data-player-seat].skill-active,.table-area.skill-active{--skill-glow:#67dff6;position:relative;outline:3px solid var(--skill-glow);outline-offset:-3px;box-shadow:inset 0 0 26px #70e3ff6b,0 0 18px #55e0ff99;animation:skill-aura .55s ease-in-out 3;z-index:3}
[data-player-seat].skill-active[data-skill-side="red"],.table-area.skill-active[data-skill-side="red"]{--skill-glow:#ff9878;box-shadow:inset 0 0 26px #ffae776b,0 0 18px #ff8e7299}
.table-cards.skill-active .playing-card{filter:drop-shadow(0 0 7px #49dafb);outline:2px solid #9bedff;outline-offset:1px;animation:skill-card-light .55s ease-in-out 3}
.table-cards.skill-active[data-skill-side="red"] .playing-card{filter:drop-shadow(0 0 7px #ff9479);outline-color:#ffc7a5}
@keyframes skill-aura{0%,100%{outline-width:2px;outline-offset:-2px}50%{outline-width:4px;outline-offset:-4px}}
@keyframes skill-card-light{0%,100%{opacity:1}50%{opacity:.82}}
html[data-reduce="true"] .skill-active,html[data-reduce="true"] .table-cards.skill-active .playing-card{animation:none}
@media(prefers-reduced-motion:reduce){[data-player-seat].skill-active,.table-area.skill-active,.table-cards.skill-active .playing-card{animation:none}#cutin.battle-cutin[data-kind="turn"].show,#cutin.battle-cutin[data-kind="bonus"].show{animation:none}}
@media(max-width:760px){#cutin[data-kind="turn"] .cutin-art,#cutin[data-kind="bonus"] .cutin-art{width:54px;flex-basis:54px}#cutin[data-kind="turn"] .cutin-art>span,#cutin[data-kind="bonus"] .cutin-art>span{font-size:36px}}
/* Read the actual outcome in the center before the CPU continues. */
#cutin.battle-cutin[data-kind="result"],#cutin.battle-cutin[data-kind="intent"],#cutin.battle-cutin[data-result="true"],#cutin.battle-cutin.acquiring{top:50%;transform:translate(-50%,-50%)}
#cutin.battle-cutin[data-kind="result"].show,#cutin.battle-cutin[data-kind="intent"].show,#cutin.battle-cutin[data-result="true"].show,#cutin.battle-cutin.acquiring.show{animation:none}
#cutin .cutin-outcome{display:flex;flex-direction:column;gap:6px}
#cutin[data-result="true"] .cutin-outcome{margin-top:5px;padding:10px 12px;border:1px solid #ffffff45;border-radius:9px;background:#071f396b;max-height:45dvh;overflow:auto;pointer-events:auto}
#cutin[data-result="true"] .cutin-note{font-size:clamp(16px,3.5vw,21px);font-weight:800;line-height:1.55;opacity:1}
#cutin[data-result="true"] .cutin-label{font-size:20px}#cutin[data-result="true"] .cutin-name{font-size:18px}
#cutin .cutin-status{font-size:12px;font-weight:800;color:#defcc0}#cutin .cutin-details{margin:0;padding-left:18px;font-size:14px;line-height:1.5}
#cutin[data-kind="result"][data-side="red"] .cutin-panel,#cutin[data-kind="intent"][data-side="red"] .cutin-panel{--cutin-color:#ffa288;background:linear-gradient(115deg,#4b2335f7,#6b3937f2)}
#cutin[data-kind="intent"] .cutin-name{font-size:32px;color:#ffe6a0}#cutin[data-kind="intent"] .cutin-note{font-size:17px;font-weight:700}
#cutin[data-kind="result"] .cutin-art{width:64px;flex-basis:64px}
#cutin.battle-cutin.acquiring .cutin-art img{transform:none}#cutin.battle-cutin.acquiring-out .cutin-art{visibility:hidden}
#cutin.battle-cutin.acquiring-out .cutin-panel::after{display:none}
.game .owned-card.acquisition-pending{visibility:hidden;pointer-events:none}
.purchase-flight{position:fixed;z-index:90;pointer-events:none;transform-origin:50% 50%;filter:drop-shadow(0 0 12px #ffe590)}
.purchase-flight img{display:block;width:100%;height:100%;border-radius:6px;object-fit:fill}
#cutin.battle-cutin.show:not([data-result="true"]):not(.acquiring){animation-duration:var(--notice-ms,1.65s)}
@media(max-width:760px){#cutin[data-result="true"] .cutin-panel{padding:14px 10px;gap:9px}#cutin[data-result="true"] .cutin-art{width:45px;flex-basis:45px}#cutin[data-result="true"] .cutin-outcome{padding:8px}#cutin .cutin-details{font-size:12px}#cutin[data-result="true"] .cutin-label{font-size:17px}#cutin[data-result="true"] .cutin-name{font-size:16px}}

/* Specificity also wins over the compact quiet-mode placement. */
#cutin.battle-cutin.show:is([data-kind="result"],[data-kind="intent"],[data-result="true"],[data-kind="turn"],[data-kind="bonus"],.acquiring){top:50%;transform:translate(-50%,-50%)}
#cutin.battle-cutin[data-kind="buy"].show{top:50%;transform:translate(-50%,-50%);animation:center-notice var(--notice-ms,1.65s) ease both}
#cutin.battle-cutin.quiet[data-kind="buy"].show,#cutin.battle-cutin.acquiring.show{animation:none}

/* Light mode keeps the same cards, choices and notices, without decorative repaint work. */
.game-menu .light-mode-toggle{border:1px solid #537b68;background:#f3f7eb;color:#244e3e;min-width:70px}
.game-menu .light-mode-toggle[aria-pressed="true"]{background:#245b46;color:#fff;border-color:#245b46}
html[data-light="true"] .game *,html[data-light="true"] .game *::before,html[data-light="true"] .game *::after,
html[data-light="true"] #cutin,html[data-light="true"] #cutin *,html[data-light="true"] #cutin *::before,html[data-light="true"] #cutin *::after{
 animation:none!important;transition:none!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;scroll-behavior:auto!important
}
html[data-light="true"] .board{background:#dbe9d9}
html[data-light="true"] .playing-card,html[data-light="true"] #cutin .cutin-art{filter:none!important}
html[data-light="true"] .board::before,html[data-light="true"] .table-area::before,html[data-light="true"] .table-area::after,
html[data-light="true"] #cutin .cutin-panel::before,html[data-light="true"] #cutin .cutin-panel::after,
html[data-light="true"] .battle-impact{display:none}
html[data-light="true"] #cutin.battle-cutin.show{top:50%;transform:translate(-50%,-50%);opacity:1}
@media(max-width:420px){.game-meta .pill{display:none}.game-menu{width:100%;justify-content:flex-end}.game-menu .light-mode-toggle{margin-right:auto}}

.sound-samples{display:flex;gap:6px;flex-wrap:wrap}.sound-samples button{min-height:44px;font-size:12px;padding:6px 10px}