.cg-page{width:min(100% - 20px,1080px);margin:auto;padding:25px 0 10px}.cg-hero{text-align:center;margin:5px auto 20px}.cg-kicker{font:700 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.2em;color:#237bb6}.cg-hero h1{margin:7px 0 5px;font:700 clamp(34px,7vw,58px)/1 Fredoka,sans-serif;color:#17344b;letter-spacing:-.04em}.cg-hero h1 em{font-style:normal;color:#e9525c}.cg-hero p{margin:0;color:#6f8293;font-weight:600}
.cg-toolbar{display:flex;align-items:center;gap:8px;min-height:58px;padding:9px 15px;background:rgba(4,22,35,.38);border-bottom:1px solid rgba(255,255,255,.1)}.cg-toolbar button,.cg-modal button,.hrt-passbar button{border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;padding:9px 13px;font:700 12px/1 Fredoka,sans-serif;cursor:pointer}.cg-toolbar button:hover,.cg-modal button:hover,.hrt-passbar button:hover:not(:disabled){background:rgba(255,255,255,.16)}.cg-toolbar button:disabled,.hrt-passbar button:disabled{opacity:.35;cursor:default}.cg-metric{margin-left:auto;display:flex;flex-direction:column;color:#8ba4b7;font:700 9px/1 "Space Grotesk",sans-serif;text-transform:uppercase;letter-spacing:.1em}.cg-metric+.cg-metric{margin-left:9px}.cg-metric b{font:700 16px/1.4 Fredoka,sans-serif;color:#fff;letter-spacing:0}
.sol-game,.hearts-game{position:relative;max-width:960px;min-height:650px;margin:15px auto 32px;border-radius:24px;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 38%,#176749,#0a4835 62%,#063426);box-shadow:0 22px 60px rgba(13,50,39,.25)}
.sol-board{padding:22px 18px 14px}.sol-top,.sol-tableau{display:grid;grid-template-columns:repeat(7,minmax(50px,1fr));gap:clamp(5px,1.4vw,14px)}.sol-spacer{grid-column:span 1}.card-slot,.playing-card{position:relative;width:100%;aspect-ratio:5/7;border-radius:8px}.card-slot{border:2px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:rgba(255,255,255,.3);font:700 clamp(23px,4vw,36px)/1 serif;display:grid;place-items:center;padding:0}.card-slot.red{color:rgba(255,140,145,.35)}.stock,.waste,.foundation{cursor:pointer}.stock.has-cards,.playing-card.back{border:3px solid #f5f0dc;background-color:#214b83;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 7px);box-shadow:0 2px 5px rgba(0,0,0,.28)}.stock.has-cards:after,.playing-card.back:after{content:"A";display:grid;place-items:center;position:absolute;inset:7px;border:1px solid rgba(255,255,255,.45);border-radius:5px;color:rgba(255,255,255,.74);font:700 23px/1 Fredoka,sans-serif}.sol-tableau{margin-top:18px;align-items:start}.sol-column{position:relative;min-height:365px}.playing-card{position:absolute;left:0;border:1px solid #d4d7d8;background:#fff;color:#15232d;box-shadow:0 2px 6px rgba(0,0,0,.25);cursor:pointer;text-align:left;padding:5px;font:700 clamp(13px,2.4vw,20px)/1 Fredoka,sans-serif;transition:transform .12s,box-shadow .12s}.playing-card.red{color:#d53f4a}.playing-card .suit{display:block;font-size:1.15em;margin-top:2px}.playing-card .pip{position:absolute;right:6px;bottom:5px;font:400 clamp(22px,4.3vw,42px)/1 serif}.playing-card.selected{transform:translateY(-5px);box-shadow:0 0 0 3px #ffd058,0 8px 16px rgba(0,0,0,.35);z-index:80!important}.playing-card.hint{animation:cgHint .7s ease 2}.foundation .playing-card,.waste .playing-card{inset:0}.cg-status{text-align:center;min-height:30px;padding-top:12px;color:#b8d8cc;font:600 12px/1.4 "Space Grotesk",sans-serif}
.cg-modal{position:absolute;inset:58px 0 0;z-index:200;display:grid;place-items:center;padding:22px;background:rgba(2,20,16,.86);backdrop-filter:blur(6px)}.cg-modal[hidden]{display:none}.cg-modal>div{width:min(100%,440px);padding:29px;text-align:center;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#103c31;box-shadow:0 22px 55px rgba(0,0,0,.35)}.cg-modal>div>span{font-size:30px;color:#ff7078}.cg-modal h2{font:700 34px/1 Fredoka,sans-serif;margin:9px 0}.cg-modal p{color:#b7cbc5;line-height:1.55}.cg-modal button{background:#f0b94d;color:#173248;border:0;padding:13px 20px}
.cg-info{max-width:820px;margin:0 auto;color:var(--ink-soft)}.cg-info h2{color:var(--ink);font:700 25px/1.2 Fredoka,sans-serif;margin:25px 0 8px}.cg-info p{line-height:1.7}.cg-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.cg-facts article{padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:flex;flex-direction:column}.cg-facts b{font:700 18px/1.2 Fredoka,sans-serif;color:#dc515a}.cg-facts span{font-size:12px;margin-top:4px}.cg-back{text-align:center;margin:28px}
/* Hearts */
.hearts-game{background:radial-gradient(circle at 50% 45%,#175e60,#093c48 68%,#062b38);min-height:720px}.hearts-toolbar .cg-metric:first-of-type{margin-left:auto}.hrt-scorebar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1)}.hrt-scorebar div{padding:8px 10px;text-align:center;background:rgba(3,25,35,.65);font:600 10px/1.2 "Space Grotesk",sans-serif;color:#91adba}.hrt-scorebar b{display:block;color:#fff;font:700 18px/1.3 Fredoka,sans-serif}.hrt-table{position:relative;min-height:560px;padding:10px}.hrt-player{position:absolute;display:flex;flex-direction:column;align-items:center;color:#a9c4ce;font:700 11px/1.2 "Space Grotesk",sans-serif}.hrt-player b{font-size:9px;color:#6f919f;margin-top:3px}.hrt-player.north{top:18px;left:50%;transform:translateX(-50%)}.hrt-player.west{left:13px;top:43%}.hrt-player.east{right:13px;top:43%}.hrt-trick{position:absolute;width:250px;height:250px;left:50%;top:41%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(0,0,0,.07)}.hrt-play{position:absolute;width:62px;aspect-ratio:5/7}.hrt-play.north-play{top:5px;left:50%;transform:translateX(-50%)}.hrt-play.south-play{bottom:5px;left:50%;transform:translateX(-50%)}.hrt-play.west-play{left:5px;top:50%;transform:translateY(-50%)}.hrt-play.east-play{right:5px;top:50%;transform:translateY(-50%)}.hrt-play .playing-card{position:relative;inset:auto;height:100%;font-size:14px}.hrt-message{position:absolute;top:62%;left:50%;transform:translateX(-50%);width:80%;text-align:center;color:#c8e5e7;font:700 12px/1.3 "Space Grotesk",sans-serif}.hrt-hand{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(92%,710px);height:145px;display:flex;justify-content:center;align-items:flex-end}.hrt-hand .playing-card{position:relative;width:76px;min-width:42px;max-width:76px;margin-left:-21px;aspect-ratio:5/7;transform-origin:bottom;flex-shrink:1}.hrt-hand .playing-card:first-child{margin-left:0}.hrt-hand .playing-card:hover:not(.illegal),.hrt-hand .playing-card.pass-selected{transform:translateY(-13px);z-index:100!important}.hrt-hand .playing-card.illegal{filter:brightness(.58);cursor:not-allowed}.hrt-hand .playing-card.pass-selected{box-shadow:0 0 0 3px #ffd058,0 8px 18px rgba(0,0,0,.4)}.hrt-passbar{display:flex;align-items:center;justify-content:center;gap:14px;min-height:55px;padding:8px 12px;background:rgba(2,18,28,.5);font:600 12px/1 "Space Grotesk",sans-serif}.hrt-passbar[hidden]{display:none}.hrt-passbar b{color:#ffd058}.hrt-passbar button{background:#e9af42;color:#173044;border:0}.rules-modal{background:rgba(2,18,28,.9)}.rules-modal>div{background:#0d3741}.hrt-round-row{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;font-size:12px}.hrt-round-row b{color:#ffd058}
@keyframes cgHint{50%{box-shadow:0 0 0 4px #72dcff,0 0 24px #72dcff}}@media(max-width:700px){.cg-page{width:min(100% - 10px,1080px);padding-top:16px}.sol-game,.hearts-game{border-radius:18px}.cg-toolbar{gap:5px;padding:7px}.cg-toolbar button{padding:8px;font-size:10px}.cg-metric{font-size:8px}.cg-metric b{font-size:13px}.sol-board{padding:14px 6px}.sol-top,.sol-tableau{gap:5px}.playing-card{padding:3px;border-radius:6px}.sol-column{min-height:315px}.cg-facts{grid-template-columns:1fr}.hrt-table{min-height:530px}.hrt-trick{width:210px;height:210px}.hrt-hand{height:125px}.hrt-hand .playing-card{margin-left:-25px}.hrt-player.west{left:5px}.hrt-player.east{right:5px}.hrt-message{top:61%}}@media(max-width:410px){.cg-toolbar button:nth-child(4){display:none}.sol-game{min-height:590px}.sol-column{min-height:290px}.playing-card .pip{display:none}.hearts-game{min-height:690px}.hrt-scorebar div{padding:6px 3px}.hrt-hand .playing-card{margin-left:-28px}.hrt-trick{width:185px;height:185px}.hrt-play{width:53px}.hrt-passbar{gap:8px}.hrt-passbar span{font-size:10px}}@media(prefers-reduced-motion:reduce){.playing-card{transition:none}.playing-card.hint{animation:none}}