/* Muted evening palette and physical depth, without softening card artwork. */
:root{color-scheme:dark;--bg:#14231f;--ink:#e1e4d5;--muted:#acb9ab;--line:#425248;--green:#9fb48d;--coral:#bf9581;--felt:#24483c;--brass:#b2a077}
body{background:radial-gradient(ellipse at 40% 25%,#24362e 0%,#172720 55%,#111e19 100%);color:var(--ink)}
header{background:linear-gradient(#293a31,#1a2b24);border-bottom:1px solid #57614b;box-shadow:0 3px 9px #07110c65;position:relative;z-index:2}.brand{color:#ddd5ba}.brand .logo{color:#dfd4ad;background:linear-gradient(#405741,#243e30);border:1px solid #697257;box-shadow:inset 0 1px 0 #c9c7aa28,0 2px 0 #101f17}.tag{color:#b1bdad}.language-switch{background:#12251d;border-color:#4a604d;box-shadow:inset 0 2px 4px #0003}.language-switch button{color:#c1cbb8}.language-switch button[aria-pressed=true]{background:linear-gradient(#4d664d,#36513e);color:#f0e9d5;box-shadow:inset 0 1px 0 #d6e1bd30,0 2px 3px #071b1050}.language-switch button:hover{background:#36503d}.language-switch button[aria-pressed=true]:hover{background:#4b644a}
.icon,.quiet,.history-btn{color:#e0d8bf;background:linear-gradient(#3e5140,#253d2e);border:1px solid #63705a;box-shadow:inset 0 1px 0 #d6dfbb24,0 2px 0 #0e2116,0 3px 5px #0003}.icon:active,.quiet:active,.history-btn:active{box-shadow:inset 0 2px 4px #07140d80;transform:translateY(1px)}
.arena{background:#20372d;border:1px solid #4b5947;box-shadow:inset 0 1px 0 #c7c7a21c,0 5px 0 #0e1f16,0 10px 22px #0004}.arena-top{color:#b6c1ab;background:linear-gradient(#2b4032,#23382b);border-bottom:1px solid #46533d}.arena-top b{color:#9e9c78}
.table{background:radial-gradient(ellipse at 48% 40%,#2f5142 0%,#244538 45%,#1b362b 85%);box-shadow:inset 0 10px 22px #061c1260,inset 0 -2px 7px #0b1b1250}.table-ring{inset:8% 8% 10%;border:7px solid #62583f;border-radius:18px;background:#ffffc5;box-shadow:inset 0 0 0 1px #b7a67770,inset 0 5px 14px #07190e90,0 1px 0 #a1946e,0 5px 0 #3b392b,0 8px 0 #17251a,0 12px 12px #07170c80;pointer-events:none}.table-ring::before{content:'';position:absolute;inset:9px;border:1px solid #fff3bf65;border-radius:inherit;box-shadow:inset 0 0 12px #0e291d40}.table-ring::after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(35deg,#e0dabb02 0,#e0dabb02 1px,transparent 1px,transparent 4px);pointer-events:none}.center-mark{color:#a7b69722;text-shadow:0 1px 0 #07180e60}.center-mark span{color:#9fb08f38}
.seat strong{color:#e1e3d0;text-shadow:0 1px 2px #06190e}.seat small,html[lang=si] .seat small{color:#b5c1a8}.avatar{background:radial-gradient(circle at 36% 25%,#b4c5a0,#7d9a7e);border-color:#405b42;color:#173123;box-shadow:0 0 0 1px #8a997154,inset 0 1px 0 #e0dfb763,0 3px 4px #03150b88}.avatar.coral{background:radial-gradient(circle at 35% 25%,#cdb294,#a17c65);border-color:#6d6650;color:#382a22;box-shadow:0 0 0 1px #b29b7250,inset 0 1px 0 #e8d9b14d,0 3px 4px #03150b88}.seat.active .avatar{box-shadow:0 0 0 2px #c8b682,0 3px 8px #071b0d99}.you-marker{color:#d9dfcb}.your-turn{background:#3c5337;color:#e3d7b1;border-color:#9b9f6a;box-shadow:inset 0 1px 0 #c3cc9d1f}
.hand-zone{background:linear-gradient(#243a2d,#192f24);border-top:1px solid #63704f;box-shadow:inset 0 3px 0 #081e1390,inset 0 5px 9px #09190e60}.hand-label,html[lang=si] .hand-label{color:#c7d0b8}.hand-label b{color:#a2b096}.hand-label>span:last-child{color:#d8cfaa}
.card-face{background:#f7efdc}.card-face::before{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(103,78,26,.045);pointer-events:none;z-index:1}.card,.picker-cards .card{border-color:#c8bca0}.card-reverse{box-shadow:inset 0 0 0 1px #d3be8050}#hand .card{box-shadow:0 1px 0 #c8bea5,0 2px 0 #aaa58e,-2px 5px 6px #03110888}#hand .card.playable{outline-color:#cbb77f;box-shadow:0 1px 0 #c8bea5,0 2px 0 #aaa58e,-1px 7px 9px #03110899}#hand .card.illegal .card-face::after{background:rgba(13,29,19,.16)}#played .card{box-shadow:0 1px 0 #b7ae91,0 2px 0 #8d8d76,0 5px 8px #061a0e99}#played .card.winner{outline:2px solid #c6b57d;box-shadow:0 1px 0 #b7ae91,0 5px 9px #061a0e99}.back{box-shadow:1px 1px 0 #b1a77f,2px 3px 4px #00170b80}
.score-panel,.action-panel{background:linear-gradient(130deg,#2c4032,#22352a);border:1px solid #536047;box-shadow:inset 0 1px 0 #d2d3ad1a,0 3px 0 #122419,0 5px 11px #08170d50;color:#e0e3cf}.panel-top{color:#b5c2a6}.score-row strong,html[lang=si] .score-row strong{color:#d8dfc8}.score-row small{color:#aab99f}.score-row>b{color:#e0d4a9;text-shadow:0 2px 1px #0c2314;font-variant-numeric:tabular-nums}.score-row+.score-row{border-color:#5b654e}.dot{background:#9bb789;box-shadow:0 1px 2px #07180e}.dot.coral-bg{background:#c4977e}.goal{color:#acb89f;border-color:#546149}.goal span{color:#c7d0b6}.action-panel .eyebrow{color:#b1be9f}.action-panel h2{color:#e1d4ab}.action-panel p,html[lang=si] .action-panel p{color:#bfccb4}.trick-score{border-color:#59664c}.trick-score>span,html[lang=si] .trick-score>span{color:#b4c1a6}.trick-score b{color:#d6d9bd}.trick-score div>span{color:#c0c9ad}.trick-score em{color:#98a88c}.track i{background:#152a1c;border:1px solid #40533a}.track i.us{background:#96aa7c;border-color:#a9b88a}.track i.them{background:#ae8b72;border-color:#c0a087}#carry{color:#d4c6a2}.primary{background:linear-gradient(#657353,#475d3e);border:1px solid #7a8664;color:#f0e9d3;box-shadow:inset 0 1px 0 #d3ddba24,0 3px 0 #152b1a}.primary:active{box-shadow:inset 0 2px 5px #19302180;transform:translateY(1px)}
dialog{background:linear-gradient(135deg,#2b4032,#203429);color:#e0e4d1;border:1px solid #788163;box-shadow:0 8px 0 #101f16,0 22px 70px #0007}dialog h2{color:#dfd2ab}dialog a{color:#c4d0a5}dialog .close{background:#273c2e;color:#e1d5b4}.last-cards small{color:#c1ceb5}
dialog.trump-picker{background:radial-gradient(ellipse at 48% 28%,#2d4e3c,#1d382b 76%);border-color:#a89b70;box-shadow:inset 0 0 0 4px #182e22,inset 0 0 0 5px #7c7956,0 6px 0 #101f16,0 20px 60px #0007}.trump-picker .picker-banner h2,html[lang=si] .trump-picker .picker-banner h2{color:#e1d5b2;text-shadow:0 2px 1px #101d12}.picker-subtitle{color:#beb691}.picker-hint{color:#bfccb3}.picker-close{background:linear-gradient(#4b5c42,#2b422d);border-color:#8f956b;color:#dfd4aa;box-shadow:inset 0 1px 0 #d4d8ad24,0 2px 4px #0b1d0f90}.picker-cards .picked-card{outline-color:#c8b785;box-shadow:0 4px 7px #06150b70}.picker-suit{background:linear-gradient(135deg,#365d44,#1e3e2b);color:#e2d8b8;border-color:#738566;box-shadow:inset 0 1px 0 #d5dcba24,0 4px 0 #102719,0 6px 8px #081c1080}.picker-suit.red{color:#d48674}.picker-suit[aria-pressed=true]{border-color:#ccbc8b;box-shadow:0 0 0 2px #887e56,inset 0 1px 0 #d6ddba33,0 4px 0 #102719}.picker-suit[aria-pressed=true]::after{background:linear-gradient(#b5a26b,#81764f);border-color:#d4c48b;color:#fff1c7;box-shadow:0 2px 5px #10221580}.picker-selection{color:#d0c59f}.picker-confirm{background:linear-gradient(130deg,#b8a16b,#d3c08b 38%,#a58a54 82%,#b49c62);border-color:#c7b47f;color:#213522;text-shadow:none;box-shadow:inset 0 0 0 2px #958657,inset 0 0 0 4px #c4b782,0 4px 0 #535037,0 6px 12px #0a1e0f99}.picker-confirm:disabled{background:linear-gradient(#65735b,#465c42);border-color:#728064;color:#abb49b;box-shadow:inset 0 1px 0 #c3ceb024,0 3px 0 #263d27}.picker-confirm:not(:disabled):active{box-shadow:inset 0 2px 4px #74684070,0 1px 0 #535037}
.trump-announcement{background:radial-gradient(ellipse,#2f4e3bed,#172e22f5);color:#ded5b8}.trump-reveal-label,.trump-reveal-caller{color:#c1c9ad}.trump-reveal-symbol{color:#e3d9b9;text-shadow:0 5px 15px #0003}.red-trump .trump-reveal-symbol{color:#d49b84;text-shadow:0 5px 15px #0003}.trick-result{background:linear-gradient(#3e5940,#29482f);border-color:#aaa473;color:#eee0b9;box-shadow:inset 0 1px 0 #d9dfba20,0 4px 0 #152c1b,0 8px 16px #07190d70}.trick-result.trick-lost{background:linear-gradient(#624b3c,#44382d);border-color:#a59876;color:#ead7bc}.trick-result>span,.trick-result.trick-lost>span{border-color:#b9b084}
@media(max-width:700px) and (orientation:portrait){.score-panel,.action-panel{box-shadow:inset 0 1px 0 #d2d3ad1a,0 2px 0 #122419}.table-ring{border-width:5px;box-shadow:inset 0 0 0 1px #b7a67765,inset 0 4px 10px #07190e80,0 1px 0 #a1946e,0 4px 0 #3b392b,0 6px 0 #17251a,0 9px 9px #07170c70}}
@media(orientation:landscape) and (max-height:600px){.table-ring{border-width:4px;inset:7% 7% 9%;box-shadow:inset 0 0 0 1px #b7a67765,inset 0 3px 8px #07190e80,0 1px 0 #a1946e,0 3px 0 #3b392b,0 5px 0 #17251a,0 7px 8px #07170c70}}
/* Keep rotated corner ornaments inside the dialog's scrollable bounds. */
dialog.trump-picker::before{left:17px;top:17px}dialog.trump-picker::after{right:17px;bottom:17px}
.sound-toggle{display:grid;place-items:center}.sound-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sound-toggle[aria-pressed=false]{color:#a6b19d;background:#1c3024}
@media(max-width:420px){header{gap:5px;padding-left:8px;padding-right:8px}.brand{font-size:16px;gap:2px}.brand .logo{width:23px;margin-right:0}.language-switch button{padding-left:6px;padding-right:6px}.icon,.quiet,.history-btn{width:32px}}
@media(max-width:350px){header{gap:4px;padding-left:5px;padding-right:5px}.brand-light{display:none}.language-switch button{padding-left:4px;padding-right:4px}.icon,.quiet,.history-btn{width:30px}}

/* Preserve name contrast over the light felt. */
.north strong,.north small{background:#20382ced;border-radius:5px;padding:1px 5px;text-shadow:none}

/* Jewel accents around the user's light-yellow playing surface. */
body{background:radial-gradient(ellipse at 12% 5%,#254d48,transparent 55%),radial-gradient(ellipse at 95% 90%,#303b54,transparent 65%),#142b29}
header{background:linear-gradient(110deg,#164d43,#263e4c 65%,#363b51);border-bottom-color:#bcaa70}.brand{color:#f2dfaa}.brand .logo{background:linear-gradient(145deg,#519a7c,#215345);color:#ffdf83;border-color:#a4b886}
.arena{border-color:#789b80}.arena-top{background:linear-gradient(90deg,#23584b,#304f59);color:#e0d9ac}.table{background:radial-gradient(ellipse at 45% 40%,#346d5c,#204e43 70%,#193b37)}
.table-ring{background:#ffffc5;border-color:#a68543;box-shadow:inset 0 0 0 1px #fff2bb,inset 0 4px 12px #6a5b323b,0 1px 0 #f0d792,0 5px 0 #6f5434,0 8px 0 #233d35,0 12px 14px #09261e90}.table-ring::before{border-color:#bba75f80;box-shadow:inset 0 0 10px #bbaa5120}.table-ring::after{background:repeating-linear-gradient(35deg,#c3a64c05 0,#c3a64c05 1px,transparent 1px,transparent 4px)}
.seat.north .avatar{background:radial-gradient(circle at 32% 25%,#c0dab1,#5b9e78);border-color:#85b892;color:#143f2c}.seat.west .avatar{background:radial-gradient(circle at 32% 25%,#e8cba2,#bc8261);border-color:#d5af81;color:#51382d}.seat.east .avatar{background:radial-gradient(circle at 32% 25%,#d5c4e4,#947eaf);border-color:#b49acb;color:#382c50}.you-marker .avatar{background:radial-gradient(circle at 32% 25%,#c1dfdc,#5fa69e);border-color:#9bc9b6;color:#173c3d}.seat.active .avatar{box-shadow:0 0 0 2px #f0cc75,0 3px 8px #092a2199}.your-turn{background:linear-gradient(#bba35f,#927e45);color:#172e22;border-color:#edcf86}
.hand-zone{background:linear-gradient(120deg,#254c42,#243e4e);border-top-color:#a99b65}.hand-label,html[lang=si] .hand-label{color:#d8e3cc}.hand-label>span:last-child{color:#e4d59f}
.score-panel{background:linear-gradient(120deg,#2d5a49,#304d4d);border-color:#829679}.score-row:first-of-type>b{color:#d7e8a9}.score-row>b{color:#f3d596}.dot{background:#bdd487}.dot.coral-bg{background:#dcae8b}.score-row strong,html[lang=si] .score-row strong{color:#f0ebd5}.score-row small{color:#c0d1b9}.panel-top{color:#d3dcc1}.goal{color:#c2ceb4}
.action-panel{background:linear-gradient(150deg,#354d56,#273f4b 70%,#303c4f);border-color:#738e8c}.action-panel h2,html[lang=si] .action-panel h2{color:#f1d394}.action-panel .eyebrow{color:#bbd5d3}.action-panel p,html[lang=si] .action-panel p{color:#d0dcca}.trick-score{border-color:#637f80}.track i.us{background:#a6c97c;border-color:#cee5a0}.track i.them{background:#dba187;border-color:#f0c5a2}.trick-score b{color:#eddbad}
.icon,.quiet,.history-btn{background:linear-gradient(145deg,#4b7865,#2b514a);border-color:#829d7b;color:#eedda9}.settings-open{background:linear-gradient(145deg,#ba9d5e,#7a6b41);border-color:#dbc58c;color:#fff1ca}.primary{background:linear-gradient(135deg,#d8c385,#b49a5b);color:#18362b;border-color:#e7d19a}
@media(max-width:700px) and (orientation:portrait){.table-ring{box-shadow:inset 0 0 0 1px #fff2bb,inset 0 4px 10px #6a5b323b,0 1px 0 #f0d792,0 4px 0 #6f5434,0 6px 0 #233d35,0 9px 9px #09261e80}}
@media(orientation:landscape) and (max-height:600px){.table-ring{box-shadow:inset 0 0 0 1px #fff2bb,inset 0 3px 8px #6a5b323b,0 1px 0 #f0d792,0 3px 0 #6f5434,0 5px 0 #233d35,0 7px 8px #09261e80}}

/* Remaining Kaeta Kola: green at ten, through gold and orange to red at zero. */
.score-row>b[data-reserve],.round-summary-reserves b[data-reserve]{color:var(--reserve-colour,#76e8a2);transition:color .35s ease;text-shadow:0 2px 2px #071e18;font-variant-numeric:tabular-nums}
[data-reserve="0"]{--reserve-colour:#ff727d}
[data-reserve="1"]{--reserve-colour:#ff8175}
[data-reserve="2"]{--reserve-colour:#ff946c}
[data-reserve="3"]{--reserve-colour:#ffac67}
[data-reserve="4"]{--reserve-colour:#ffc76c}
[data-reserve="5"]{--reserve-colour:#f0da70}
[data-reserve="6"]{--reserve-colour:#d6df79}
[data-reserve="7"]{--reserve-colour:#b6e486}
[data-reserve="8"]{--reserve-colour:#99e793}
[data-reserve="9"]{--reserve-colour:#83e89c}
[data-reserve="10"]{--reserve-colour:#76e8a2}
@media(prefers-reduced-motion:reduce){.score-row>b[data-reserve],.round-summary-reserves b[data-reserve]{transition:none}}