@import"https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap";:root{--bg-ink: #080f0c;--felt-deep: #0f2318;--felt-mid: #173a28;--felt-border: #1c3d29;--card-back-base: #1e3a8a;--card-back-stripe: #2952c4;--btn-base: #1a5c38;--btn-hover: #22764a;--btn-border: #2f8e5e;--card-face: #f8f6f0;--card-black: #1a1a1a;--card-red: #c41e1e;--accent-gold: #f5c518;--accent-gold-dim: #c8ab6e;--text-primary: #dbe7de;--text-muted: #8ea697;--gutter: 160px;--board-max-w: 1100px;--board-min-w: 720px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary)}*{box-sizing:border-box}html{background-color:#060c09}body{margin:0;min-height:100vh;padding:0 var(--gutter);min-width:calc(var(--board-min-w) + var(--gutter) * 2);background:radial-gradient(ellipse at 50% 0%,rgba(22,60,40,.5) 0%,transparent 60%),radial-gradient(circle at 20% 0%,#10291c 0%,var(--bg-ink) 55%,#060c09 100%);overflow-x:auto}.site-header{position:sticky;top:0;z-index:100;background:#080f0ceb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(110,158,128,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--board-max-w);margin:0 auto;padding:8px 24px}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.logo-suit{font-size:1.6rem;color:#e63946;line-height:1;filter:drop-shadow(0 2px 6px rgba(230,57,70,.3))}.logo-text{font-family:Fredoka One,cursive;font-size:1.25rem;color:var(--accent-gold);letter-spacing:.02em}.header-nav{display:flex;align-items:center;gap:24px}.header-nav a{color:var(--text-muted);text-decoration:none;font-size:.92rem;font-weight:500;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .2s}.header-nav a:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.site-footer{border-top:1px solid rgba(110,158,128,.15);background:#080f0c;margin-top:48px}.footer-inner{max-width:var(--board-max-w);margin:0 auto;padding:40px 24px 28px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}.footer-col h4{font-family:Fredoka One,cursive;font-size:.95rem;color:var(--accent-gold);margin:0 0 14px;font-weight:400}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{margin-bottom:8px}.footer-col a{color:var(--text-muted);text-decoration:none;font-size:.88rem;transition:color .15s}.footer-col a:hover{color:var(--accent-gold)}.footer-bottom{border-top:1px solid rgba(110,158,128,.12);padding-top:20px;text-align:center}.footer-bottom p{font-size:.82rem;color:#8ea69799;margin:0}.page{width:100%;min-width:var(--board-min-w);max-width:var(--board-max-w);margin:0 auto;padding:24px;max-height:calc(100dvh - 24px);overflow-y:auto}.controls-bar{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin-bottom:12px;min-width:0;min-height:40px;background:#0000002e;border:1px solid rgba(110,158,128,.12);border-radius:12px;padding:6px 12px}.btn-icon{padding:7px 10px;min-width:36px;text-align:center;font-size:16px;line-height:1}.toolbar-spacer{flex:1;min-width:8px}select,button{border:1px solid var(--btn-border);background:var(--btn-base);color:#e8f2ec;border-radius:8px;padding:6px 14px;height:32px;font-size:13px;transition:background .16s ease,transform .12s ease,box-shadow .16s ease;white-space:nowrap;flex-shrink:0}button{cursor:pointer}select:hover,button:hover{background:var(--btn-hover)}button:active{transform:translateY(1px)}select:focus,button:focus-visible{outline:none;box-shadow:0 0 0 2px #f5c51880}.stats{display:flex;gap:14px;color:var(--text-muted);font-size:13px;flex-shrink:0;white-space:nowrap;font-variant-numeric:tabular-nums}.stats span{display:inline-block;min-width:3.5em}.board{container-type:inline-size;border:1px solid var(--felt-border);border-radius:16px;padding:2%;position:relative;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.015) 1px,transparent 1px),radial-gradient(ellipse at 50% 15%,rgba(34,80,55,.45) 0%,transparent 55%),linear-gradient(165deg,#122d1fd1,#0d1f16f7);background-size:4px 4px,100% 100%,100% 100%;box-shadow:inset 0 2px 16px #0000004d,inset 0 -1px #ffffff0a,0 12px 48px #00000073}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,transparent 50%,rgba(0,0,0,.25) 100%);pointer-events:none;z-index:0}.board>*{position:relative;z-index:1}.top-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1.8cqi;margin-bottom:2.4cqi;align-items:start}.top-spacer .pile.pile-ghost{border:none;background:transparent;pointer-events:none}.tableau-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:1.8cqi;align-items:start}.pile-wrapper{display:flex;flex-direction:column;min-width:0}.pile{width:100%;border:.15cqi solid rgba(110,158,128,.25);border-radius:10px;position:relative;padding:0;background:#0000001a;box-shadow:inset 0 2px 6px #0000001f}.pile:not(.tableau):before{content:"";display:block;padding-top:calc(150% - .15cqi)}.pile-label{font-size:1.5cqi;color:#98b3a2;margin-bottom:.6cqi;text-align:center;min-height:2.4cqi;font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tableau-row .pile-label{display:none}.pile-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4.8cqi;color:#d8e7de59;pointer-events:none}.tableau{height:65cqi;min-height:65cqi}.card{container-type:size;width:calc(100% - .3cqi);aspect-ratio:2/3;border-radius:8px;border:.15cqi solid rgba(0,0,0,.08);position:absolute;left:.15cqi;background:#fff;box-shadow:0 1px 3px #0000002e,0 4px 12px #00000052;-webkit-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;transform-style:preserve-3d;backface-visibility:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 4px 10px #00000038,0 10px 24px #00000073}.card.fd:hover{transform:none;box-shadow:inset 0 0 12px #00104880}.cc{position:absolute;top:5%;left:8%;width:25%;display:flex;flex-direction:column;align-items:center;font-family:Fredoka One,cursive}.cc .cr{font-size:34cqi;line-height:.9;margin-bottom:1cqi;white-space:nowrap;letter-spacing:0}.cc .cr.r1,.cc .cr.r2{letter-spacing:0}.cc .csuit{font-size:24cqi;line-height:1;font-variant-emoji:text;font-family:sans-serif}.cm{position:absolute;bottom:2%;left:50%;transform:translate(-50%);font-size:75cqi;line-height:1;display:flex;justify-content:center;align-items:center;font-variant-emoji:text;font-family:sans-serif;filter:drop-shadow(0 1px 0 rgba(0,0,0,.15))}.red{color:red}.black{color:#000}.card.fd{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(180,160,80,.08) 5px,rgba(180,160,80,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(180,160,80,.08) 5px,rgba(180,160,80,.08) 6px),radial-gradient(ellipse at 50% 50%,rgba(40,70,110,.4) 0%,transparent 70%),linear-gradient(180deg,#0e2d4e,#0a2240,#071a38);border-color:#b49b4673;box-shadow:inset 0 0 0 3px #b49b461f,inset 0 0 14px #0010488c;overflow:hidden}.card.fd:after{content:"♠";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.6cqi;color:#b4a05a1f;pointer-events:none;font-family:sans-serif}.card.selected{outline:3px solid var(--accent-gold);transform:translateY(-8px);box-shadow:0 0 12px #ffe00059,0 6px 16px #00000059}.pile[data-target-zone=waste] .card{transform-style:flat;backface-visibility:visible}.pile[data-target-zone=waste] .card:not(:last-child){box-shadow:none;border-color:transparent;transition:none;pointer-events:none;cursor:default}.pile[data-target-zone=waste] .card:not(:last-child):hover{transform:none;box-shadow:none}.hint{margin-top:10px;color:var(--text-muted);font-size:13px}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:300;background:#0f2318eb;border:1px solid var(--felt-border);border-radius:10px;padding:8px 20px;font-size:13px;color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059;animation:toast-in .2s ease-out;pointer-events:none;white-space:nowrap}.toast.toast-out{animation:toast-out .25s ease-in forwards}.toast.toast-error{border-color:#c83c3c80}.drag-ghost{position:fixed;pointer-events:none;z-index:1000;opacity:.85}.drag-ghost .card{position:relative;left:0;top:0;transform:scale(1.03);box-shadow:0 10px 26px #0000008c}.drag-ghost .card:first-child{margin-top:0}.card.dragging{opacity:.25}.pile.drop-target{box-shadow:inset 0 0 0 2px var(--accent-gold);border-color:#f5c518d9}@keyframes shake{0%,to{transform:translate(0)}16%{transform:translate(-6px)}33%{transform:translate(6px)}50%{transform:translate(-6px)}66%{transform:translate(6px)}83%{transform:translate(-6px)}}.card.shake{animation:shake .3s ease}@keyframes breathe{0%,to{opacity:.25}50%{opacity:.55}}.pile.tableau.empty-col{animation:breathe 2.5s ease-in-out infinite}.pile.tableau.empty-col.valid-target{box-shadow:inset 0 0 0 2px var(--accent-gold);border-color:#f5c518d9;animation:none;opacity:1}@keyframes card-flip{0%{transform:perspective(400px) rotateY(0)}40%{transform:perspective(400px) rotateY(90deg)}60%{transform:perspective(400px) rotateY(90deg)}to{transform:perspective(400px) rotateY(0)}}.card.flipping{animation:card-flip .35s ease}@keyframes bounce-in{0%{opacity:.5}to{opacity:1}}.card.bounce-in{animation:bounce-in .15s ease-out}@keyframes deal-in{0%{opacity:0}to{opacity:1}}.card.dealing{animation:deal-in .18s ease-out both}.fly-card{position:fixed;z-index:500;pointer-events:none;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000073;container-type:size;transition:top .25s ease-in-out,left .25s ease-in-out,width .25s ease-in-out,height .25s ease-in-out}.fly-card .fly-face{width:100%;height:100%;background:#fff;position:relative}.fly-card .fly-back{width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(180,160,80,.08) 5px,rgba(180,160,80,.08) 6px),repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(180,160,80,.08) 5px,rgba(180,160,80,.08) 6px),radial-gradient(ellipse at 50% 50%,rgba(40,70,110,.4) 0%,transparent 70%),linear-gradient(180deg,#0e2d4e,#0a2240,#071a38);border:1px solid rgba(180,155,70,.45)}.card.fly-hidden{visibility:hidden}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;pointer-events:none}@keyframes card-scatter{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--scatter-x),var(--scatter-y)) rotate(var(--scatter-r));opacity:0}}.card.scattering{animation:card-scatter 1.2s ease-out forwards;z-index:100;pointer-events:none}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:modal-fade-in .25s ease}.modal-card{background:#122d1c;border:1px solid #2a5e3a;border-radius:16px;padding:36px 40px;min-width:320px;max-width:420px;text-align:center;box-shadow:0 16px 48px #00000080}.modal-card h2{font-size:28px;margin:0 0 12px;color:var(--text-primary)}.modal-card p{font-size:16px;color:#dbe7de;margin:0 0 24px;line-height:1.5}.modal-buttons{display:flex;gap:12px;justify-content:center}.modal-buttons button.btn-gold{background:var(--accent-gold);color:#1a1a1a;border-color:var(--accent-gold);font-weight:700}.modal-buttons button.btn-gold:hover{background:#e0b215}.modal-records{text-align:left;margin:0 0 24px;font-size:14px;color:#dbe7de;line-height:1.6}.record-current{text-align:center;font-size:16px;margin-bottom:12px}.record-current strong{color:#fff}.record-divider{border-top:1px solid rgba(110,158,128,.2);margin:10px 0}.record-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.record-label{color:#a0c4ab}.record-value{color:#fff;font-weight:600}.record-new{color:var(--accent-gold);font-size:12px;font-weight:700;margin-left:6px}.record-winrate{margin-top:4px;padding-top:8px;border-top:1px solid rgba(110,158,128,.2)}.record-winrate .record-value{font-weight:400;color:#a0c4ab}@media (max-width: 768px){:root{--gutter: 0px;--board-min-w: 0px}body{min-width:0;padding:0;overflow-x:hidden}.page{min-width:0;padding:8px}}@media (max-width: 768px){.page{padding:10px}.controls-bar{flex-wrap:wrap;gap:6px;padding:6px 10px;min-height:auto;min-height:38px}.toolbar-spacer{display:none}.stats{width:100%;justify-content:center;gap:10px;padding-top:3px;border-top:1px solid rgba(110,158,128,.12)}.board{padding:8px}.card{border-radius:6px}.pile{border-radius:8px}.top-row,.tableau-row{gap:5px}.tableau{height:60cqi;min-height:auto}.pile-label{font-size:8px}select,button{padding:5px 10px;height:30px;font-size:11px}.card.fd:after{font-size:16px}}@media (max-width: 480px){.page{padding:0}.controls-bar{padding:4px 8px;gap:4px;border-radius:0;border-left:none;border-right:none;min-height:36px}#game-select{flex:1 1 0;min-width:80px;height:28px;font-size:11px;padding:4px 8px}.board{padding:2px;border-radius:0;border-left:none;border-right:none}.card{border-radius:4px}.pile{border-radius:5px}.top-row,.tableau-row{gap:2px}.tableau{height:55cqi;min-height:auto}.pile-label{font-size:8px;text-align:center}.pile-name{display:none}.pile-placeholder{font-size:16px}.card.fd:after{font-size:12px}select,button{padding:4px 8px;height:28px;font-size:11px;border-radius:6px}.stats{font-size:11px;gap:8px}.toast{font-size:12px;padding:6px 14px}.modal-card{padding:24px 20px;min-width:auto;max-width:calc(100vw - 32px)}.modal-card h2{font-size:22px}}#app{min-height:100dvh}#app[data-page=home],#app[data-page=content]{min-height:0}.seo-content{max-width:var(--board-max-w);margin:0 auto;padding:48px 24px 64px;line-height:1.7;color:var(--text-primary);border-top:1px solid rgba(110,158,128,.2)}.seo-content h1{font-family:Fredoka One,cursive;font-size:2rem;color:var(--accent-gold);margin:0 0 24px}.seo-content h2{font-size:1.35rem;color:var(--accent-gold-dim);margin:36px 0 12px;border-bottom:1px solid rgba(110,158,128,.15);padding-bottom:8px}.seo-content h3{font-size:1.1rem;color:var(--text-primary);margin:20px 0 8px}.seo-content p,.seo-content li,.seo-content dd{color:var(--text-muted);font-size:.95rem}.seo-content ol,.seo-content ul{padding-left:1.5em;margin:8px 0 16px}.seo-content li{margin-bottom:6px}.seo-content dt{font-weight:600;color:var(--text-primary);margin-top:16px}.seo-content dd{margin:4px 0 12px}.seo-content a{color:var(--accent-gold);text-decoration:none}.seo-content a:hover{text-decoration:underline}.seo-content nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}.seo-content nav li a{display:inline-block;padding:6px 14px;border:1px solid var(--felt-border);border-radius:8px;font-size:.9rem;transition:background .15s}.seo-content nav li a:hover{background:#6e9e801f;text-decoration:none}.game-catalog{display:flex;flex-direction:column;gap:40px;margin:36px 0 52px}.family-section{margin:0}.family-header{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(245,197,24,.15)}.family-icon{font-size:1.4rem;color:var(--accent-gold)}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}.game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;padding:16px 12px;background:linear-gradient(160deg,#143220d9,#0a1c12e6);border:2px solid var(--felt-border);border-radius:18px;color:var(--text-primary);text-decoration:none;transition:transform .2s ease,border-color .25s,box-shadow .25s;cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,rgba(245,197,24,.07) 0%,transparent 65%);pointer-events:none;transition:opacity .25s}.game-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--accent-gold);box-shadow:0 12px 36px #00000080,0 0 24px #f5c51826;text-decoration:none!important}.game-card *,.game-card:hover *{text-decoration:none!important}.game-card:hover:before{opacity:2}.game-card:active{transform:translateY(-2px) scale(.98)}.game-icon{font-size:3.6rem;line-height:1;margin-bottom:10px;text-shadow:0 4px 16px rgba(0,0,0,.6);transition:transform .25s}.game-card:hover .game-icon{transform:scale(1.15)}.game-card[data-family=klondike] .game-icon{color:#e8e8e8}.game-card[data-family=spider] .game-icon{color:#5fd35f}.game-card[data-family=freecell] .game-icon{color:#5ba8f5}.game-card[data-family=yukon] .game-icon{color:#ef5050}.game-card h3{font-size:1.05rem;font-weight:700;color:var(--accent-gold);margin:0 0 2px;text-align:center;line-height:1.2}.game-tag{font-size:.78rem;color:var(--text-muted);font-weight:400;text-align:center;letter-spacing:.03em}.site-nav{display:flex;gap:16px;justify-content:center;margin:32px 0 8px}.site-nav a{display:inline-block;padding:10px 24px;border:1px solid var(--felt-border);border-radius:10px;color:var(--accent-gold);text-decoration:none;font-size:.95rem;font-weight:600;transition:background .15s,border-color .2s}.site-nav a:hover{background:#f5c51814;border-color:var(--accent-gold)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.breadcrumb a{color:var(--accent-gold-dim);text-decoration:none}.breadcrumb a:hover{color:var(--accent-gold);text-decoration:underline}.breadcrumb span{color:var(--text-muted)}.seo-content>time{display:block;font-size:.85rem;color:var(--text-muted);margin:-16px 0 24px}.blog-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0 36px}.blog-card{display:flex;flex-direction:column;padding:20px;background:linear-gradient(160deg,#143220d9,#0a1c12e6);border:1px solid var(--felt-border);border-radius:14px;color:var(--text-primary);text-decoration:none;transition:transform .2s ease,border-color .25s,box-shadow .25s}.blog-card:hover{transform:translateY(-4px);border-color:var(--accent-gold);box-shadow:0 8px 24px #0006,0 0 16px #f5c5181a;text-decoration:none}.blog-card h3{font-size:1.05rem;font-weight:700;color:var(--accent-gold);margin:0 0 8px;line-height:1.3}.blog-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin:0 0 12px;flex:1}.blog-card time{font-size:.78rem;color:#6e9e8099}.content-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(110,158,128,.2)}.content-nav a{display:inline-block;padding:8px 18px;border:1px solid var(--felt-border);border-radius:8px;color:var(--accent-gold);text-decoration:none;font-size:.9rem;transition:background .15s,border-color .2s}.content-nav a:hover{background:#f5c51814;border-color:var(--accent-gold)}.faq-list{margin:24px 0}.faq-list details{border-bottom:1px solid rgba(110,158,128,.15);padding:12px 0}.faq-list summary{cursor:pointer;font-weight:600;font-size:1.05rem;color:var(--text-primary);padding:4px 0;list-style:none}.faq-list summary:before{content:"▸ ";color:var(--accent-gold-dim);transition:transform .15s}.faq-list details[open] summary:before{content:"▾ "}.faq-list details p{margin:8px 0 4px 16px;color:var(--text-muted);line-height:1.7}@media (max-width: 480px){.seo-content{padding:24px 12px 32px}.seo-content h1{font-size:1.5rem}.seo-content h2{font-size:1.15rem;margin:24px 0 8px}.game-catalog{gap:28px}.family-grid{grid-template-columns:repeat(3,1fr);gap:10px}.family-header{font-size:1.1rem;margin-bottom:12px}.game-card{padding:10px 8px;border-radius:14px}.game-icon{font-size:2.2rem;margin-bottom:6px}.game-card h3{font-size:.85rem}.game-tag{font-size:.7rem}.site-nav{flex-direction:column;align-items:center;gap:10px}.blog-catalog{grid-template-columns:1fr;gap:12px}.content-nav{flex-direction:column;align-items:stretch;text-align:center}.header-inner{padding:10px 12px}.logo-suit{font-size:1.3rem}.logo-text{font-size:1.05rem}.header-nav{gap:16px}.header-nav a{font-size:.85rem}.footer-columns{grid-template-columns:1fr;gap:24px}.footer-inner{padding:28px 12px 20px}}.pyramid-board{display:flex;flex-direction:column;align-items:center;container-type:inline-size;max-height:calc(100dvh - 140px)}.pyramid-layout{display:flex;flex-direction:column;align-items:center;gap:0;padding:0}.pyramid-row{display:flex;justify-content:center;gap:.1cqi;margin-top:0;transform:translateY(-4.2cqi)}.pyramid-row:first-child{transform:none}.pyramid-row .card{position:relative;width:6cqi;aspect-ratio:2.5 / 3.5;flex-shrink:0;cursor:pointer}.pyramid-row .card.covered{opacity:.7;pointer-events:none}.pyramid-empty{width:6cqi;aspect-ratio:2.5 / 3.5}.pyramid-bottom{display:flex;justify-content:center;gap:.8cqi;padding:0;margin-top:-1cqi}.pyramid-bottom .pile-wrapper{width:8cqi}.tripeaks-board{display:flex;flex-direction:column;align-items:center;container-type:inline-size}.tripeaks-layout{display:grid;grid-template-columns:repeat(10,1fr);gap:.3cqi;padding:1cqi;width:90%;max-width:750px}.tripeaks-col{position:relative;min-height:20cqi}.tripeaks-col .card{position:absolute;left:0;width:100%;aspect-ratio:2.5 / 3.5;cursor:pointer}.tripeaks-bottom{display:flex;justify-content:center;gap:2cqi;padding:1.5cqi 0}.tripeaks-bottom .pile-wrapper{width:12cqi}.gaps-board{display:flex;flex-direction:column;align-items:center;container-type:inline-size;padding:1cqi}.gaps-grid{display:grid;grid-template-columns:repeat(13,1fr);gap:.3cqi;width:100%;max-width:950px}.gaps-grid .card,.gaps-slot{aspect-ratio:2.5 / 3.5;border-radius:.5cqi}.gaps-grid .card{position:relative;cursor:pointer}.gaps-slot{background:var(--felt-deep);border:1px dashed var(--felt-border);cursor:pointer}.gaps-slot:hover{border-color:var(--accent-gold);background:var(--felt-mid)}.clock-board{display:flex;justify-content:center;container-type:inline-size}.clock-layout{position:relative;width:75cqi;height:75cqi;max-width:550px;max-height:550px;margin:2cqi auto}.clock-pile,.clock-center{position:absolute;width:9cqi;transform:translate(-50%,-50%);text-align:center;cursor:pointer}.clock-pile .card,.clock-center .card{position:relative;width:100%;aspect-ratio:2.5 / 3.5}.clock-label{color:var(--accent-gold-dim);font-size:1.5cqi;font-weight:700;margin-bottom:.3cqi}.clock-count{color:var(--text-muted);font-size:1.2cqi;margin-top:.3cqi}.clock-current{outline:2px solid var(--accent-gold);outline-offset:2px;border-radius:4px}.clock-center{left:50%;top:50%}.clock-instruction{position:absolute;bottom:2%;left:50%;transform:translate(-50%);color:var(--accent-gold);font-size:1.6cqi;text-align:center;white-space:nowrap;pointer-events:none;opacity:.9}.accordion-board{display:flex;flex-direction:column;align-items:center;container-type:inline-size;padding:1cqi}.accordion-layout{display:flex;flex-wrap:wrap;gap:.5cqi;justify-content:center;padding:1cqi;width:100%;max-width:950px}.accordion-pile{position:relative;width:7cqi;cursor:pointer}.accordion-pile .card{position:relative;width:100%;aspect-ratio:2.5 / 3.5}.accordion-pile.selected .card{outline:2px solid var(--accent-gold);outline-offset:1px}.accordion-count{position:absolute;bottom:-.5cqi;right:-.3cqi;background:var(--accent-gold);color:#000;font-size:1cqi;font-weight:700;padding:.1cqi .4cqi;border-radius:.5cqi;line-height:1.3}.accordion-info{color:var(--text-muted);font-size:1.5cqi;text-align:center;padding:1cqi 0}@media (max-width: 480px){.pyramid-row{gap:.2cqi;transform:translateY(-6cqi)}.pyramid-row:first-child{transform:none;margin-bottom:-2cqi}.pyramid-row .card,.pyramid-empty{width:8.5cqi}.pyramid-bottom{gap:1.2cqi;padding:.8cqi 0}.pyramid-bottom .pile-wrapper{width:10cqi}.tripeaks-layout{gap:.2cqi;padding:.5cqi;width:95%}.tripeaks-col{min-height:16cqi}.tripeaks-bottom{gap:1.2cqi;padding:.8cqi 0}.tripeaks-bottom .pile-wrapper{width:10cqi}.gaps-board{padding:.5cqi}.gaps-grid{gap:.2cqi;max-width:100%}.clock-layout{width:70cqi;height:70cqi;max-width:500px;max-height:500px;margin:1cqi auto}.clock-pile,.clock-center{width:8cqi}.accordion-layout{gap:.3cqi;padding:.5cqi}.accordion-pile{width:6cqi}.accordion-count{bottom:-.4cqi;right:-.2cqi;font-size:.8cqi;padding:.05cqi .3cqi}.accordion-info{font-size:1.2cqi;padding:.5cqi 0}}