.game-card.svelte-n3ft5o{--accent-text: color-mix(in srgb, var(--accent) 66%, #fff);position:relative;display:flex;flex-direction:column;width:100%;min-height:226px;padding:24px 24px 26px;border-radius:20px;text-decoration:none;isolation:isolate;border:1px solid #2b2925;background:radial-gradient(120% 82% at 0% 0%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 55%),linear-gradient(158deg,#1d1c19,#151310);transition:transform .28s cubic-bezier(.2,.7,.3,1),border-color .28s ease,box-shadow .28s ease,background .28s ease;overflow:hidden}.game-card.svelte-n3ft5o>:where(.svelte-n3ft5o):not(.card-pattern):not(.card-art){position:relative;z-index:1}.card-pattern.svelte-n3ft5o{position:absolute;inset:0;z-index:0;opacity:.3;pointer-events:none;background-image:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent) 1px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:linear-gradient(125deg,transparent 18%,#000 90%);mask-image:linear-gradient(125deg,transparent 18%,#000 90%)}.card-art.svelte-n3ft5o{position:absolute;z-index:0;right:-24px;bottom:-28px;width:156px;height:156px;color:var(--accent);opacity:.075;pointer-events:none;transform:rotate(-9deg);transition:opacity .28s ease,transform .35s cubic-bezier(.2,.7,.3,1)}.game-card[data-game=countdown].svelte-n3ft5o .card-art:where(.svelte-n3ft5o){right:-18px;bottom:-22px;transform:rotate(8deg)}.game-card[data-game=safe-or-blunder].svelte-n3ft5o .card-art:where(.svelte-n3ft5o){transform:rotate(7deg)}.game-card[data-game=hold-the-draw].svelte-n3ft5o .card-art:where(.svelte-n3ft5o){right:-16px;bottom:-34px;transform:rotate(-5deg)}.game-card.svelte-n3ft5o:hover{transform:translateY(-5px) scale(1.012);border-color:color-mix(in srgb,var(--accent) 45%,#2c2a26);background:radial-gradient(120% 82% at 0% 0%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 55%),linear-gradient(158deg,#242219,#191510);box-shadow:0 22px 48px -16px #000000a6,0 0 42px -14px color-mix(in srgb,var(--accent) 55%,transparent)}.game-card.svelte-n3ft5o:hover .card-art:where(.svelte-n3ft5o){opacity:.12;transform:rotate(-4deg) scale(1.04)}.game-card[data-game=countdown].svelte-n3ft5o:hover .card-art:where(.svelte-n3ft5o){transform:rotate(3deg) scale(1.04)}.game-card.svelte-n3ft5o:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}.card-top.svelte-n3ft5o{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.icon-wrap.svelte-n3ft5o{width:50px;height:50px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);transition:background .28s ease,transform .28s cubic-bezier(.2,.7,.3,1)}.game-card.svelte-n3ft5o:hover .icon-wrap:where(.svelte-n3ft5o){background:color-mix(in srgb,var(--accent) 22%,transparent);transform:rotate(-4deg)}.icon-wrap.svelte-n3ft5o svg:where(.svelte-n3ft5o){width:26px;height:26px}.stat.svelte-n3ft5o{flex-shrink:0;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:5px 11px;border-radius:999px;color:color-mix(in srgb,var(--accent) 62%,#fff);background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,transparent)}.name.svelte-n3ft5o{margin:0 0 8px;font-size:1.26rem;font-weight:800;letter-spacing:-.015em;color:#f4f3f0}.desc.svelte-n3ft5o{margin:0;font-size:.9rem;line-height:1.56;color:#aeaaa1}.format.svelte-n3ft5o{display:inline-flex;align-self:flex-start;margin-top:16px;color:#858179;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.levels.svelte-n3ft5o{display:flex;flex-wrap:wrap;gap:3px;text-transform:none;letter-spacing:0}.levels.svelte-n3ft5o i:where(.svelte-n3ft5o){padding:3px 5px;border:1px solid #34322c;border-radius:6px;color:#77736c;font-style:normal;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums}.levels.svelte-n3ft5o i.done:where(.svelte-n3ft5o){border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-text)}.levels.svelte-n3ft5o i.here:where(.svelte-n3ft5o){border-color:var(--accent-text);color:#f5f3ee}.levels.svelte-n3ft5o i.locked:where(.svelte-n3ft5o){border-style:dashed;opacity:.5}.play.svelte-n3ft5o{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;padding:9px 13px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,transparent);font-size:.83rem;font-weight:700;letter-spacing:.01em;color:var(--accent-text);transition:background .2s ease,border-color .2s ease}.play-arrow.svelte-n3ft5o{width:15px;height:15px;transition:transform .28s cubic-bezier(.2,.7,.3,1)}.game-card.svelte-n3ft5o:hover .play-arrow:where(.svelte-n3ft5o){transform:translate(4px)}.game-card.svelte-n3ft5o:hover .play:where(.svelte-n3ft5o){background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}@media(prefers-reduced-motion:reduce){.game-card.svelte-n3ft5o,.game-card.svelte-n3ft5o:hover,.icon-wrap.svelte-n3ft5o,.play-arrow.svelte-n3ft5o{transition:none;transform:none}}@media(max-width:560px){.game-card.svelte-n3ft5o{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"icon name stat" "icon desc desc" "icon format format" "icon play play";column-gap:14px;row-gap:2px;align-items:center;min-height:0;padding:12px 14px;border-radius:14px}.game-card.svelte-n3ft5o:hover{transform:none}.card-art.svelte-n3ft5o{right:-14px;bottom:-24px;width:112px;height:112px;opacity:.055}.card-pattern.svelte-n3ft5o{opacity:.2}.card-top.svelte-n3ft5o{display:contents}.icon-wrap.svelte-n3ft5o{grid-area:icon;align-self:start;width:44px;height:44px;border-radius:12px}.icon-wrap.svelte-n3ft5o svg:where(.svelte-n3ft5o){width:22px;height:22px}.stat.svelte-n3ft5o{grid-area:stat;padding:3px 8px;font-size:.6rem}.name.svelte-n3ft5o{grid-area:name;margin:0;font-size:1rem}.desc.svelte-n3ft5o{grid-area:desc;font-size:.82rem;line-height:1.4}.format.svelte-n3ft5o{grid-area:format;margin-top:5px;font-size:.6rem}.play.svelte-n3ft5o{grid-area:play;margin-top:7px;padding:7px 10px;font-size:.78rem}}.practice.svelte-h2b9z2{position:relative;isolation:isolate;max-width:1080px;margin:0 auto;padding:42px 24px 72px;font-family:Inter,sans-serif;color:#eeeae3}.practice.svelte-h2b9z2:before{content:"";position:absolute;z-index:-1;top:-130px;left:50%;width:min(900px,100vw);height:520px;transform:translate(-50%);background:radial-gradient(ellipse,rgba(77,227,255,.055),rgba(98,219,132,.035) 35%,transparent 70%);pointer-events:none}.head.svelte-h2b9z2{max-width:850px;margin:0 auto;text-align:center}h1.svelte-h2b9z2{margin:0;color:#f7f8f4;font-size:clamp(2.5rem,5vw,3.55rem);font-weight:950;letter-spacing:-.055em;line-height:1.03;text-shadow:0 1px 0 rgba(255,255,255,.06)}.head.svelte-h2b9z2 p:where(.svelte-h2b9z2){max-width:640px;margin:12px auto 0;color:#a1a1aa;font-size:1.06rem;line-height:1.55}.elo.svelte-h2b9z2{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:26px}.elo.svelte-h2b9z2>.progress{width:100%;margin-bottom:8px}.elo-btn.svelte-h2b9z2{position:relative;display:inline-flex;padding:12px 20px;overflow:hidden;border-radius:11px;background:linear-gradient(180deg,#72e293,#55c879);color:#07150a;font-size:.9rem;font-weight:900;text-decoration:none;box-shadow:0 3px #28753c,0 10px 28px #44cc4421;transition:background .15s,box-shadow .18s,transform .15s}.elo-btn.svelte-h2b9z2:hover{background:linear-gradient(180deg,#83eba0,#60d183);box-shadow:0 4px #28753c,0 14px 32px #4c43;transform:translateY(-1px)}.elo-btn.svelte-h2b9z2:focus-visible{outline:2px solid #f5f3ee;outline-offset:3px}section.svelte-h2b9z2{margin-top:30px}.modes.svelte-h2b9z2{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.modes.svelte-h2b9z2>*{grid-column:span 2}.card-in.svelte-h2b9z2{display:flex;min-width:0}.card-in.svelte-h2b9z2>*{flex:1}.modes.svelte-h2b9z2>:nth-child(1),.modes.svelte-h2b9z2>:nth-child(2){grid-column:span 3}@media(max-width:820px){.practice.svelte-h2b9z2{padding-top:24px}.modes.svelte-h2b9z2{grid-template-columns:repeat(2,minmax(0,1fr))}.modes.svelte-h2b9z2>*,.modes.svelte-h2b9z2>:nth-child(1),.modes.svelte-h2b9z2>:nth-child(2){grid-column:span 1}.modes.svelte-h2b9z2>:nth-child(5){grid-column:1 / -1}}@media(max-width:560px){.practice.svelte-h2b9z2{padding:16px 14px 48px}.head.svelte-h2b9z2 h1:where(.svelte-h2b9z2){font-size:2.1rem}.head.svelte-h2b9z2 p:where(.svelte-h2b9z2){font-size:.94rem}section.svelte-h2b9z2{margin-top:26px}.modes.svelte-h2b9z2{grid-template-columns:minmax(0,1fr);gap:10px}.modes.svelte-h2b9z2>*,.modes.svelte-h2b9z2>:nth-child(1),.modes.svelte-h2b9z2>:nth-child(2),.modes.svelte-h2b9z2>:nth-child(5){grid-column:auto}}