.table-panel{padding:clamp(16px,3vw,38px);border:1px solid #676b73;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#ff7b1410,transparent 65%),#101214;color:#f8eee2}.table-panel h2{font:750 clamp(30px,4vw,52px) Archivo,Arial,sans-serif;color:#fff4e7;margin:10px 0 16px}.table-panel p,.table-panel small,.table-panel label{color:#ddd1c0}.table-panel .table-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.table-panel button:not(.tris-cell):not(.italian-card),.table-panel select{background:#25282d;border:1px solid #92959b;color:#fff0df;padding:12px 18px;border-radius:6px;min-height:44px;font:inherit;cursor:pointer}.table-panel button:hover:not(:disabled){border-color:#ff9b59}.table-panel button:focus-visible,.table-panel select:focus-visible{outline:3px solid #ffac6e;outline-offset:3px}.table-panel button:disabled{cursor:default}.table-panel .table-status{color:#ffb075;font-weight:650;min-height:28px;line-height:1.5}.table-panel details{border-top:1px solid #ffffff30;padding-top:18px;margin-top:28px;line-height:1.8;color:#ded2bf;font-size:14px}.table-panel summary{color:#ffac6e;cursor:pointer;font-weight:bold}.table-panel details p{max-width:900px}.tris-layout{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:clamp(24px,5vw,80px);align-items:center;max-width:950px;margin:30px auto}.tris-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tris-cell{aspect-ratio:1;border:1px solid #7e848e;border-radius:9px;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(130deg,#666b73,#25282e 40%,#41464f 65%,#191b20);color:#ff9a53;font:750 clamp(44px,6vw,84px) Archivo,Arial,sans-serif;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff70,0 5px 12px #0008;cursor:pointer}.tris-cell img{width:42%;opacity:.42}.tris-cell[data-mark=O]{color:#fff0de}.tris-cell.winning{background:#70300f;border-color:#ffc891;box-shadow:0 0 20px #ff7b1430}.tris-copy>img{width:65px;border-radius:50%}.tris-copy p{line-height:1.7}.cards-select{display:grid;gap:8px}.table-score{color:#ffae72!important;font-size:18px;font-variant-numeric:tabular-nums}.card-arena{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;margin:25px 0;border:1px solid #ffffff20;border-radius:12px;padding:24px;background:radial-gradient(ellipse,#282b2b,#111416 75%)}.deck-area{border-right:1px solid #ffffff20;padding-right:16px}.deck-area small{display:block;font-size:10px;letter-spacing:.05em;margin:16px 0;line-height:1.5}.deck-area p{font-size:12px;line-height:1.6}.card-zone{min-width:0}.hand-label{font-size:11px;letter-spacing:.12em;margin:10px 0}.italian-hand{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;min-height:108px}.italian-card{width:76px;min-width:0;aspect-ratio:2/3;border:1px solid #a5a6aa;border-radius:8px;padding:8px;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),linear-gradient(135deg,#686d76,#23272e 43%,#3e434b 75%,#191b20);color:#ffb677;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-shadow:inset 0 1px #fff8,0 4px 10px #0006;flex-shrink:0}.italian-card svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card-rank{font:750 24px Archivo,Arial,sans-serif;align-self:flex-start;line-height:1}.card-suit{font-size:9px;text-transform:uppercase;letter-spacing:.03em;font-weight:bold}.card-back{justify-content:center;gap:9px}.card-back img{width:40px;height:40px;border-radius:50%}.card-back span{font-size:7px;letter-spacing:.05em;color:#ffb677}.opponent-hand{gap:0;min-height:78px}.opponent-hand .italian-card{width:48px;margin-left:-9px}.opponent-hand .card-back img{width:28px;height:28px}.opponent-hand .card-back span{display:none}.card-table{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;min-height:175px;padding:18px 0;margin:12px 0;border-block:1px solid #ffffff20}.table-play small{display:block;text-align:center;font-size:9px;letter-spacing:.1em;margin-bottom:7px}.empty-table{text-align:center;font-size:13px;color:#bdb7af!important}.player-hand button{cursor:pointer;transition:transform .15s,border-color .15s}.player-hand button:disabled{filter:brightness(.68)}.player-hand button:not(:disabled):hover{transform:translateY(-8px);border-color:#ffb779}.cards-footer{display:flex;gap:12px;flex-wrap:wrap}.cards-last{font-size:13px;line-height:1.7;min-height:44px;max-width:850px}.capture-options{border:1px solid #ff9d5a;padding:16px;border-radius:8px;margin:20px 0}.capture-options button{margin:5px;max-width:100%}.score-detail{display:flex;flex-wrap:wrap;gap:16px;font-size:13px}#cards-captured{font-size:12px}.table-panel option{background:#202327;color:white}@media(max-width:650px){.tris-layout{grid-template-columns:1fr}.tris-board{width:min(100%,360px);margin:auto}.tris-copy>img{display:none}.card-arena{grid-template-columns:1fr;padding:12px;gap:10px}.deck-area{border-right:0;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:12px;padding:0 0 12px}.deck-area small{max-width:90px}.deck-area .italian-card{width:48px;padding:5px}.deck-area .italian-card svg{width:20px;height:20px}.deck-area .card-rank{font-size:16px}.deck-area .card-suit{font-size:6px}.italian-card{width:62px;padding:6px}.italian-hand{gap:6px}.card-table{gap:7px}.opponent-hand{gap:0}.table-panel{padding:16px 12px}.table-panel select{max-width:100%}.card-rank{font-size:20px}.card-suit{font-size:8px}}@media(prefers-reduced-motion:reduce){.player-hand button{transition:none}}
/* Played symbols remain fully readable even though their squares are disabled. */
.table-panel .tris-cell:disabled,.table-panel .italian-card:disabled{opacity:1}
@media(max-width:420px){.relax-intro h1{font-size:16vw}}
/* Traditional Piacentine faces: intact scanned artwork with a separate logo margin. */
.italian-card.piacentine-card{position:relative;width:86px;aspect-ratio:180/350;display:block;padding:0;background:#fff;border:1px solid #c5c3be;border-radius:7px;overflow:hidden;color:#181818}
.piacentine-face{position:absolute;inset:0 0 8.5%;background-image:url('assets/img/cards/piacentine-original.jpg');background-repeat:no-repeat;pointer-events:none}
.piacentine-brand{position:absolute;left:4%;bottom:1%;width:12%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:contain;pointer-events:none}
.player-hand .piacentine-card:disabled{filter:none;opacity:1}.player-hand .piacentine-card:not(:disabled){box-shadow:0 0 0 1px #ffb77955,0 5px 12px #0008}
.deck-area .piacentine-card{width:78px}.table-panel details a{color:#ffb879;text-decoration:underline}
@media(max-width:650px){.italian-card.piacentine-card{width:66px;padding:0}.deck-area .piacentine-card{width:48px;padding:0}}