@property --lens-dx{syntax:'<length>';inherits:false;initial-value:0px}@property --lens-dy{syntax:'<length>';inherits:false;initial-value:0px}#board-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;container-type:size;--card-px:45;--card-scale:calc(var(--card-px) / 180)}#board{--cols:8;--rows:8;--card-gap:clamp(2px, 0.7vmin, 7px);display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:var(--card-gap);flex:0 0 auto;width:min(100cqw,calc(100cqh * var(--cols)/ var(--rows)));height:min(100cqh,calc(100cqw * var(--rows)/ var(--cols)));overflow:visible}#lens-layer{position:absolute;inset:0;pointer-events:none;overflow:visible}#country-banner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:90}#country-name{padding:.5rem 1.25rem;background:var(--board-chip-bg);border:1px solid var(--gold);border-radius:999px;font-size:clamp(1.3rem, 6vw, 2.2rem);font-weight:700;color:var(--gold-soft);text-shadow:0 1px 8px rgba(0,0,0,.6);opacity:0;transform:scale(.85)}#country-name.is-shown{animation:1.3s ease-out country-pop}@keyframes country-pop{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1.05)}25%,78%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.94)}}.card{position:relative;padding:0;margin:0;border:none;background:0 0;cursor:pointer;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent}.card:disabled{cursor:default}.card[data-pick="1"]{--pick:var(--pick-1);--pick-fill:var(--pick-1-fill)}.card[data-pick="2"]{--pick:var(--pick-2);--pick-fill:var(--pick-2-fill)}.card-blank.in-cross-1::after,.card-blank.in-cross-2::after,.card.in-cross-1::after,.card.in-cross-2::after{content:"";position:absolute;inset:0;border-radius:4px;pointer-events:none}.card-blank.in-cross-1::after,.card.in-cross-1::after{background:var(--pick-1-soft)}.card-blank.in-cross-2::after,.card.in-cross-2::after{background:var(--pick-2-soft)}.card.is-open::before{content:"";position:absolute;inset:0;border-radius:clamp(3px,1vmin,8px);background:var(--pick-fill);box-shadow:inset 0 0 0 2px var(--pick),0 0 14px -2px var(--pick);animation:1.8s ease-in-out infinite slot-breathe;pointer-events:none;z-index:2}@keyframes slot-breathe{0%,100%{opacity:.75}50%{opacity:1}}.card-blank{position:relative;border-radius:clamp(3px,1vmin,8px);box-shadow:inset 0 0 0 1px var(--board-blank-edge);pointer-events:none}.card-cheat{position:absolute;top:2px;left:2px;padding:1px 4px;border-radius:4px;background:var(--board-chip-bg);color:var(--gold-soft);font-size:clamp(8px, 3.2cqw, 13px);font-weight:700;letter-spacing:.02em;line-height:1.3;pointer-events:none;z-index:3}.card.is-removed .card-cheat{display:none}.card-back{position:absolute;inset:0;border-radius:clamp(3px,1vmin,8px);background:radial-gradient(circle at 50% 50%,var(--card-back-tint) 0,var(--card-back-tint) 26%,transparent 27%),linear-gradient(150deg,var(--card-back-1),var(--card-back-2));box-shadow:inset 0 0 0 1px var(--card-back-border),0 1px 2px var(--card-back-shadow);backface-visibility:hidden;transform-origin:50% 50%}.card:not(:disabled):hover .card-back{box-shadow:inset 0 0 0 1px var(--gold),0 2px 6px var(--card-back-hover-shadow)}.card:not(:disabled):active .card-back{transform:scale(.94)}.card.is-flipped .card-back{animation:150ms ease-in forwards back-away}@keyframes back-away{from{transform:rotateY(0);opacity:1}to{transform:rotateY(90deg);opacity:0}}.card-coin{position:absolute;width:var(--coin-size);height:var(--coin-size);border-radius:50%;opacity:0;pointer-events:none;backface-visibility:hidden;--lens-dx:0px;--lens-dy:0px;transform:translate(-50%,-50%) scale(var(--card-scale));transform-origin:50% 50%}.card-coin img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.card-coin[data-pick="1"]{--pick:var(--pick-1)}.card-coin[data-pick="2"]{--pick:var(--pick-2);z-index:1}.card-coin.is-draggable{pointer-events:auto;touch-action:none;cursor:grab}.card-coin.is-flipped::before{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--bg);pointer-events:none;z-index:-1}.card-coin.is-flipped::after{content:"";position:absolute;inset:-3px;border-radius:50%;box-shadow:0 0 0 2px var(--pick,var(--gold)),0 10px 30px rgba(0,0,0,.65);transition:box-shadow .25s;pointer-events:none}.card-coin.is-hit{--pick:var(--good);animation:.5s ease-out hit-pulse}.card-coin.is-miss{--pick:var(--bad)}.card-coin.is-flag{border-radius:var(--radius-lg);background:var(--bg-raised)}.card-coin.is-flag img{object-fit:contain;border-radius:var(--radius-lg);padding:8%;box-sizing:border-box}.card-coin.is-flag.is-flipped::after,.card-coin.is-flag.is-flipped::before{border-radius:var(--radius-lg)}.card-coin.is-dragging,.card-coin.is-settled{opacity:1;transform:translate(calc(-50% + var(--lens-dx)),calc(-50% + var(--lens-dy))) scale(1)}.card-coin.is-dragging{cursor:grabbing}.card-coin.is-dragging::after{box-shadow:0 0 0 2px var(--pick,var(--gold)),0 18px 44px rgba(0,0,0,.75)}@keyframes hit-pulse{0%,100%{filter:brightness(1)}40%{filter:brightness(1.35)}}.card.is-removed{pointer-events:none;z-index:0}.card.is-removed .card-back{animation:none!important;opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:scale(.4)}.card-coin.is-removed{animation:none!important;opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translate(calc(-50% + var(--lens-dx)),calc(-50% + var(--lens-dy))) scale(.75)}.card.is-removed::before{content:"";position:absolute;inset:0;border-radius:clamp(3px,1vmin,8px);box-shadow:inset 0 0 0 1px var(--board-blank-edge)}#board.is-locked .card:not(.is-flipped):not(.is-removed) .card-back{filter:saturate(.6) brightness(.85)}