@import url("../go-fish/go-fish.css");
:root{--ocean-950:#172d32;--ocean-900:#203940;--ocean-800:#2c5256;--ocean-700:#416f6d;--coral:#c65549;--yellow:#f1bf5a}
.game-intro h1{font-size:clamp(4rem,7vw,7.7rem)}.game-intro h1 em{color:#b35447}.game-intro>p{max-width:460px}
.game-topbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;padding-top:13px;padding-bottom:13px}.score-strip{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.score-strip>span{color:var(--yellow);font-weight:700}.score-strip>div{display:flex;gap:.5rem}.score{display:flex;align-items:baseline;gap:.28rem;padding:.35rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:5px}.score.active{border-color:var(--yellow);background:rgba(241,191,90,.1)}.score small{font-size:.57rem}.score strong{color:#fff;font-family:var(--serif);font-size:1.04rem;font-weight:400}.deal-status{color:#b3cbc5;font-size:.61rem;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.deal-status b{color:#fff}.quiet-button{justify-self:auto}
.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:830px}.felt-table{min-width:0;padding:24px 28px 32px;background:radial-gradient(circle at 50% 47%,rgba(241,191,90,.1),transparent 42%),repeating-radial-gradient(circle at 50% 45%,transparent 0 158px,rgba(255,255,255,.035) 159px 160px,transparent 161px 315px),var(--ocean-800)}
.opponents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:920px;margin:0 auto 22px}.opponent{display:grid;grid-template-columns:34px 1fr;align-items:center;column-gap:8px;min-height:88px;padding:10px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(0,0,0,.12)}.opponent.active{border-color:var(--yellow);background:rgba(241,191,90,.1)}.opponent .avatar{grid-row:1/3;width:32px;height:32px;background:#b6796f;font-size:.78rem}.opponent:nth-child(2) .avatar{background:#d0a651;color:#182b2a}.opponent:nth-child(3) .avatar{background:#9d9ac7}.opponent strong{font-size:.68rem}.opponent small{color:#b7d0ca;font-size:.55rem;text-transform:uppercase}.mini-backs{display:flex;justify-content:flex-end;grid-column:2;grid-row:1/3}.mini-backs .playing-card{width:28px;height:40px;margin-left:-11px;border-width:2px;border-radius:4px;font-size:.7rem}
.table-center{max-width:980px;margin:auto}.draw-piles{display:flex;justify-content:center;gap:26px}.pile{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:96px;min-height:130px;padding:5px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pile[data-stock]{cursor:pointer}.pile[data-stock]:not(:disabled):hover,.pile[data-stock]:focus-visible{border-color:var(--yellow);background:rgba(241,191,90,.13)}.pile:disabled{cursor:default}.pile .playing-card{margin:0;pointer-events:none}.pile>span:last-child{white-space:nowrap}.pile b{color:var(--yellow)}.pile .empty-discard{display:grid;place-items:center;width:72px;height:105px;border:1px dashed rgba(255,255,255,.35);border-radius:8px;color:#b5cfc9;font-size:.62rem}.pile-note{margin:4px 0 20px;color:#bfdbd2;text-align:center;font-size:.67rem;line-height:1.45}
.playing-card{display:block;width:62px;height:87px;margin:0;border:0;border-radius:6px;background:#fffaf0;color:#142825;box-shadow:0 7px 15px rgba(0,0,0,.22);cursor:default}.playing-card.red{color:#c65549}.playing-card .corner{position:absolute;top:6px;left:7px;font-family:var(--serif);font-size:1rem;line-height:1}.playing-card .corner small{display:block;margin-top:2px;font-size:.65rem}.playing-card>b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:1.65rem;font-weight:400}.playing-card em{position:absolute;right:3px;bottom:3px;padding:2px 3px;border-radius:2px;background:#dcae4f;color:#142825;font-size:.52rem;font-style:normal;font-weight:700}.playing-card.wild{box-shadow:0 0 0 2px var(--yellow),0 7px 15px rgba(0,0,0,.22)}.playing-card.card-back{display:grid;place-items:center;border:4px solid #fffaf0;background:#c65549;color:#fffaf0;font-size:1.6rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.56),0 7px 15px rgba(0,0,0,.22)}.playing-card.selected,.human-hand .playing-card:hover,.human-hand .playing-card:focus-visible{z-index:2;outline:3px solid var(--yellow);outline-offset:1px;transform:translateY(-6px)}
.meld-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:290px}.meld-zone{min-width:0;min-height:135px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(7,32,34,.17)}.meld-zone h3{display:flex;justify-content:space-between;gap:8px;margin:0 0 8px;color:#f7eee3;font-size:.62rem;letter-spacing:.05em}.meld-zone h3 small{color:var(--yellow);font-size:.57rem}.meld-list{display:flex;flex-wrap:wrap;gap:8px}.meld-list p{margin:14px 0;color:#adc8c0;font-size:.66rem}.meld{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:6px;background:rgba(0,0,0,.15);color:#e6eee9;text-align:left}.meld:disabled{opacity:1;cursor:default}.meld.can-extend{border-color:var(--yellow);cursor:pointer}.meld.can-extend:hover,.meld.can-extend:focus-visible{background:rgba(241,191,90,.16)}.meld-cards{display:flex;max-width:100%;overflow-x:auto;padding:3px 2px}.meld .playing-card.small{width:37px;height:52px;margin-left:-9px;border-radius:4px;box-shadow:0 3px 7px rgba(0,0,0,.2)}.meld .playing-card.small:first-child{margin-left:0}.meld .playing-card .corner{top:3px;left:3px;font-size:.66rem}.meld .playing-card .corner small{font-size:.42rem}.meld .playing-card>b{font-size:.9rem}.meld .playing-card em{font-size:.4rem}.meld>small{color:#d2e0d9;font-size:.55rem}
.human-zone{max-width:980px;margin:20px auto 0;padding:16px 10px 2px;border-top:1px solid rgba(255,255,255,.17)}.human-label{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-size:.7rem}.human-label .avatar{width:32px;height:32px;background:var(--yellow);color:#173237}.human-label small{color:#c4d9d2;font-size:.62rem;text-transform:uppercase}.human-hand{position:static;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;width:100%;min-height:92px;transform:none}.human-hand .playing-card{cursor:pointer}
.game-panel{gap:16px;padding:28px 22px;background:#173139}.action-card{padding:22px;background:var(--paper);color:var(--ink)}.action-card h2{margin:10px 0;font-family:var(--serif);font-size:1.75rem;font-weight:400}.action-card p{min-height:42px;margin:0;color:#5f6c66;font-size:.73rem;line-height:1.5}.action-buttons{display:grid;gap:7px;margin-top:16px}.action-buttons button{min-height:38px;padding:9px 12px;border:1px solid #c5b9a7;background:#fffaf0;color:var(--ink);font-size:.7rem;font-weight:700;cursor:pointer}.action-buttons button:first-child{border-color:var(--coral);background:var(--coral);color:white}.action-buttons button:disabled{opacity:.42;cursor:default}.action-buttons button:not(:disabled):hover,.action-buttons button:not(:disabled):focus-visible{outline:2px solid var(--yellow)}.selection-panel{padding:0 0 14px;border-bottom:1px solid rgba(255,255,255,.15)}.selection-panel>span{color:var(--yellow);font-size:.59rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.selection-panel p{margin:8px 0;color:#e1ebe6;font-size:.7rem;line-height:1.45}.selection-panel small{color:#acc6bc;font-size:.63rem;line-height:1.4}.history-panel>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.history-panel h3{margin:0;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.history-panel>div small{color:#a8c4b9;font-size:.55rem}.history-panel ol{max-height:360px;overflow-y:auto;margin:10px 0 0;padding:0;list-style:none}.history-panel li{display:flex;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.09);color:#d0e0d8;font-size:.64rem;line-height:1.4}.history-panel li strong{flex:0 0 42px;color:var(--yellow);font-size:.56rem;text-transform:uppercase}.fair-play{margin-top:auto}
.result-dialog{inset:0;background:rgba(10,27,30,.83)}.result-card{max-height:calc(100vh - 50px);overflow-y:auto;text-align:left}.result-card h2{font-size:2.5rem}.result-card .eyebrow{justify-content:flex-start}.result-scores{display:grid;gap:5px;margin:18px 0}.result-scores>div{display:grid;grid-template-columns:70px 1fr auto;gap:8px;padding:9px;background:#e3d8c6;font-size:.67rem}.result-scores b{font-family:var(--serif);font-size:1.02rem;font-weight:400}.result-card>button{width:100%;min-height:42px;border:0;background:var(--coral);color:white;font-weight:700;cursor:pointer}
.rules{gap:3rem 5rem;padding-top:95px;padding-bottom:70px}.rules-grid article{min-height:190px;padding:1.5rem}.rules-grid h3{margin:.9rem 0 .55rem;font-size:1.36rem}.rules-grid p{font-size:.76rem}.game-background{margin-top:0}.game-taxonomy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid #c9c0b0;background:#c9c0b0}.game-taxonomy>div{padding:1.3rem;background:var(--paper)}.game-taxonomy span,.game-taxonomy small{display:block;color:#77766f;font-size:.6rem;letter-spacing:.06em}.game-taxonomy span{text-transform:uppercase}.game-taxonomy strong{display:block;margin:.35rem 0;color:var(--ink);font-family:var(--serif);font-size:1.25rem;font-weight:400}
@media(max-width:1100px){.game-layout{grid-template-columns:1fr}.game-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.action-card{grid-row:span 2}.fair-play{margin:0}.rules{grid-template-columns:1fr}.rules-heading>p{max-width:680px}}
@media(max-width:760px){.site-header,.game-intro{width:calc(100% - 36px)}.site-header{height:76px}.site-header nav a:first-child{display:inline}.site-header nav{gap:.75rem;font-size:.67rem}.game-intro{flex-direction:column;align-items:flex-start;gap:18px;padding:55px 0 34px}.game-intro h1{font-size:clamp(3.5rem,12vw,5.3rem)}.game-topbar{padding:14px 18px}.score-strip{width:100%}.deal-status{order:3}.felt-table{padding:18px 10px 26px}.opponents{gap:5px}.opponent{display:flex;flex-wrap:wrap;gap:3px;padding:7px;min-height:74px}.opponent .avatar{width:24px;height:24px}.opponent strong{font-size:.58rem}.opponent small{width:100%;font-size:.47rem}.mini-backs{display:none}.meld-board{gap:5px}.meld-zone{padding:8px;min-height:110px}.meld-zone h3{font-size:.52rem}.game-panel{grid-template-columns:1fr;padding:18px}.action-card{grid-row:auto}.rules{padding:65px 18px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0;padding:1.3rem 0;border-right:0}.ad-section{padding:32px 18px}.game-taxonomy{grid-template-columns:1fr}footer{padding:30px 18px}}
@media(max-width:440px){.human-hand{gap:3px}.human-hand .playing-card{width:49px;height:72px}.human-hand .playing-card .corner{font-size:.8rem}.human-hand .playing-card>b{font-size:1.2rem}.pile-note{font-size:.59rem}.result-scores>div{grid-template-columns:50px 1fr auto;font-size:.58rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}