:root{--bg:#0a0d12;--bg-2:#0f141b;--surface:#151a23;--surface-2:#1c232e;--surface-3:#242c39;--border:#26303d;--border-strong:#384556;--text:#eaeef4;--text-dim:#909dae;--text-mute:#64717f;--gold:#e9b949;--gold-2:#f7dc9a;--gold-deep:#9a6f0f;--gold-ink:#191203;--emerald:#34c77b;--emerald-2:#6fe0a4;--emerald-deep:#17603c;--red:#ec5a5f;--blue:#4c8dff;--violet:#9b7bff;--radius-xs:8px;--radius-sm:12px;--radius:18px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 2px 6px #00000059;--shadow:0 10px 28px #0000006b;--shadow-lg:0 24px 60px #0000008c;--grad-gold:linear-gradient(180deg, #f2c96a 0%, #e9b949 55%, #c9922a 100%);--grad-emerald:linear-gradient(180deg, #46d98c 0%, #2aa866 100%);--ease:cubic-bezier(.25, .1, .25, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--font:system-ui, -apple-system, "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--card-w:clamp(60px, 8.5vw, 100px);--card-h:calc(var(--card-w) * 1.4);--card-w-sm:calc(var(--card-w) * .78);--card-h-sm:calc(var(--card-w-sm) * 1.4);--pile-gap:10px;--board-h:clamp(440px, 66vh, 1100px);--suit-spade:#16181f;--suit-club:#16181f;--suit-heart:#c62828;--suit-diamond:#c62828}:root[data-deck=four]{--suit-club:#17794a;--suit-diamond:#1668c4}:root[data-theme=light]{--bg:#eef1f6;--bg-2:#e5eaf1;--surface:#fff;--surface-2:#f1f4f9;--surface-3:#e6ebf3;--border:#d7dde6;--border-strong:#bcc6d3;--text:#101720;--text-dim:#56636f;--text-mute:#7b8794;--gold-deep:#8a6108;--shadow-sm:0 2px 6px #18263c14;--shadow:0 10px 28px #18263c1f;--shadow-lg:0 24px 60px #18263c29}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}html{scrollbar-gutter:stable;font-size:18px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;touch-action:manipulation;background-image:radial-gradient(1100px 520px at 88% -12%,#e9b94917,#0000 62%),radial-gradient(900px 500px at -5% 4%,#34c77b12,#0000 58%);background-attachment:fixed;flex-direction:column;min-height:100dvh;line-height:1.55;display:flex;overflow-x:clip}a{color:var(--gold);text-decoration:none}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;line-height:1.15}h1{font-size:clamp(1.6rem,3.4vw,2.1rem);font-weight:800}h2{font-size:1.45rem}h3{font-size:1.1rem}ol,ul{list-style:revert}button{cursor:pointer;font-family:inherit}:where(a,button,input,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--radius-xs)}.container{max-width:1220px;margin:0 auto;padding:0 20px}main.container{flex:1;width:100%}main.container.embed{max-width:none;padding:0}.hidden{display:none!important}.btn{border-radius:var(--radius-sm);white-space:nowrap;color:var(--gold-ink);background:var(--grad-gold);transition:transform .15s var(--ease), box-shadow .15s var(--ease), filter .15s var(--ease);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.95rem;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:inset 0 1px #ffffff73,inset 0 -2px #0000002e,0 2px 4px #0000004d,0 8px 22px #e9b9493d}.btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0000002e,0 4px 8px #0000004d,0 12px 30px #e9b9495c}.btn:active{transform:translateY(0)}.btn.lg{border-radius:var(--radius-sm);padding:15px 30px;font-size:1.05rem}.btn.sm{padding:8px 14px;font-size:.86rem}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;filter:none;transform:none}.btn:disabled:hover{filter:none;transform:none}.btn.ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost:hover{filter:none;background:var(--surface-3);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn.primary-emerald{background:var(--grad-emerald);color:#062314;box-shadow:inset 0 1px #ffffff59,inset 0 -2px #0003,0 8px 22px #34c77b47}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.section{margin:44px 0}.section-head{align-items:baseline;gap:12px;margin:0 0 18px;display:flex}.section-title{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.section-head .count{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:.9rem}.section-head .more{color:var(--text-dim);margin-left:auto;font-size:.9rem;font-weight:600}.section-head .more:hover{color:var(--gold)}.game-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.game-tile{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:transform .6s var(--ease), box-shadow .6s var(--ease), border-color .6s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (hover:hover){.game-tile:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--tile-accent,var(--gold)) 55%, var(--border));transition-duration:.3s;transform:translateY(-4px)scale(1.02)}.game-tile:hover .tile-art{--art-lift:-6px}}.tile-art{aspect-ratio:16/10;background:radial-gradient(90% 120% at 50% 115%, color-mix(in srgb, var(--tile-accent,var(--gold)) 34%, transparent), transparent 70%), linear-gradient(165deg, var(--surface-3) 0%, var(--surface) 100%);border-bottom:1px solid var(--border);place-items:center;display:grid;position:relative;overflow:hidden}.tile-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000047 100%);position:absolute;inset:0}.tile-art>:first-child{transform:translateY(var(--art-lift,0));transition:transform .35s var(--ease-out)}.tile-body{flex-direction:column;flex:1;gap:5px;padding:14px 16px 16px;display:flex}.tile-body h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.tile-body p{color:var(--text-dim);margin:0;font-size:.855rem;line-height:1.45}.tile-meta{color:var(--text-mute);flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:10px;font-size:.76rem;font-weight:600;display:flex}.tile-meta span{align-items:center;gap:4px;display:inline-flex}.tile-meta .dot{background:currentColor;border-radius:50%;align-self:center;width:3px;height:3px}.badges{z-index:1;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:10px;right:10px}.badge{z-index:1;text-transform:uppercase;letter-spacing:.07em;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb, var(--tile-accent,var(--gold)) 45%, transparent);color:var(--tile-accent,var(--gold));white-space:nowrap;background:#0a0d12e0;padding:4px 9px;font-size:.66rem;font-weight:800}.badge.friend{border-color:color-mix(in srgb, var(--gold) 60%, transparent);color:var(--gold)}.hud-full{flex:none;place-items:center;width:40px;padding-inline:0;display:inline-grid}.hud-full[aria-pressed=true]{border-color:color-mix(in srgb, var(--gold) 55%, transparent);color:var(--gold)}.hud-full.only-phone{display:none}@media (width<=640px){.hud-full.only-phone{width:38px;height:34px;display:inline-grid}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);align-items:center;gap:6px;padding:8px 15px;font-size:.88rem;font-weight:600;display:inline-flex}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip[aria-pressed=true]{background:color-mix(in srgb, var(--gold) 16%, var(--surface));border-color:color-mix(in srgb, var(--gold) 55%, transparent);color:var(--gold-2)}.chip .n{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:.78rem}.field{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);height:44px;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);align-items:center;gap:10px;padding:0 14px;display:flex}.field:focus-within{border-color:color-mix(in srgb, var(--gold) 60%, transparent);box-shadow:0 0 0 4px #e9b94924}.field input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.field input:focus,.field input:focus-visible{box-shadow:none;outline:none}.field input::placeholder{color:var(--text-mute)}.field .icon{color:var(--text-mute);flex-shrink:0;place-items:center;display:grid}.nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg) 82%, transparent);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{align-items:center;gap:20px;height:96px;display:flex}.nav .brand{letter-spacing:-.02em;color:var(--text);align-items:center;gap:14px;font-size:1.45rem;font-weight:800;display:flex}.nav .brand .logo{object-fit:contain;filter:drop-shadow(0 3px 8px #e9b94940);width:62px;height:62px;display:block}.nav .brand .brand-text{flex-direction:column;line-height:1.15;display:flex}.nav .brand .brand-sub{letter-spacing:.02em;color:var(--text-dim);font-size:.86rem;font-weight:500}.nav .links{gap:14px;margin-left:auto;display:flex}.nav .links a{color:var(--text-dim);border-radius:var(--radius-sm);transition:color .15s var(--ease), background .15s var(--ease);padding:8px 13px;font-size:.92rem;font-weight:600}.nav .links a:hover{color:var(--text);background:var(--surface-2)}.nav .links a.active{color:var(--gold);background:color-mix(in srgb, var(--gold) 12%, var(--surface-2))}.nav-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;flex-shrink:0;place-items:center;margin-left:auto;padding:0;display:none}.burger,.burger:before,.burger:after{width:20px;height:2px;transition:transform .2s var(--ease), opacity .15s var(--ease);background:currentColor;border-radius:2px;display:block}.burger{position:relative}.burger:before,.burger:after{content:"";position:absolute;left:0}.burger:before{top:-6px}.burger:after{top:6px}.nav-toggle[aria-expanded=true] .burger{background:0 0}.nav-toggle[aria-expanded=true] .burger:before{transform:translateY(6px)rotate(45deg)}.nav-toggle[aria-expanded=true] .burger:after{transform:translateY(-6px)rotate(-45deg)}.nav-scrim{z-index:40;cursor:default;background:#00000080;border:0;padding:0;display:none;position:fixed;inset:0}.hero{padding:64px 0 28px;position:relative}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}.hero .eyebrow{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--emerald) 14%, transparent);border:1px solid color-mix(in srgb, var(--emerald) 34%, transparent);color:var(--emerald-2);letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.035em;margin-bottom:.35em;font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;line-height:1.05}.hero h1 .accent{background:linear-gradient(120deg,#f7dc9a 0%,#e9b949 50%,#c9922a 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-dim);max-width:46ch;margin:0 0 26px;font-size:1.08rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-deck{place-items:center;height:360px;display:grid;position:relative}.hero-deck:before{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#e9b94947,#e9b94914 55%,#0000 75%);position:absolute;inset:0}.hero-deck .fan{filter:drop-shadow(0 24px 40px #0009)drop-shadow(0 0 28px #e9b9492e);animation:5s ease-in-out 1s infinite hero-float;position:absolute}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-deck .fan svg{width:min(576px,53vw);height:auto}.hud{flex-wrap:wrap;align-items:center;gap:14px;margin:18px 0 14px;display:flex}.hud-title{align-items:center;gap:12px;min-width:0;display:flex}.hud-title h1{margin:0;font-size:clamp(1.3rem,2.6vw,1.75rem)}.hud-back{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);width:38px;height:38px;color:var(--text-dim);transition:color .15s var(--ease), background .15s var(--ease);flex-shrink:0;place-items:center;display:grid}.hud-back:hover{color:var(--text);background:var(--surface-3)}.hud-stats{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.stat-chip{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;min-width:62px;padding:5px 12px;line-height:1.15;display:inline-flex}.stat-chip .k{text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);font-size:.66rem;font-weight:700}.stat-chip .v{color:var(--text);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.stat-chip.accent .v{color:var(--gold)}.hud-actions{flex-wrap:wrap;gap:8px;display:flex}.mobile-bar{display:none}.footer{border-top:1px solid var(--border);color:var(--text-mute);margin-top:64px;padding:34px 0;font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer nav{flex-wrap:wrap;gap:16px;display:flex}.footer nav a{color:var(--text-dim);font-weight:500}.footer nav a:hover{color:var(--gold)}.muted{color:var(--text-dim)}.center{text-align:center}.mt{margin-top:20px}.empty-note{text-align:center;color:var(--text-dim);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:40px 20px}.board{height:var(--board-h);--across:7;--down:3.6;--card-min:34px;--card-max:210px;--fit-w:calc((100cqw - (var(--across) + 1) * var(--pile-gap)) / var(--across));--down-k:1;--fit-h:calc(100cqh / (1.4 * var(--down) * var(--down-k)));--card-w:clamp(var(--card-min), min(var(--fit-w), var(--fit-h)), var(--card-max));--card-h:calc(var(--card-w) * 1.4);--card-w-sm:calc(var(--card-w) * .78);--card-h-sm:calc(var(--card-w-sm) * 1.4);--stack-step:calc(var(--card-h) * .26);--stack-step-sm:calc(var(--card-h-sm) * .26);background:radial-gradient(130% 100% at 50% 0,#ffffff17,#0000 55%),radial-gradient(90% 70%,#2fbf712e,#0000 70%),radial-gradient(120% 120%,#0000 60%,#0006 100%),linear-gradient(160deg,#26915c 0%,#17603c 45%,#0a3a20 100%);border:2px solid #e6b84a59;border-radius:22px;padding:24px;position:relative;overflow:auto;box-shadow:inset 0 0 90px #0009,inset 0 0 0 1px #ffffff14,inset 0 0 0 7px #0003,0 16px 50px #0000008c;container-type:size}.board.lay-klondike{--across:7;--down:3.8}.board.lay-spider{--across:7.8;--down:4.2}.board.lay-freecell{--across:6.3;--down:3.9}.board.durak-board{--across:6.5;--down:4.2}:root[data-cards=big] .board{--card-max:290px;--card-min:40px;--down-k:.72}.board:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.board-actions{z-index:2;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.empty-deck{width:var(--card-w);height:var(--card-h);color:#ffffff8c;background:#0000002e;border:2px dashed #ffffff59;border-radius:9px;place-items:center;font-size:1.6rem;display:grid}.board-status{z-index:2;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.board-swatch{background:radial-gradient(130% 100% at 50% 0,#ffffff17,#0000 55%),radial-gradient(90% 70%,#2fbf712e,#0000 70%),radial-gradient(120% 120%,#0000 60%,#0006 100%),linear-gradient(160deg,#26915c 0%,#17603c 45%,#0a3a20 100%);border:2px solid #e6b84a59;border-radius:10px;width:100%;height:46px;display:block;box-shadow:inset 0 0 24px #00000080}:root[data-cards=big]{--card-w:clamp(84px, 12vw, 140px);--board-h:clamp(480px, 70vh, 1200px)}@media (width<=640px){:root[data-cards=big]{--card-w:clamp(40px, 12.4vw, 72px);--board-h:clamp(440px, 64vh, 680px)}}:root[data-immersive="1"] body{overflow:hidden}:root[data-immersive="1"] .nav,:root[data-immersive="1"] .footer,:root[data-immersive="1"] .ad-slot,:root[data-immersive="1"] .game-article,:root[data-immersive="1"] .mobile-bar{display:none!important}:root[data-immersive="1"] main.container{max-width:none;padding-top:8px;padding-bottom:8px}:root[data-immersive="1"]{--board-h:min(88vh, 900px)}:root[data-immersive="1"][data-cards=big]{--board-h:min(90vh, 960px)}@media (width<=640px){.board.lay-nardy{--felt-h:min(var(--board-h), max(220px, calc(100svh - 370px)))}}:root[data-immersive="1"] .board.lay-nardy{--felt-h:var(--board-h)}.board.lay-sea{--felt-h:clamp(320px, 54vh, 560px)}@media (width<=640px){.board.lay-sea{--felt-h:max(330px, calc(100svh - 240px))}.board.lay-mole{--felt-h:max(200px, calc(100svh - 350px))}.board.lay-bridge{--felt-h:max(280px, calc(100svh - 330px))}.board.lay-bridge.bidding{--felt-h:max(170px, calc(100svh - 440px))}.board.lay-skat{--felt-h:max(260px, calc(100svh - 310px))}.board.lay-checkers{--felt-h:max(210px, calc(100svh - 320px))}}:root[data-immersive="1"] .board.lay-checkers{--felt-h:var(--board-h)}.board.lay-mahjong{--felt-h:clamp(420px, 74vh, 820px)}@media (width<=640px){.board.lay-mahjong{--felt-h:max(220px, calc(100svh - 345px))}}:root[data-immersive="1"] .board.lay-mahjong{--felt-h:min(92vh, 980px)}.board.lay-nines{--across:10.5;--down:5.6}.board.durak-board{flex-direction:column;gap:20px;display:flex}:root[data-board=midnight] .board,.board-swatch[data-board=midnight]{background:radial-gradient(130% 100% at 50% 0,#78a0ff1a,#0000 55%),radial-gradient(90% 70%,#5078dc29,#0000 70%),radial-gradient(120% 120%,#0000 60%,#00000073 100%),linear-gradient(160deg,#1c2a4a 0%,#101a30 45%,#060b18 100%);border-color:#78a0ff66}:root[data-board=crimson] .board,.board-swatch[data-board=crimson]{background:radial-gradient(130% 100% at 50% 0,#ffffff14,#0000 55%),radial-gradient(90% 70%,#e5484d33,#0000 70%),radial-gradient(120% 120%,#0000 60%,#00000073 100%),linear-gradient(160deg,#7a1f2b 0%,#4a1018 45%,#26070c 100%);border-color:#e5484d66}:root[data-board=royal] .board,.board-swatch[data-board=royal]{background:radial-gradient(130% 100% at 50% 0,#fff0c81f,#0000 55%),radial-gradient(90% 70%,#e6b84a33,#0000 70%),radial-gradient(120% 120%,#0000 60%,#0006 100%),linear-gradient(160deg,#6b4a05 0%,#3d2a03 45%,#1f1501 100%);border-color:#e6b84a80}.drop-target{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px;animation:.8s ease-in-out infinite drop-glow;box-shadow:0 0 0 4px #e6b84a4d,0 0 24px #e6b84a80}@keyframes drop-glow{0%,to{box-shadow:0 0 0 4px #e6b84a4d,0 0 18px #e6b84a80}50%{box-shadow:0 0 0 6px #e6b84a80,0 0 34px #e6b84ad9}}.stacked.draggable,.playable,.stock,.waste,.cell,.foundation{touch-action:none}.hint-highlight{animation:1s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{box-shadow:0 0 0 3px #e6b84ae6,0 0 18px #e6b84a99}50%{box-shadow:0 0 0 6px #e6b84a66,0 0 30px #e6b84ae6}}.hint-target{outline:3px solid var(--emerald);outline-offset:2px;border-radius:8px;animation:1s ease-in-out infinite hint-target-pulse;box-shadow:0 0 0 4px #2fbf714d}@keyframes hint-target-pulse{0%,to{box-shadow:0 0 0 3px #2fbf71e6,0 0 18px #2fbf7199}50%{box-shadow:0 0 0 6px #2fbf7166,0 0 30px #2fbf71e6}}.hint-source{outline:3px solid var(--gold);outline-offset:2px;border-radius:8px;animation:1s ease-in-out infinite hint-pulse;box-shadow:0 0 0 4px #e6b84a4d}.hint-banner{border-radius:var(--radius-sm);color:var(--gold);background:linear-gradient(135deg,#e6b84a2e,#e6b84a0f);border:1px solid #e6b84a80;margin:12px 0;padding:10px 16px;font-size:.95rem;font-weight:600;animation:.25s pop-in}.drag-ghost{z-index:9999;pointer-events:none;filter:drop-shadow(0 14px 28px #0000008c);will-change:transform;transition:none;position:fixed;transform:translate(-50%,-50%)rotate(-4deg)scale(1.06)}@keyframes deal-in{0%{transform:translateY(-24px)scale(.9)}to{transform:translateY(0)scale(1)}}@keyframes flip-in{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes firework{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--fx), var(--fy)) scale(.2);opacity:0}}@keyframes win-flash{0%{opacity:.9}to{opacity:0}}.win-banner{text-align:center;border-radius:var(--radius);background:var(--grad-gold);color:var(--gold-ink);animation:pop-in .4s var(--ease-spring);margin:16px 0;padding:28px;position:relative;overflow:hidden;box-shadow:0 12px 40px #e6b84a66}.win-banner:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff80 50%,#0000 70%) 0 0/200% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.win-banner h2{z-index:1;margin:0 0 12px;font-size:1.8rem;position:relative}.win-next{border-top:1px solid color-mix(in srgb, currentColor 25%, transparent);z-index:1;margin-top:18px;padding-top:14px;position:relative}.win-next-label{text-transform:uppercase;letter-spacing:.06em;opacity:.75;margin-bottom:10px;font-size:.8rem;display:block}.win-next ul{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.win-next li a{background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;transition:transform .15s var(--ease), background .15s var(--ease);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}.win-next li a:hover{background:color-mix(in srgb, currentColor 18%, transparent);transform:translateY(-2px)}.win-next li strong{font-size:1rem}.win-next li .why{opacity:.7;font-size:.78rem}.win-next .win-all{color:inherit;font-size:.86rem;text-decoration:underline}.win-banner.lose{background:var(--surface-2);color:var(--text);border:1px solid var(--line);animation:lose-in .35s var(--ease-out);box-shadow:0 10px 30px #00000059}.win-banner.lose:after{content:none}.win-banner.lose h2{color:var(--text-dim)}@keyframes lose-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.win-banner.lose{animation:none}}.firework{pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;animation:1.1s cubic-bezier(.1,.7,.3,1) forwards firework;position:fixed;top:50%;left:50%}.win-flash{pointer-events:none;z-index:9997;background:radial-gradient(circle,#fff8e1,#e6b84a);animation:.7s ease-out forwards win-flash;position:fixed;inset:0}.confetti{pointer-events:none;z-index:9998;border-radius:2px;width:10px;height:16px;animation:linear forwards confetti-fall;position:fixed;top:0}.reveal{opacity:0}.reveal.in-view{animation:rise-in .5s var(--ease-out) var(--reveal-delay,0s) both}.nav{view-transition-name:site-header}.footer{view-transition-name:site-footer}::view-transition-old(root){animation:vt-out .16s var(--ease) both}::view-transition-new(root){animation:vt-in .26s var(--ease-out) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:8px}.hero-deck{height:200px}.hero p{max-width:none}.game-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}}@media (width<=760px){.nav-inner{gap:10px;height:68px}.nav .brand{gap:10px;min-width:0;font-size:1.05rem}.nav .brand .logo{width:44px;height:44px}.nav .brand .brand-sub{font-size:.72rem}.nav-toggle{display:grid}.nav .links{z-index:45;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-bottom:1px solid var(--border);visibility:hidden;opacity:0;transition:opacity .18s var(--ease), transform .18s var(--ease), visibility .18s var(--ease);flex-direction:column;gap:4px;margin-left:0;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px);box-shadow:0 18px 40px #00000073}.nav.menu-open .links{visibility:visible;opacity:1;transform:none}.nav .links a{border-radius:var(--radius-sm);padding:13px 14px;font-size:1rem}.nav-scrim{display:block}}@media (width<=640px){:root{--card-w:clamp(30px, 9.6vw, 64px);--card-w-sm:calc(var(--card-w) * .72);--pile-gap:4px}.container{padding:0 12px}.hero{padding:26px 0 16px}.hero h1{font-size:1.85rem}.hero h1 .accent{display:block}.hero p{font-size:.98rem}.hero-deck{display:none}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-body{padding:11px 12px 13px}.tile-body h3{font-size:.95rem}.tile-body p{font-size:.79rem}.section{margin:30px 0}.board{border-radius:16px;padding:14px}.win-banner{padding:20px}.win-banner h2{font-size:1.4rem}.hud{gap:10px;margin:12px 0 10px}.hud-actions{display:none}.hud-stats{width:100%;margin-left:0}.stat-chip{flex:0 auto;padding:4px 12px}.stat-chip .k{font-size:.62rem}.stat-chip .v{font-size:.95rem}.mobile-bar{z-index:60;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar>*{text-overflow:ellipsis;flex:1 1 0;min-width:0;padding-inline:10px;font-size:.9rem;overflow:hidden}body:has(.mobile-bar) .footer{padding-bottom:84px}body:has(.mobile-bar) main{padding-bottom:72px}body:has(.mobile-bar) .board-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:calc(100% - 24px);position:fixed;bottom:76px}}@media (width<=640px) and (height<=480px){.mobile-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:0;margin-top:12px;padding-inline:0;position:static}body:has(.mobile-bar) main{padding-bottom:0}body:has(.mobile-bar) .footer{padding-bottom:34px}}.tf.svelte-178se65{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:90;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:min(560px,100vw - 24px);animation:svelte-178se65-tf-in .2s var(--ease-out);align-items:center;gap:10px;padding:10px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000047}.tf-text.svelte-178se65{flex:auto;min-width:0;font-size:.92rem}.tf.svelte-178se65 .btn{flex:none;padding-inline:12px}body:has(.mobile-bar) .tf.svelte-178se65{bottom:calc(78px + env(safe-area-inset-bottom))}@media (width<=560px){.tf.svelte-178se65{flex-wrap:wrap;max-width:none;left:12px;right:12px;transform:none}.tf-text.svelte-178se65{flex:1 0 100%}}@keyframes svelte-178se65-tf-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}@media (width<=560px){@keyframes svelte-178se65-tf-in{0%{opacity:0;transform:translateY(8px)}}}@media (prefers-reduced-motion:reduce){.tf.svelte-178se65{animation:none}}.game-article.svelte-wu7wdg{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);max-width:78ch;margin:40px auto 0;padding:24px;line-height:1.65}.game-article.svelte-wu7wdg h2:where(.svelte-wu7wdg){margin:28px 0 10px;font-size:1.12rem}summary.svelte-wu7wdg{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;list-style:none;display:flex}summary.svelte-wu7wdg::-webkit-details-marker{display:none}summary.svelte-wu7wdg h2:where(.svelte-wu7wdg){margin:0}.hint.svelte-wu7wdg{color:var(--gold);white-space:nowrap;font-size:.85rem}details[open].svelte-wu7wdg summary:where(.svelte-wu7wdg){margin-bottom:6px}.game-article.svelte-wu7wdg h2:where(.svelte-wu7wdg):first-child{margin-top:0}.lead.svelte-wu7wdg{color:var(--muted);margin:0}.signature.svelte-wu7wdg{margin:6px 0 0;font-style:italic}.about.svelte-wu7wdg{margin:12px 0 0}.steps.svelte-wu7wdg,.tips.svelte-wu7wdg{margin:12px 0 0;padding-left:22px}.steps.svelte-wu7wdg li:where(.svelte-wu7wdg),.tips.svelte-wu7wdg li:where(.svelte-wu7wdg){margin-bottom:8px}.more.svelte-wu7wdg{margin:14px 0 0}.related.svelte-wu7wdg{flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;display:flex}@media (width<=640px){.game-article.svelte-wu7wdg{margin-top:28px;padding:18px 16px}}.next.svelte-16rfjrw{max-width:78ch;margin:28px auto 0}.next.svelte-16rfjrw h2:where(.svelte-16rfjrw){margin:0 0 12px;font-size:1.05rem}.next.svelte-16rfjrw ul:where(.svelte-16rfjrw){grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.next.svelte-16rfjrw a:where(.svelte-16rfjrw){border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:inherit;transition:transform .2s var(--ease), border-color .2s var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.next.svelte-16rfjrw a:where(.svelte-16rfjrw):hover{border-color:color-mix(in srgb, var(--tile-accent,var(--gold)) 60%, var(--line));transform:translateY(-3px)}.art.svelte-16rfjrw svg{width:100%;max-width:100%;height:auto}.art.svelte-16rfjrw{aspect-ratio:16/10;background:radial-gradient(90% 120% at 50% 115%, color-mix(in srgb, var(--tile-accent,var(--gold)) 30%, transparent), transparent 70%), var(--surface-2);place-items:center;display:grid;overflow:hidden}.nm.svelte-16rfjrw{text-align:center;padding:8px 10px;font-size:.9rem;font-weight:600}@media (width<=640px){.next.svelte-16rfjrw ul:where(.svelte-16rfjrw){grid-template-columns:repeat(2,minmax(0,1fr))}}