.site{min-height:100%;display:flex;flex-direction:column}.site main{flex:1}.site-wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:16px}@media (min-width: 720px){.site-wrap{padding-inline:32px}}.site-top{position:sticky;top:0;z-index:20;background:#0e1030db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--edge)}.site-top-row{display:flex;align-items:center;gap:24px;min-height:64px}.site-logo{text-decoration:none;display:inline-flex}.site-nav{display:flex;gap:22px;margin-right:auto}.site-nav a{color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:var(--fs-sm)}.site-nav a:hover,.site-nav a.active{color:var(--ink)}.site-top-acts{display:flex;align-items:center;gap:16px}.site-signin{color:var(--ink-soft);font-weight:600;font-size:var(--fs-sm);text-decoration:none}.site-signin:hover{color:var(--ink)}@media (max-width: 719px){.site-top-row{gap:12px}.site-nav{display:none}.site-top-acts{margin-left:auto;gap:12px}}.site-welcome{background:var(--surface-gold);border-bottom:1px solid rgba(255,197,61,.28)}.site-welcome-row{display:flex;align-items:center;gap:14px;padding-block:12px;flex-wrap:wrap}.site-welcome-row p{flex:1 1 260px;color:var(--ink-soft)}.site-welcome-row strong{color:var(--ink)}.site-welcome-x{background:none;border:0;padding:8px 4px;color:var(--ink-soft);font-weight:600;font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dev{margin:0;background:#05061a;box-shadow:0 0 0 1px #ffffff24,0 30px 60px -20px #000000b3}.dev img{width:100%;height:auto;display:block}.dev--phone{width:240px;max-width:100%;padding:8px;border-radius:34px}.dev--phone img{border-radius:26px;aspect-ratio:693 / 1500}.dev--tablet{width:100%;padding:12px;border-radius:26px}.dev--tablet img{border-radius:14px;aspect-ratio:1800 / 1251}.lp-h2{font-size:clamp(1.9rem,4vw,2.75rem);margin-bottom:20px;text-wrap:balance}.lp-lede{font-size:clamp(1.0625rem,1.8vw,1.3rem);color:var(--ink-soft);max-width:36em;line-height:1.5}.lp-small{color:var(--ink-faint);font-size:var(--fs-sm)}.lp-cta{display:flex;flex-wrap:wrap;gap:12px}.lp-hero{padding-block:56px 72px;overflow:hidden}.lp-hero-grid{display:grid;gap:48px;align-items:center}.lp-hero-txt{display:grid;gap:22px;justify-items:start}.lp-hero h1{font-size:clamp(2.5rem,6.4vw,4.6rem);line-height:.98;text-wrap:balance}.lp-hero-art{position:relative;padding-bottom:40px;padding-right:56px}.lp-hero-tablet{transform:rotate(-2deg)}.lp-hero-phone{position:absolute;right:0;bottom:0;width:34%;min-width:120px;transform:rotate(4deg)}@media (min-width: 960px){.lp-hero{padding-block:80px 96px}.lp-hero-grid{grid-template-columns:5fr 6fr}}@media (max-width: 519px){.lp-cta .btn{flex:1 1 100%}.lp-hero-art{padding-right:32px;padding-bottom:28px}.dev--tablet{padding:7px;border-radius:16px}.dev--tablet img{border-radius:10px}.lp-hero-phone{padding:5px;border-radius:20px}.lp-hero-phone img{border-radius:16px}}.lp-voice{background:var(--gold);color:var(--ink-on-gold);padding-block:36px}.lp-voice-row{display:flex;align-items:center;gap:28px}.lp-voice h2{font-size:clamp(1.5rem,3vw,2.1rem);margin-bottom:8px;text-wrap:balance}.lp-voice p{font-size:var(--fs-md);max-width:34em}.lp-voice-btn{position:relative;flex:none;width:112px;height:112px;padding:0;border:0;border-radius:50%;background:var(--night-900);cursor:pointer;overflow:visible;box-shadow:0 0 0 4px var(--night-900),0 0 #0e10304d;transition:transform .12s var(--ease-out)}.lp-voice-face{display:block;width:100%;height:100%;border-radius:50%;background-size:175% auto;background-position:50% 24%;background-repeat:no-repeat}.lp-voice-btn:active{transform:scale(.96)}.lp-voice-btn:focus-visible{outline:3px solid var(--night-900);outline-offset:5px;border-radius:50%}.lp-voice-icon{position:absolute;right:-4px;bottom:-4px;width:40px;height:40px;display:grid;place-items:center;background:var(--night-900);color:var(--gold);border-radius:50%;box-shadow:0 0 0 3px var(--gold)}.lp-voice-icon svg{width:22px;height:22px}.lp-voice-btn.is-talking{animation:lp-talk 1.1s ease-in-out infinite}@keyframes lp-talk{0%,to{box-shadow:0 0 0 4px var(--night-900),0 0 #0e103059}50%{box-shadow:0 0 0 4px var(--night-900),0 0 0 14px #0e103000}}@media (max-width: 519px){.lp-voice-row{gap:18px;align-items:flex-start}.lp-voice-btn{width:84px;height:84px}.lp-voice-icon{width:32px;height:32px}}.lp-inside{padding-block:72px 24px}.lp-feat{display:grid;gap:32px;align-items:center;padding-block:36px}.lp-feat+.lp-feat{border-top:1px solid var(--edge)}.lp-feat-txt{display:grid;gap:14px;max-width:34em}.lp-feat-txt h3{font-size:clamp(1.6rem,3vw,2.2rem)}.lp-feat-txt p{color:var(--ink-soft)}.lp-feat-art{display:flex;justify-content:center}.lp-feat-art--pair{gap:20px;align-items:flex-start}.lp-feat-art--pair .dev--phone{width:46%;max-width:240px}.lp-offset{margin-top:48px}.lp-feat-art--stack{position:relative;padding-bottom:48px;padding-left:40px}.lp-stack-phone{position:absolute;left:0;bottom:0;width:30%;min-width:104px}.lp-games{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:var(--ink-soft)}.lp-games li{padding-left:18px;position:relative}.lp-games li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--gold);transform:rotate(45deg)}.lp-games b{color:var(--ink)}@media (min-width: 860px){.lp-feat{grid-template-columns:1fr 1fr;gap:64px;padding-block:56px}.lp-feat--flip .lp-feat-txt{order:2}}@media (max-width: 519px){.lp-stack-phone{padding:5px;border-radius:20px}.lp-stack-phone img{border-radius:16px}.lp-feat-art--pair .dev--phone{padding:6px;border-radius:24px}.lp-feat-art--pair .dev--phone img{border-radius:19px}}.lp-world{padding-block:72px;background:var(--night-850);border-block:1px solid var(--edge)}.lp-world-grid{display:grid;gap:40px;align-items:center}.lp-world-grid p{color:var(--ink-soft);max-width:34em}.lp-world-grid p+p{margin-top:14px}@media (min-width: 860px){.lp-world-grid{grid-template-columns:6fr 5fr;gap:64px}}.lp-parents{padding-block:80px 40px}.lp-promises{list-style:none;padding:0;margin:8px 0 32px;display:grid;gap:28px 40px}.lp-promises li{display:flex;gap:16px;align-items:flex-start}.lp-promises svg{flex:none;width:30px;height:30px;color:var(--sky);margin-top:2px}.lp-promises b{display:block;font-family:var(--font-display);font-size:var(--fs-lg);line-height:1.15;margin-bottom:6px}.lp-promises span{color:var(--ink-soft)}@media (min-width: 720px){.lp-promises{grid-template-columns:1fr 1fr}}.lp-start{padding-block:40px 96px}.lp-steps{list-style:none;padding:0;margin:8px 0 36px;display:grid;gap:16px;counter-reset:step}.lp-steps li{counter-increment:step;position:relative;padding:22px 22px 22px 76px;background:var(--surface-solid);border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--edge)}.lp-steps li:before{content:counter(step);position:absolute;left:22px;top:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink-on-gold);font-family:var(--font-display);font-weight:800;font-size:1.2rem}.lp-steps b{display:block;font-size:var(--fs-lg);font-family:var(--font-display);line-height:1.15;margin-bottom:6px}.lp-steps span{color:var(--ink-soft)}@media (min-width: 860px){.lp-steps{grid-template-columns:repeat(3,1fr)}}.pp-head{padding-block:56px 40px;border-bottom:1px solid var(--edge)}.pp-head h1{font-size:clamp(2.4rem,6vw,4rem);margin-bottom:18px}.pp-body{display:grid;gap:32px;padding-block:40px 96px}.pp-toc{display:flex;flex-wrap:wrap;gap:8px;align-self:start}.pp-toc a{padding:8px 14px;border-radius:var(--r-chip);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--edge-strong);color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:var(--fs-sm)}.pp-toc a:hover{color:var(--ink)}.pp-text{max-width:40em}.pp-text section{padding-block:8px 36px;scroll-margin-top:84px}.pp-text section+section{border-top:1px solid var(--edge);padding-top:36px}.pp-text h2{font-size:clamp(1.6rem,3vw,2.1rem);margin-bottom:16px}.pp-text h3{font-size:var(--fs-lg);margin:24px 0 10px}.pp-text p,.pp-text li{color:var(--ink-soft);line-height:1.6}.pp-text p+p,.pp-text ul+p,.pp-text ol+p,.pp-text p+ul,.pp-text p+ol{margin-top:14px}.pp-text ul,.pp-text ol{margin:0;padding-left:1.3em;display:grid;gap:10px}.pp-text b{color:var(--ink)}.pp-text a{color:var(--sky);text-underline-offset:3px}.pp-end{display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.pp-end .btn{color:var(--fg)}@media (min-width: 960px){.pp-body{grid-template-columns:220px 1fr;gap:64px}.pp-toc{position:sticky;top:96px;flex-direction:column;gap:4px}.pp-toc a{background:none;box-shadow:none;padding:6px 0;border-radius:0}}@media (max-width: 519px){.pp-end .btn{flex:1 1 100%}}.site-foot{border-top:1px solid var(--edge);background:var(--night-950);padding-block:40px 32px}.site-foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:28px}.site-foot-brand{display:grid;gap:10px;max-width:26em}.site-foot-brand p{color:var(--ink-faint);font-size:var(--fs-sm)}.site-foot-links{display:flex;flex-wrap:wrap;gap:12px 24px;align-content:start}.site-foot-links a{color:var(--ink-soft);text-decoration:none;font-size:var(--fs-sm);font-weight:600}.site-foot-links a:hover{color:var(--ink)}.site-foot-note{margin-top:28px;color:var(--ink-faint);font-size:var(--fs-xs)}:root{--night-950: #080A22;--night-900: #0E1030;--night-850: #13163F;--night-800: #1A1E4E;--night-700: #232862;--night-600: #2F3577;--gold: #FFC53D;--gold-hi: #FFE08A;--gold-deep: #E0A000;--gold-metal: #FFC53D;--sky: #5CC8FF;--sky-deep: #1d8fd6;--ember: #FF6B4A;--ember-deep: #d93d1c;--leaf: #31d17f;--leaf-deep: #1a9e5c;--grape: #9d7dff;--white: #ffffff;--bg: var(--night-900);--surface: rgba(26, 30, 78, .78);--surface-solid: var(--night-800);--surface-2: rgba(47, 53, 119, .5);--surface-gold: rgba(255, 198, 41, .1);--surface-sky: rgba(76, 201, 255, .1);--surface-deep: rgba(5, 7, 15, .72);--ink: #F4F5FF;--ink-soft: #C9CDEB;--ink-faint: #8C92C4;--ink-on-gold: #0E1030;--edge: rgba(255, 255, 255, .08);--edge-strong: rgba(255, 255, 255, .16);--navy: var(--ink);--navy-ink: var(--night-950);--navy-soft: var(--ink-soft);--paper: var(--bg);--sky-soft: var(--surface-sky);--gold-soft: var(--surface-gold);--t-location: #2fbf6b;--t-character: #f2b200;--t-partner: #8a97b8;--t-legend: #5b7bff;--t-action: #8a6cff;--t-power-up: #c27dff;--t-resource: #3c8dff;--font-display: "Bricolage Grotesque", "Helvetica Neue", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.375rem;--fs-xl: 1.875rem;--fs-2xl: 2.125rem;--fs-3xl: 2.75rem;--r-chip: 999px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--line: 1px;--line-thick: 2px;--pop: 0 12px 32px rgba(0, 0, 0, .45);--pop-sm: 0 6px 16px rgba(0, 0, 0, .4);--pop-lg: 0 24px 60px rgba(0, 0, 0, .55);--glow-gold: 0 0 0 1px rgba(255, 198, 41, .7), 0 0 24px rgba(255, 198, 41, .45);--glow-sky: 0 0 0 2px var(--sky), 0 0 28px rgba(76, 201, 255, .55);--chamfer: inset(0 round 12px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 72px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:var(--fs-md);font-weight:500;line-height:1.45;color:var(--ink);background:var(--bg);background-image:radial-gradient(110% 60% at 50% -12%,rgba(92,120,255,.16),transparent 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}a{color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.04;margin:0;letter-spacing:-.022em}p{margin:0}::selection{background:#4cc9ff59}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{--bg: var(--gold-metal);--fg: var(--ink-on-gold);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:.5em 1.4em;font-family:var(--font-body);font-weight:700;font-size:var(--fs-md);letter-spacing:0;line-height:1.1;background:var(--bg);color:var(--fg);border:0;border-radius:0;clip-path:var(--chamfer);box-shadow:none;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:transform .12s var(--ease-out),filter .15s}.btn:hover:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(2px) scale(.985);filter:brightness(.95)}.btn:disabled{--bg: var(--surface-2);--fg: var(--ink-faint);box-shadow:inset 0 0 0 1px var(--edge-strong);cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--sky)}.btn svg{width:1.1em;height:1.1em}.btn--go{--bg: var(--gold-metal)}.btn--sky{--bg: var(--sky);--fg: #0E1030}.btn--ember{--bg: var(--ember);--fg: #0E1030}.btn--white{--bg: var(--surface-2);--fg: var(--ink);clip-path:none;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--edge-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn--ghost{--bg: transparent;--fg: var(--ink-soft);clip-path:none;box-shadow:none;font-family:var(--font-body);font-weight:600;font-size:var(--fs-md);text-decoration:underline;text-underline-offset:3px}.btn--sm{min-height:40px;font-size:var(--fs-sm);padding:.3em 1em;clip-path:inset(0 round 10px)}.btn--white.btn--sm{clip-path:none}.btn--xl{min-height:60px;font-size:var(--fs-lg);padding:.4em 1.8em;clip-path:inset(0 round 14px)}.btn--block{width:100%}.icon-btn{width:44px;height:44px;display:grid;place-items:center;flex:none;background:var(--surface);color:var(--ink);border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--edge-strong);cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .12s var(--ease-out),background .15s}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{background:var(--night-700)}.icon-btn:active{transform:scale(.94)}.icon-btn.is-off{color:var(--ink-faint)}.sticker{background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--pop-sm)}.chip{display:inline-flex;align-items:center;gap:.35em;padding:.2em .7em;font-weight:700;font-size:var(--fs-xs);line-height:1.3;letter-spacing:.01em;color:var(--ink);background:var(--surface-2);border:1px solid var(--edge-strong);border-radius:var(--r-chip)}.chip--gold{background:var(--gold);color:var(--ink-on-gold);border-color:transparent}.chip--leaf{background:#31d17f29;color:#7ff0b4;border-color:#31d17f73}.chip--sky{background:#4cc9ff24;color:#9be3ff;border-color:#4cc9ff73}.chip--ember{background:#ff5a3629;color:#ffab96;border-color:#ff5a3680}.muted{color:var(--ink-soft)}.shell{min-height:100%;display:flex;flex-direction:column}.shell-main{flex:1;min-width:0;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 20px)}.page{max-width:1100px;margin:0 auto;padding:calc(var(--safe-top) + 18px) 16px 24px}.page-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:20px}.page-head h1{font-size:var(--fs-3xl);line-height:.9}.page-head p{color:var(--ink-soft);margin-top:6px}.tabbar{position:fixed;left:50%;bottom:calc(10px + var(--safe-bottom));z-index:50;transform:translate(-50%);width:min(560px,calc(100% - 20px));display:flex;justify-content:space-between;gap:2px;padding:6px;border-radius:20px;background:#0a0e22d1;border:1px solid var(--edge);box-shadow:0 18px 40px #0000008c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.tabbar a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border-radius:14px;color:var(--ink-faint);text-decoration:none;font-weight:700;font-size:11px;letter-spacing:.02em;transition:color .15s,background .15s}.tabbar a svg{width:24px;height:24px;stroke-width:2}.tabbar a.active{color:var(--ink);background:#ffffff14}.tabbar a.active svg{color:var(--gold)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px}@media (min-width: 700px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}}.empty{text-align:center;padding:40px 16px;color:var(--ink-soft)}.spin{animation:spin 1s linear infinite;color:var(--gold)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 #ffc62900}50%{box-shadow:0 0 0 4px #ffc62973}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.logo{display:inline-flex;align-items:baseline;font-family:var(--font-display);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}.logo-bgmc{color:var(--gold)}.logo-card{display:block;width:.21em;height:.29em;margin:0 .07em 0 .08em;background:var(--gold);border-radius:.035em;transform:rotate(12deg);transform-origin:50% 100%}.logo-card--solo{display:inline-block;margin:0}.card{position:relative;aspect-ratio:3 / 4;perspective:900px;flex:none;transition:transform .2s var(--ease-out)}.card--xs{width:54px}.card--sm{width:84px}.card--md{width:118px}.card--lg{width:min(300px,72vw)}.card--fill{width:100%}@media (min-width: 768px){.card--sm{width:96px}.card--md{width:140px}}.card-flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7%/5.25%;overflow:hidden;background:var(--night-800);box-shadow:0 0 0 1px #ffffff24,0 10px 24px #0000008c,0 2px 4px #0006}.card-front img{width:100%;height:100%;object-fit:cover}.card-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.16) 0%,transparent 28%,transparent 72%,rgba(0,0,0,.18) 100%)}.card-rear{transform:rotateY(180deg)}.card.is-clickable{cursor:pointer}.card.is-selected{transform:translateY(-12px);z-index:2}.card.is-selected .card-face{box-shadow:var(--glow-sky),0 18px 34px #0009}.card.is-glow .card-front{animation:card-glow 1.8s ease-in-out infinite}.card.is-glow .card-front:before{content:"";position:absolute;top:-20%;right:-60%;bottom:-20%;left:-60%;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,240,190,.38) 50%,transparent 60%);animation:sheen 2.8s ease-in-out infinite}@keyframes card-glow{0%,to{box-shadow:0 0 0 1px #ffc62973,0 0 #ffc62900,0 10px 24px #0000008c}50%{box-shadow:0 0 0 1.5px var(--gold),0 0 22px #ffc6298c,0 10px 24px #0000008c}}@keyframes sheen{0%{transform:translate(-60%)}55%,to{transform:translate(60%)}}.card.is-dim{filter:grayscale(.7) brightness(.55)}.card-badge{position:absolute;top:-8px;right:-8px;z-index:3}.card-zoom{position:absolute;bottom:5px;right:5px;z-index:3;width:28px;height:28px;display:grid;place-items:center;background:#05070fb3;color:var(--ink);border:1px solid rgba(255,255,255,.25);border-radius:50%;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.85}.card-zoom:hover{opacity:1}.card--xs .card-zoom{display:none}.card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(255,198,41,.22),transparent 55%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px),linear-gradient(170deg,#1a2257,var(--night-950))}.card-back-inner{width:84%;height:88%;border:1px solid rgba(255,198,41,.55);border-radius:6%/4.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7%;box-shadow:inset 0 0 0 3px #05070f99,inset 0 0 0 4px #ffc6292e}.card-back-inner span{font-family:var(--font-display);font-weight:800;letter-spacing:.06em;color:var(--gold);font-size:clamp(7px,1.4vw,15px);opacity:.9}.zoom-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 40%,#192048b3,#05070ff0 70%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.zoom-card{display:flex;flex-direction:column;align-items:center;gap:20px;max-height:100%;perspective:1200px}.zoom-card>img{width:min(420px,86vw);max-height:72vh;object-fit:contain;border-radius:18px;box-shadow:0 0 0 1px #fff3,0 30px 80px #000000b3,0 0 120px #4c6eff40}.zoom-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.barrel{position:relative;width:100%;max-width:82px;aspect-ratio:64 / 70;padding:0;border:0;background:none;cursor:default;color:var(--ink-faint)}.barrel-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transition:filter .3s}.barrel--full .barrel-art{filter:drop-shadow(0 0 10px rgba(255,198,41,.35))}.barrel--glow .barrel-art{animation:barrel-pulse 1.4s ease-in-out infinite}@keyframes barrel-pulse{50%{transform:translateY(-3px);filter:drop-shadow(0 0 12px var(--gold))}}.barrel-card{position:absolute;left:14%;right:14%;top:-18%;z-index:2}.barrel-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:5px;box-shadow:0 0 0 1px #fff3,0 6px 14px #0009}.barrel-value{position:absolute;right:-14%;bottom:-10%;min-width:26px;height:26px;padding:0 6px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:16px;background:var(--gold-metal);color:var(--ink-on-gold);border-radius:999px;box-shadow:0 0 0 2px var(--night-900),0 3px 8px #00000080}.barrel--sm{max-width:46px}.barrel--sm .barrel-value{width:20px;height:20px;min-width:20px;font-size:12px;padding:0}.narrator{display:flex;align-items:center;gap:12px}.narrator-face{flex:none;width:56px;height:56px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--gold-hi),var(--gold-deep));box-shadow:0 0 0 2px var(--night-900),0 0 0 3px #ffc62999,0 6px 18px #00000080}.narrator-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.7)}.narrator-bubble{position:relative;flex:1;padding:12px 16px;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-left:2px solid var(--gold);border-radius:var(--r-md);box-shadow:var(--pop-sm);font-weight:600;font-size:var(--fs-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.narrator-bubble .replay{float:right;margin:-4px -6px 0 8px}.bell{position:relative}.bell-badge{position:absolute;top:-3px;right:-3px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:var(--ember);color:#fff;font-size:11px;font-weight:800;box-shadow:0 0 0 2px var(--night-900)}.bell-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:min(320px,calc(100vw - 32px));max-height:60vh;overflow-y:auto;padding:6px;background:var(--night-800);border:1px solid var(--edge-strong);border-radius:14px;box-shadow:var(--pop)}.bell-empty{padding:14px;color:var(--ink-soft);font-size:var(--fs-sm)}.bell-item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-size:var(--fs-sm)}.bell-item span{color:var(--ink-soft);font-size:var(--fs-xs)}.bell-item:hover{background:#ffffff0f}.bell-item.is-new{background:var(--surface-sky);box-shadow:inset 3px 0 0 var(--sky)}.live-toast{position:fixed;z-index:200;top:calc(var(--safe-top) + 10px);left:50%;translate:-50% 0;width:min(440px,calc(100vw - 24px));display:flex;align-items:center;gap:4px;padding:6px 6px 6px 8px;background:var(--night-700);border:1px solid color-mix(in srgb,var(--sky) 45%,transparent);border-radius:16px;box-shadow:var(--pop-lg)}.live-toast-go{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:6px;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer}.live-toast-go>svg{flex:none;width:34px;height:34px;padding:7px;border-radius:50%;background:var(--sky);color:var(--night-900)}.live-toast-go span{display:flex;flex-direction:column;min-width:0}.live-toast-go strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md);line-height:1.15}.live-toast-go em{font-style:normal;font-size:var(--fs-xs);color:var(--ink-soft)}.avatar{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--night-600),var(--night-850));box-shadow:0 0 0 2px var(--night-900),0 0 0 3px var(--edge-strong),var(--pop-sm)}.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.7)}.avatar--lg{width:84px;height:84px}.avatar--sm{width:38px;height:38px;box-shadow:0 0 0 1.5px var(--night-900),0 0 0 2.5px #ff5a3699}.avatar--globe{background:radial-gradient(circle at 50% 30%,var(--sky-deep),var(--night-800));color:var(--white)}.avatar--globe svg{width:52%;height:52%}.home-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.home-toggles{display:flex;gap:8px}.home-hero{position:relative;display:grid;grid-template-columns:1fr;gap:8px;padding:26px 22px 0;overflow:hidden;isolation:isolate;border-radius:var(--r-xl);border:1px solid var(--edge);background:radial-gradient(60% 80% at 75% 65%,rgba(255,198,41,.22),transparent 65%),radial-gradient(80% 90% at 10% 0%,rgba(76,110,255,.28),transparent 70%),linear-gradient(160deg,var(--night-700),var(--night-900) 70%);box-shadow:inset 0 1px #ffffff12,var(--pop-lg)}.home-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.6;background-image:linear-gradient(rgba(160,178,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(160,178,255,.05) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(180deg,#000,transparent 80%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%)}.home-hero h1{font-size:clamp(2.3rem,8vw,4rem);font-weight:800;line-height:.98;letter-spacing:-.03em}.home-hero h1 .home-hi{display:block;font-size:.42em;font-weight:700;letter-spacing:-.01em;color:var(--gold);margin-bottom:.3em}.home-hero p{margin-top:14px;font-weight:500;font-size:var(--fs-lg);line-height:1.3;max-width:30ch;color:var(--ink-soft)}.home-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}.home-fan{position:relative;height:230px;margin:10px auto -46px;width:min(340px,100%);background:radial-gradient(45% 40% at 50% 62%,rgba(255,198,41,.38),transparent 75%)}.home-fan-card{position:absolute;bottom:0;width:37%;transform-origin:50% 120%}.home-fan-card .card-face{box-shadow:0 0 0 1px #fff3,0 24px 40px #0009}.home-fan-card:nth-child(1){left:2%}.home-fan-card:nth-child(2){left:31.5%;z-index:2}.home-fan-card:nth-child(3){right:2%}@media (min-width: 760px){.home-hero{grid-template-columns:1.15fr 1fr;align-items:center;padding:44px 44px 36px}.home-fan{height:300px;margin:0}}.home-giving{display:flex;align-items:center;gap:16px;margin:22px 0 16px;padding:14px 18px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg)}.home-giving h2{font-size:var(--fs-xl);font-weight:800}.home-giving p{font-size:var(--fs-sm);margin-top:2px}.home-giving-barrel{flex:none;position:relative;width:64px;height:64px;display:grid;place-items:center;filter:drop-shadow(0 0 14px rgba(255,198,41,.3))}.home-giving-barrel>span{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);font-family:var(--font-display);font-weight:900;font-size:1.5rem;color:var(--ink-on-gold);text-shadow:0 1px 0 rgba(255,240,190,.6)}.home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 760px){.home-tiles{grid-template-columns:repeat(4,1fr)}}.home-tile{--accent: var(--sky);position:relative;display:flex;flex-direction:column;gap:3px;padding:16px;min-height:140px;text-decoration:none;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--pop-sm);transition:transform .15s var(--ease-out),border-color .15s}.home-tile:before{content:"";position:absolute;top:0;left:16px;width:28px;height:2px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.home-tile:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.home-tile:active{transform:scale(.98)}.home-tile svg{width:30px;height:30px;margin-bottom:auto;color:var(--accent)}.home-tile strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);line-height:1;margin-top:14px}.home-tile span{font-size:var(--fs-sm);font-weight:500;line-height:1.25;color:var(--ink-soft)}.home-tile--sky{--accent: var(--sky)}.home-tile--gold{--accent: var(--gold)}.home-tile--leaf{--accent: var(--leaf)}.home-tile--ember{--accent: var(--ember)}.home-world{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;flex-wrap:wrap;background:radial-gradient(80% 140% at 0% 50%,rgba(76,201,255,.14),transparent 70%),var(--surface)}.home-world>svg{width:40px;height:40px;color:var(--sky);flex:none}.home-world>div{flex:1;min-width:200px}.home-world h2{font-size:var(--fs-lg)}.home-world p{color:var(--ink-soft);font-size:var(--fs-sm)}.setup-h{font-size:var(--fs-xl);margin:22px 0 10px}.bot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 760px){.bot-grid{grid-template-columns:repeat(4,1fr)}}.bot-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;text-align:center;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--pop-sm);transition:border-color .15s,box-shadow .15s,transform .15s var(--ease-out)}.bot-tile:active{transform:scale(.98)}.bot-tile strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);margin-top:8px;line-height:1}.bot-tile.is-on{background:linear-gradient(180deg,#ffc62929,#ffc62905),var(--surface);border-color:var(--gold);box-shadow:var(--glow-gold)}.bot-tile.is-on .avatar{box-shadow:0 0 0 2px var(--night-900),0 0 0 3px var(--gold),0 0 22px #ffc62980}.bot-level{display:inline-flex;align-items:center;gap:2px}.bot-level svg{width:16px;height:16px;fill:var(--night-600)}.bot-level svg.on{fill:var(--gold)}.bot-level em{font-style:normal;font-weight:700;font-size:var(--fs-xs);margin-left:4px;color:var(--ink-soft)}.bot-tag{font-size:var(--fs-xs);font-weight:500;line-height:1.25;color:var(--ink-soft)}.bot-tile.is-on .bot-tag{color:var(--ink)}.bot-tile--soon{cursor:default;background:transparent;border-style:dashed;border-color:var(--edge-strong);box-shadow:none;opacity:.8}.deck-row{display:flex;gap:12px;overflow-x:auto;padding:4px 4px 14px;margin:0 -16px;padding-inline:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.deck-row::-webkit-scrollbar{display:none}.deck-box{flex:none;width:138px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 10px;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--pop-sm);scroll-snap-align:start;text-align:center;transition:border-color .15s,box-shadow .15s}.deck-box strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);line-height:1;margin-top:8px}.deck-box>span:last-child{font-size:var(--fs-xs);font-weight:500;color:var(--ink-soft)}.deck-box-art{width:76px;aspect-ratio:3/4;display:grid;place-items:center;border-radius:6px;overflow:hidden;background:linear-gradient(170deg,var(--night-600),var(--night-850));box-shadow:0 0 0 1px var(--edge-strong),0 8px 18px #00000080;font-family:var(--font-display);font-weight:900;font-size:2.4rem;color:var(--gold)}.deck-box-art img{width:100%;height:100%;object-fit:cover}.deck-box-art svg{width:40px;height:40px}.deck-box--auto .deck-box-art{background:radial-gradient(circle at 50% 35%,rgba(157,125,255,.6),var(--night-850) 75%);color:var(--white)}.deck-box--new{border-style:dashed;border-color:var(--edge-strong);background:transparent;box-shadow:none}.deck-box--new .deck-box-art{background:transparent;box-shadow:inset 0 0 0 1px var(--edge-strong);color:var(--ink-soft)}.deck-box.is-on{border-color:var(--gold);box-shadow:var(--glow-gold);background:linear-gradient(180deg,rgba(255,198,41,.14),transparent),var(--surface)}.setup-go{margin-top:16px;text-align:center;display:grid;gap:10px}@media (min-width: 760px){.setup-go{max-width:420px;margin-inline:auto}}.learn-hero{width:100%;display:flex;align-items:center;gap:16px;padding:18px;text-align:left;cursor:pointer;color:var(--ink);background:radial-gradient(70% 140% at 0% 50%,rgba(255,198,41,.22),transparent 70%),var(--surface);border:1px solid rgba(255,198,41,.35);border-radius:var(--r-xl);box-shadow:var(--pop);transition:transform .15s var(--ease-out)}.learn-hero:active{transform:scale(.99)}.learn-hero-face{flex:none;width:76px;height:76px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--gold-hi),var(--gold-deep));box-shadow:0 0 0 2px var(--night-900),0 0 0 3px var(--gold),0 0 24px #ffc62966}.learn-hero-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.7)}.learn-hero-copy{flex:1;display:flex;flex-direction:column;gap:4px}.learn-hero-copy strong{font-family:var(--font-display);font-weight:900;font-size:var(--fs-2xl);line-height:.95}.learn-hero-copy span{font-weight:500;font-size:var(--fs-sm);line-height:1.3;color:var(--ink-soft)}.learn-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (min-width: 760px){.learn-types{grid-template-columns:repeat(6,1fr)}}.learn-type{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--pop-sm)}.learn-type:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:var(--tc);box-shadow:0 0 10px var(--tc)}.learn-type-card{width:100%}.learn-type strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);line-height:1}.learn-series{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 640px){.learn-series{grid-template-columns:1fr 1fr}}.learn-set{position:relative;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;text-decoration:none;overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--sc) 18%,transparent),transparent 55%),var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--pop-sm)}.learn-set:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--sc)}.learn-set img{width:52px;aspect-ratio:3/4;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px #ffffff26,0 6px 14px #00000080}.learn-set>span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;gap:4px}.learn-set strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);line-height:1}.learn-set-play{margin-left:auto;font-weight:700;font-size:var(--fs-xs);color:var(--leaf)}.learn-practice{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;flex-wrap:wrap}.learn-practice>div{flex:1;min-width:180px}.learn-practice h2{font-size:var(--fs-xl)}.rules-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rules-hero{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.rules-hero>img{width:110px;flex:none;border-radius:7px;box-shadow:0 0 0 1px #ffffff2e,0 18px 36px #0000008c;transform:rotate(-4deg)}.rules-hero>div{flex:1;min-width:0}.rules-hero h1{font-size:clamp(2.2rem,10vw,var(--fs-3xl));font-weight:900;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 520px){.rules-hero>img{width:84px}}.rules-hero p{margin-top:8px;font-weight:500;line-height:1.4;max-width:60ch;color:var(--ink-soft)}.rules-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.rules-section{position:relative;padding:16px 18px;margin-bottom:12px;overflow:hidden}.rules-section:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--sc)}.rules-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rules-section-head h2{font-size:var(--fs-xl)}.rules-section-head .icon-btn{width:42px;height:42px;flex:none}.rules-lines,.rules-steps{margin:0;padding-left:1.3em;display:grid;gap:7px;font-weight:500;line-height:1.4;max-width:70ch;color:var(--ink)}.rules-lines li::marker{color:var(--gold)}.rules-steps{list-style:none;padding:0;counter-reset:step}.rules-steps li{counter-increment:step;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.rules-steps li:before{content:counter(step);display:grid;place-items:center;width:28px;height:28px;margin-top:-2px;font-family:var(--font-display);font-weight:800;color:var(--gold);border:1px solid rgba(255,198,41,.5);border-radius:6px;transform:rotate(45deg)}.rules-cards{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.rules-cards img{width:92px;border-radius:5px;box-shadow:0 0 0 1px #ffffff26,0 10px 22px #00000080}.tut{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--safe-top) + 10px) 0 calc(var(--safe-bottom) + 12px);background:radial-gradient(70% 50% at 50% 42%,rgba(60,84,200,.32),transparent 70%),linear-gradient(180deg,var(--night-850),var(--night-950))}.tut>*{width:100%;max-width:820px;margin-inline:auto;padding-inline:16px}.tut-top{display:flex;align-items:center;gap:12px}.tut-dots{flex:1;display:flex;gap:5px;justify-content:center;margin:0;padding:0;list-style:none}.tut-dots li{flex:1;max-width:34px;height:4px;border-radius:2px;background:var(--night-600)}.tut-dots li.is-done{background:var(--gold)}.tut-dots li.is-now{background:var(--sky);box-shadow:0 0 10px var(--sky)}.tut-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.tut-scene{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tut-foot{display:grid;gap:12px}.tut-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.tut-actions .btn--xl{flex:1;max-width:360px;padding-inline:.6em}.tut-actions .btn--white{flex:none}.tut-next.is-ready{animation:ready-glow 1.6s ease-in-out infinite}@keyframes ready-glow{50%{filter:brightness(1.15) drop-shadow(0 0 14px rgba(255,198,41,.6))}}.tut-hero{position:relative;display:grid;place-items:center}.tut-hero:before{content:"";position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,198,41,.22),transparent);z-index:-1}.tut-card-lg{width:min(220px,52vw,30vh)}.tut-card-md{width:min(150px,36vw,22vh)}.tut-center{display:flex;flex-direction:column;align-items:center;gap:16px}.tut-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin:0;padding:10px 12px;list-style:none;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--pop-sm);font-size:var(--fs-xs);font-weight:700;line-height:1.1}.tut-needs li{display:flex;align-items:center;gap:6px}.tut-needs img{width:22px;border-radius:3px;box-shadow:0 0 0 1px #ffffff26}.tut-swap{position:relative;display:grid;grid-template-rows:auto 1fr 1fr auto;justify-items:center;gap:10px;height:100%;padding:8px 0}.tut-swap-a,.tut-swap-b{width:min(120px,30vw,17vh)}.tut-ip{gap:24px}.tut-sum{display:flex;align-items:center;gap:10px}.tut-sum b{font-family:var(--font-display);font-weight:900;font-size:2rem;color:var(--ink-soft)}.tut-sum .m-score{font-size:2rem}.tut-coin{width:150px;height:150px;font-size:4.2rem}.tut-coin .m-coin-label{font-size:16px;bottom:-14px}.tut-rows{width:100%;display:flex;flex-direction:column;gap:14px;justify-content:center;height:100%}.tut-board{display:flex;gap:12px;padding:12px;background:linear-gradient(180deg,#1e285c8c,#0c112999);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--pop)}.tut-board-loc{width:min(120px,26vw,16vh);flex:none;display:flex;flex-direction:column;gap:2px}.tut-board-rows{flex:1;display:grid;gap:8px}.tut-row{display:grid;gap:2px;padding:5px;border-radius:10px;border:1px solid transparent}.tut-row.is-now{background:#4cc9ff14;border-color:var(--sky);box-shadow:0 0 20px #4cc9ff40}.tut-row-cards{display:flex;align-items:center;gap:6px}.tut-spot{width:min(78px,18vw,11vh);aspect-ratio:3/4;border:1px dashed rgba(160,178,255,.25);background:#05070f40;border-radius:7px;flex:none}.tut-spot-card{width:100%}.tut-row-cards>.tut-up{width:min(52px,12vw,8vh)}.tut-tray{display:flex;gap:14px;justify-content:center;padding-top:10px}.tut-tray-card{width:min(120px,28vw,17vh);flex:none}.tut-tray--scroll{justify-content:flex-start;overflow-x:auto;padding:14px 4px 6px;scrollbar-width:none}.tut-tray--scroll .tut-tray-card{width:min(96px,24vw,14vh)}.tut-barrels{width:100%;display:flex;flex-direction:column;gap:10px;justify-content:center}.tut-barrels .m-bank{padding:16px 12px 10px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--pop)}.tut-win{gap:18px}.tut-vs{display:flex;align-items:center;gap:22px;padding:16px 26px;background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--pop)}.tut-vs>div{display:flex;flex-direction:column;align-items:center;font-weight:700}.tut-trophies{display:flex;gap:10px}.tut-trophies span{width:46px;height:46px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:24px;color:var(--ink-faint);border:1px solid var(--edge-strong);border-radius:50%}.tut-trophies .is-me{background:var(--gold-metal);color:var(--ink-on-gold);border-color:transparent;box-shadow:0 0 18px #ffc62980}.tut-caption{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);color:var(--ink)}.tut-amen svg{width:30px;height:30px}.tut-stars{position:absolute;top:-30px;display:flex;gap:6px;z-index:2}.tut-stars span{font-size:34px;color:var(--gold);text-shadow:0 0 16px rgba(255,198,41,.8)}.gen-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.gen-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px;text-align:left;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);box-shadow:var(--pop-sm);overflow:hidden;transition:border-color .15s,box-shadow .15s}.gen-tile:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gen)}.gen-tile-art{display:block;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--night-850)}.gen-tile-art img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.gen-tile strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md);line-height:1.05;margin-top:4px}.gen-tile>span:last-child{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.25}.gen-tile.is-on{border-color:var(--gen);box-shadow:0 0 0 1px var(--gen),0 0 22px color-mix(in srgb,var(--gen) 45%,transparent)}@media (max-width: 520px){.gen-tile>span:last-child{display:none}.gen-tile strong{font-size:var(--fs-sm)}}.format-row{display:grid;gap:8px}@media (min-width: 760px){.format-row{grid-template-columns:repeat(3,1fr)}}.format-tile{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--edge);border-radius:var(--r-md);transition:border-color .15s,box-shadow .15s}.format-tile-n{flex:none;width:46px;height:58px;display:grid;place-items:center;border-radius:6px;font-family:var(--font-display);font-weight:900;font-size:1.35rem;background:var(--night-850);box-shadow:inset 0 0 0 1px var(--edge-strong);color:var(--ink-soft)}.format-tile-txt{display:grid;gap:2px}.format-tile strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md)}.format-tile-txt span{font-size:var(--fs-xs);color:var(--ink-soft);line-height:1.3}.format-tile.is-on{border-color:var(--gold);box-shadow:var(--glow-gold)}.format-tile.is-on .format-tile-n{background:var(--gold);color:var(--ink-on-gold);box-shadow:none}.bot-tile--online{text-decoration:none;color:inherit;border-style:dashed;border-color:color-mix(in srgb,var(--sky) 55%,transparent)}.bot-tile--online .avatar--globe{color:var(--sky)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:calc(var(--safe-top) + 12px) 20px 12px;min-height:64px;background:#0e1030db;border-bottom:1px solid var(--edge);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.topbar-logo{text-decoration:none}.topbar-nav{display:none;gap:4px;font-size:var(--fs-sm);font-weight:600}.topbar-nav a{padding:9px 14px;border-radius:10px;color:var(--ink-soft);text-decoration:none}.topbar-nav a:hover{color:var(--ink)}.topbar-nav a.active{color:var(--ink);background:#ffffff14}@media (min-width: 900px){.topbar-nav{display:flex}.tabbar{display:none}.shell-main{padding-bottom:40px}}.topbar-toggles{margin-left:auto;display:flex;gap:8px}.topbar-toggles .icon-btn{width:40px;height:40px}.player-menu{position:relative}.player-chip{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 12px 0 6px;border:0;border-radius:999px;background:var(--night-800);color:var(--ink);font-weight:600;font-size:var(--fs-sm);cursor:pointer}.player-chip:hover{background:var(--night-700)}.player-pop{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:8px;background:var(--night-800);border:1px solid var(--edge-strong);border-radius:14px;box-shadow:var(--pop);display:flex;flex-direction:column;gap:2px}.player-pop-label{padding:6px 10px 4px;font-size:var(--fs-xs);color:var(--ink-faint)}.player-pop-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--ink);font-weight:600;font-size:var(--fs-sm);text-align:left;text-decoration:none;cursor:pointer}.player-pop-item:hover{background:#ffffff0f}.player-pop-item--quiet{color:var(--ink-soft);font-weight:500;border-top:1px solid var(--edge);border-radius:0 0 10px 10px;margin-top:4px;padding-top:12px}.avatar-pic{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;background:var(--sky);color:var(--night-900);font-family:var(--font-display);font-weight:800;box-shadow:0 0 0 2px #ffffff1f}.avatar-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transform:scale(1.5);transform-origin:50% 22%}.avatar-pic--add{background:var(--night-700);color:var(--ink-soft)}.avatar-pic--add svg{width:40%;height:40%}.hello{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 24px) 24px calc(var(--safe-bottom) + 24px)}.hello-top{display:flex}.hello-main{flex:1;display:grid;align-items:center;gap:40px;max-width:1040px;width:100%;margin:0 auto;padding:32px 0}@media (min-width: 820px){.hello-main{grid-template-columns:1.1fr 1fr}}.hello-copy{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.hello-copy h1{font-size:clamp(2.4rem,6vw,4rem);line-height:.98;letter-spacing:-.03em}.hello-copy p{max-width:34ch;font-size:var(--fs-lg);line-height:1.45;color:var(--ink-soft)}.hello-hear{margin-top:6px}.hello-qr{justify-self:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:26px;border-radius:28px;background:var(--night-800);border:1px solid var(--edge)}.hello-qr .qr{display:block;border-radius:12px}.hello-qr-wait{width:260px;height:260px;display:grid;place-items:center;font-size:32px}.hello-code{max-width:260px;text-align:center;font-size:var(--fs-sm);color:var(--ink-soft)}.hello-code b{color:var(--ink)}.hello-code-letters{font-family:var(--font-display);letter-spacing:.12em;color:var(--gold)!important;white-space:nowrap}.hello-foot{display:flex;justify-content:center}.hello-grownup{padding:12px 18px;border-radius:999px;color:var(--ink-soft);font-weight:600;text-decoration:none;background:#ffffff0d}.hello-grownup:hover{color:var(--ink);background:#ffffff17}.hello--done{align-items:center;justify-content:center;gap:18px;text-align:center}.hello--done h1{font-size:clamp(3rem,9vw,5.5rem)}.hello--done p{font-size:var(--fs-lg);color:var(--ink-soft)}.auth-page{min-height:100%;display:flex;flex-direction:column}.auth-top{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 18px) 20px 10px}.auth-main{flex:1;width:100%;max-width:460px;margin:0 auto;padding:24px 20px 48px;display:flex;flex-direction:column;gap:22px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-copy{display:flex;flex-direction:column;gap:8px}.auth-copy h1{font-size:clamp(2rem,7vw,2.6rem)}.auth-copy p{color:var(--ink-soft);line-height:1.55}.auth-copy b{color:var(--ink)}.auth-fine{font-size:var(--fs-sm);color:var(--ink-faint);line-height:1.5}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:var(--fs-sm)}.auth-back{align-self:flex-start}.field{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:var(--fs-sm)}.field input{height:54px;padding:0 16px;border:0;border-radius:12px;background:var(--night-800);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--edge-strong);font:500 var(--fs-md) var(--font-body)}.field input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--sky),0 0 0 4px #5cc8ff2e}.field-code{font-family:var(--font-display)!important;font-size:1.6rem!important;letter-spacing:.2em;text-transform:uppercase}.form-error{padding:10px 14px;border-radius:10px;background:#ff6b4a24;color:#ffb3a3;font-size:var(--fs-sm)}.form-note{padding:12px 14px;border-radius:12px;background:var(--surface-sky);color:#bdebff;font-size:var(--fs-sm)}.dev-note{padding:10px 14px;border-radius:10px;border:1px dashed var(--edge-strong);color:var(--ink-faint);font-size:var(--fs-xs)}.dev-note a,.link{color:var(--sky);font-weight:600}.link{background:none;border:0;padding:0;cursor:pointer;text-decoration:none;font-size:inherit}.link:hover{text-decoration:underline}.link--danger{color:#ff9c86}.code-input{position:relative;display:block;cursor:text}.code-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;font-size:16px}.code-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.code-box{height:64px;display:grid;place-items:center;border-radius:12px;background:var(--night-800);box-shadow:inset 0 0 0 1.5px var(--edge-strong);font:800 1.9rem var(--font-display);color:var(--ink)}.code-input:focus-within .code-box.is-cursor{box-shadow:inset 0 0 0 2px var(--sky),0 0 0 4px #5cc8ff2e}.code-box.is-filled{color:var(--gold)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 16px;border:0;border-radius:16px;background:var(--night-800);color:var(--ink);font-size:var(--fs-md);cursor:pointer;transition:transform .12s var(--ease-out),background .15s}.profile-tile:hover:not(:disabled){background:var(--night-700)}.profile-tile:active:not(:disabled){transform:scale(.97)}.profile-tile strong{font-weight:700}.profile-tile--add{background:transparent;box-shadow:inset 0 0 0 1.5px var(--edge-strong);color:var(--ink-soft)}.avatar-pick{border:0;margin:0;padding:0}.avatar-pick legend{font-weight:600;font-size:var(--fs-sm);margin-bottom:10px}.avatar-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.avatar-pick-opt{display:grid;place-items:center;padding:4px;border:0;border-radius:50%;background:none;cursor:pointer}.avatar-pick-opt.is-on .avatar-pic{box-shadow:0 0 0 3px var(--gold)}.auth-done{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding-top:24px}.auth-done h1{font-size:2.2rem}.auth-done p{color:var(--ink-soft);line-height:1.55;margin-bottom:8px}.auth-done-pic{position:relative}.auth-done-check{position:absolute;right:-4px;bottom:-4px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--leaf);color:var(--night-900);box-shadow:0 0 0 4px var(--night-900)}.auth-done-check svg{width:22px;height:22px;stroke-width:3}.family{min-height:100%}.family-top{display:flex;align-items:center;gap:16px;padding:calc(var(--safe-top) + 14px) 20px 14px;border-bottom:1px solid var(--edge)}.family-top a{text-decoration:none}.family-email{margin-left:auto;color:var(--ink-soft);font-size:var(--fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.family-main{max-width:820px;margin:0 auto;padding:32px 20px 64px;display:flex;flex-direction:column;gap:28px}.family-head h1{font-size:var(--fs-3xl)}.family-head p{color:var(--ink-soft);margin-top:6px}.family-players{display:flex;flex-direction:column;gap:14px}.family-player{padding:20px;border-radius:18px;background:var(--night-800);border:1px solid var(--edge);display:flex;flex-direction:column;gap:16px}.family-player-head{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.family-player-head h2{font-size:var(--fs-xl);display:flex;align-items:center;gap:10px}.family-player-actions{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:var(--fs-sm)}.family-rows{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--edge);padding-top:14px}.family-row{display:flex;gap:12px;font-size:var(--fs-sm);line-height:1.5}.family-row>svg{width:20px;height:20px;flex:none;color:var(--ink-faint);margin-top:1px}.family-row ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.family-row li{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.family-add{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;border:0;border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--edge-strong);background:none;color:var(--ink-soft);font-weight:600;cursor:pointer}.family-add:hover{color:var(--ink);background:#ffffff08}.family-add svg{width:20px;height:20px}.family-howto{display:flex;gap:16px;padding:20px;border-radius:18px;background:var(--surface-gold)}.family-howto>svg{width:32px;height:32px;flex:none;color:var(--gold)}.family-howto h2{font-size:var(--fs-lg);margin-bottom:4px}.family-howto p{color:var(--ink-soft);font-size:var(--fs-sm);line-height:1.55}.family-prefs{display:flex;flex-direction:column;gap:4px}.family-prefs h2{font-size:var(--fs-lg);margin-bottom:8px}.family-prefs>p{font-size:var(--fs-sm);margin-top:8px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--edge);font-size:var(--fs-sm)}.toggle-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:46px;height:28px;flex:none;border-radius:999px;background:var(--night-600);position:relative;cursor:pointer;transition:background .15s}.toggle-row input:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--ink);transition:transform .15s var(--ease-out)}.toggle-row input:checked{background:var(--leaf)}.toggle-row input:checked:after{transform:translate(18px)}.devmail{height:100%;display:flex;flex-direction:column}.devmail-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:14px 20px;border-bottom:1px solid var(--edge)}.devmail-top h1{font-size:var(--fs-lg)}.devmail-top .muted{font-size:var(--fs-xs);margin-left:auto}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--night-800)}.seg button{border:0;background:none;padding:7px 12px;border-radius:8px;font-weight:600;font-size:var(--fs-sm);color:var(--ink-soft);cursor:pointer}.seg button[aria-pressed=true]{background:var(--night-600);color:var(--ink)}.devmail-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(240px,340px) 1fr}.devmail-list{list-style:none;margin:0;padding:8px;overflow:auto;border-right:1px solid var(--edge)}.devmail-list button{width:100%;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer;color:var(--ink)}.devmail-list button[aria-current=true]{background:var(--night-700)}.devmail-list strong{font-size:var(--fs-sm)}.devmail-list span{font-size:var(--fs-xs);color:var(--ink-faint)}.devmail-frame{width:100%;height:100%;border:0;background:#080a22}@media (max-width: 700px){.devmail-body{grid-template-columns:1fr;grid-template-rows:220px 1fr}.devmail-list{border-right:0;border-bottom:1px solid var(--edge)}}@media (max-width: 520px){.topbar{gap:10px;padding-inline:12px}.topbar-toggles{gap:4px}.topbar-toggles .icon-btn{width:36px;height:36px}.player-chip{padding:0 6px;gap:4px}.player-chip>span:not(.avatar-pic){display:none}}.family-howto--install{background:var(--surface-sky);margin-top:16px}.family-howto--install>svg{color:var(--sky)}.family-howto--install .btn{margin-top:10px}.m-screen{--card-opp: clamp(36px, min(10vw, 6.5vh), 70px);--card-md: clamp(50px, min(19vw, 8.2vh), 120px);--card-loc: clamp(64px, min(24vw, 11.5vh), 150px);--card-hand: clamp(68px, min(20vw, 12.5vh), 128px);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding-top:calc(var(--safe-top) + 8px);background:radial-gradient(90% 55% at 50% 58%,rgba(60,84,200,.28),transparent 70%),radial-gradient(70% 40% at 50% 0%,rgba(255,90,54,.1),transparent 70%),linear-gradient(180deg,var(--night-850),var(--night-950))}.m-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(160,178,255,.07) 1px,transparent 1.2px);background-size:18px 18px;mask-image:radial-gradient(80% 60% at 50% 55%,#000,transparent 85%);-webkit-mask-image:radial-gradient(80% 60% at 50% 55%,#000,transparent 85%)}.m-screen>*{position:relative;width:100%;max-width:960px;margin-inline:auto}.m-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:12px;text-align:center;background:var(--bg);color:var(--ink);font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl)}.m-loading .spin{display:inline-block;font-size:48px;color:var(--gold)}.m-top{display:flex;align-items:center;gap:8px;padding:0 12px}.m-top .icon-btn{width:44px;height:44px}.m-top .icon-btn svg{width:22px;height:22px}.m-rounds{flex:1;display:flex;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}.m-rounds li{width:34px;height:34px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--ink-faint);background:transparent;border:1px solid var(--edge-strong);transform:rotate(45deg);border-radius:6px}.m-rounds li>span{transform:rotate(-45deg)}.m-rounds li.is-now{color:var(--ink);border-color:var(--sky);box-shadow:0 0 14px #4cc9ff73}.m-rounds li.is-me{background:var(--gold-metal);color:var(--ink-on-gold);border-color:transparent;box-shadow:0 0 14px #ffc62973}.m-rounds li.is-opp{background:#ff5a3633;color:#ffab96;border-color:#ff5a3699}.m-rounds li.is-tie{background:var(--surface-2);color:var(--ink-soft)}.m-mat{position:relative;border-radius:var(--r-lg);padding:8px 10px 10px;width:calc(100% - 24px)!important}.m-mat--opp{color:var(--ink);background:linear-gradient(180deg,#ff5a3612,#141b4080);border:1px solid rgba(255,90,54,.18);box-shadow:inset 0 1px #ffffff0a}.m-mat--mine{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:10px;overflow-y:auto;background:linear-gradient(180deg,#1e285c8c,#0c112999);border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff0f,0 20px 50px #0006}.m-who{display:flex;align-items:center;gap:8px}.m-who strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-lg);letter-spacing:.01em;color:var(--ink)}.m-who .chip{font-size:11px}.m-opp-cards{display:flex;align-items:flex-end;gap:8px;margin-top:4px}.m-mat--opp .m-coin{margin-left:auto;align-self:center}.m-slot{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.m-slot-label{font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.1;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.m-slot-cards{--w: var(--card-md);position:relative;display:flex;align-items:flex-start;gap:6px;min-width:calc(var(--w) * var(--n, 1) + 6px * (var(--n, 1) - 1));min-height:calc(var(--w) * 4 / 3);border:1px dashed rgba(160,178,255,.2);border-radius:9px;background:#05070f40}.m-slot--sm .m-slot-cards,.m-slot--loc-sm .m-slot-cards{--w: var(--card-opp);border-radius:6px}.m-slot--loc .m-slot-cards{--w: var(--card-loc);border-radius:11px}.m-mat--opp .m-slot-cards{border-color:#ff8c6e2e}.m-slot.is-wanted .m-slot-cards{border:1px solid var(--sky);background:#4cc9ff14;animation:slot-wait 1.6s ease-in-out infinite}.m-slot.is-wanted .m-slot-label{color:var(--sky)}.m-mat--opp .m-slot.is-wanted .m-slot-cards{border-color:#ff5a3699;background:#ff5a3614;animation:none}@keyframes slot-wait{50%{box-shadow:0 0 0 3px #4cc9ff2e,0 0 22px #4cc9ff59}}.m-slot-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:4px;text-align:center;font-size:11px;font-weight:700;line-height:1.15;color:var(--ink-faint);pointer-events:none}.m-slot.is-wanted .m-slot-empty{color:#9be3ff}.m-mat--opp .m-slot-empty{color:#ffab96;font-size:9px}.m-slot-cards>.card,.m-placed{width:var(--w);flex:none}.m-placed--small{width:calc(var(--w) * .6);margin-left:calc(var(--w) * -.12);margin-top:calc(var(--w) * .18)}.m-slot-score{position:absolute;right:-10px;top:6px;z-index:4;pointer-events:none}.m-ups{position:absolute;right:-10px;bottom:-8px;font-size:11px;padding:0 6px}.m-mine-grid{display:flex;gap:12px;align-items:flex-start;justify-content:center}.m-rows{display:flex;flex-direction:column;gap:6px;min-width:0}@media (min-width: 700px){.m-rows{flex-direction:row;gap:18px}}.m-score{display:inline-block;padding:0 10px;font-family:var(--font-display);font-weight:800;font-size:clamp(17px,4.6vw,24px);line-height:1.45;white-space:nowrap;color:var(--ink);background:#080b1ce0;border:1px solid var(--edge-strong);border-radius:6px;box-shadow:0 6px 16px #00000080}.m-score.is-hot{background:var(--gold-metal);color:var(--ink-on-gold);border-color:transparent;box-shadow:var(--glow-gold)}.m-bank{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:14px}.m-barrels{flex:1;max-width:460px;display:grid;grid-template-columns:repeat(6,1fr);gap:6px;justify-items:center}.m-barrels .barrel{max-width:62px}.m-barrels--opp{flex:none;display:grid;grid-template-columns:repeat(3,24px);gap:10px 4px;padding-top:8px}.m-barrels--opp .barrel{max-width:24px}.m-barrels--opp .barrel-value{display:none}.m-barrels--opp .barrel-card img{border-radius:3px}.m-opp-cards .m-barrels--opp{margin-left:4px}.m-mat--opp .m-barrels--opp{position:absolute;right:10px;top:10px}.m-total{flex:none;min-width:48px;height:48px;padding:0 6px;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:26px;color:var(--gold);background:#080b1cd9;border:1px solid rgba(255,198,41,.5);border-radius:50%;box-shadow:0 0 18px #ffc62933,inset 0 0 12px #ffc62926}.m-total--opp{min-width:32px;height:32px;font-size:16px;color:#ffab96;border-color:#ff5a3680;box-shadow:none}.m-mat--opp .m-opp-cards{padding-right:92px}.m-coin{flex:none;position:relative;width:68px;height:68px;display:grid;place-items:center;font-family:var(--font-display);font-weight:900;font-size:30px;color:var(--ink-on-gold);background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.75) 0 6%,transparent 22%),conic-gradient(from 200deg,#e9a100,#ffe993,#ffc629,#b87800,#ffd75a,#e9a100);border-radius:50%;box-shadow:inset 0 0 0 3px #7a50008c,inset 0 0 0 5px #ffe99380,0 10px 24px #0000008c,0 0 26px #ffc62940}.m-coin-label{position:absolute;bottom:-9px;padding:0 7px;font-family:var(--font-body);font-size:11px;font-weight:800;line-height:1.55;background:var(--night-950);color:var(--gold);border:1px solid rgba(255,198,41,.4);border-radius:var(--r-chip)}.m-coin--sm{width:40px;height:40px;font-size:18px;box-shadow:inset 0 0 0 2px #7a50008c,0 6px 14px #00000080}.m-coin.is-pulse{animation:coin-pulse 1.6s ease-in-out infinite}@keyframes coin-pulse{50%{transform:scale(1.06);box-shadow:inset 0 0 0 3px #7a50008c,inset 0 0 0 5px #ffe99380,0 10px 24px #0000008c,0 0 40px #ffc62999}}.m-coach{display:flex;align-items:center;gap:10px;width:calc(100% - 24px)!important;min-height:58px;padding:6px 8px 6px 6px;background:#0e132ec7;border:1px solid var(--edge);border-left:2px solid var(--gold);border-radius:var(--r-md);box-shadow:0 8px 24px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.m-coach-face{flex:none;width:42px;height:42px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 30%,var(--gold-hi),var(--gold-deep));box-shadow:0 0 0 2px var(--night-900),0 0 0 3px #ffc6298c}.m-coach-face img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;transform:scale(1.7)}.m-coach p{flex:1;font-weight:600;font-size:clamp(14px,3.9vw,18px);line-height:1.25;color:var(--ink)}.m-replay{flex:none;width:36px;height:36px;display:grid;place-items:center;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--edge-strong);border-radius:50%;font-size:16px;font-weight:800;cursor:pointer}.m-hand{max-width:none!important;padding:0 0 calc(10px + var(--safe-bottom));background:linear-gradient(180deg,#0e132ed1,#05070ff2);border-top:1px solid var(--edge-strong);border-radius:22px 22px 0 0;box-shadow:0 -20px 40px #00000073;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.m-hand-scroll{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;padding:12px 16px 8px;max-width:960px;margin:0 auto;scrollbar-width:none}.m-hand-scroll::-webkit-scrollbar{display:none}.m-hand-group{flex:none}.m-hand-group+.m-hand-group{padding-left:20px;border-left:1px solid var(--edge)}.m-hand-label{display:block;margin-bottom:12px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--ink-soft);white-space:nowrap}.m-hand-cards{display:flex;gap:12px}.m-hand-card{width:var(--card-hand);flex:none}.m-hand-card .card-badge .chip{font-family:var(--font-display);font-weight:800;font-size:15px;padding:0 8px}.m-hand-empty{color:var(--ink-soft);font-weight:600;padding:20px}.m-hand-actions{display:flex;gap:10px;padding:4px 16px 0;max-width:960px;margin:0 auto}.m-help{flex:none;padding-inline:.9em;font-size:var(--fs-md)}.m-help svg{width:22px;height:22px}.m-lock{flex:1}.m-hand-wait{min-height:96px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--ink-soft);font-weight:600}.m-dots{display:inline-flex;gap:6px}.m-dots i{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:dot 1s ease-in-out infinite}.m-dots i:nth-child(2){animation-delay:.15s}.m-dots i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{transform:translateY(-6px);opacity:.5}}.m-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + var(--safe-bottom));background:radial-gradient(circle at 50% 40%,#0c112999,#05070fe6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);max-width:none!important}.m-scrim--result{align-items:center;overflow-y:auto}.m-sheet{width:100%;max-width:440px;max-height:86vh;overflow-y:auto;padding:22px;background:var(--night-800);border:1px solid var(--edge-strong);border-radius:var(--r-xl);box-shadow:var(--pop-lg)}.m-sheet--wide{max-width:760px}.m-sheet h2{font-size:var(--fs-xl)}.m-sheet p{color:var(--ink-soft);margin-top:6px}.m-sheet-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:18px}.m-decklist h3{margin:18px 0 8px;font-size:var(--fs-lg);color:var(--ink-soft)}.m-decklist-row{display:flex;flex-wrap:wrap;gap:8px}.m-decklist-card{width:72px}.m-result{width:100%;max-width:460px;margin:auto;padding:0 0 18px;overflow:hidden;background:linear-gradient(180deg,var(--night-700),var(--night-850));border:1px solid var(--edge-strong);border-radius:var(--r-xl);box-shadow:var(--pop-lg)}.m-result>.btn{width:calc(100% - 36px);margin:0 18px}.m-result-banner{position:relative;padding:18px;text-align:center;border-bottom:1px solid var(--edge)}.m-result-banner h2{font-size:var(--fs-2xl);font-weight:900}.m-result-banner.is-win{background:radial-gradient(120% 140% at 50% 0%,rgba(255,198,41,.35),transparent 70%)}.m-result-banner.is-win h2{background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.m-result-banner.is-lose{background:radial-gradient(120% 140% at 50% 0%,rgba(255,90,54,.22),transparent 70%)}.m-result-banner.is-tie{background:radial-gradient(120% 140% at 50% 0%,rgba(76,201,255,.2),transparent 70%)}.m-result-scores{display:flex;align-items:center;justify-content:space-around;padding:14px 12px 6px}.m-result-side{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0}.m-result-side strong{font-family:var(--font-display);font-weight:800;font-size:var(--fs-md)}.m-result-side .muted{font-size:var(--fs-xs);font-weight:600}.m-result-num{font-family:var(--font-display);font-weight:900;font-size:3.4rem;line-height:1}.m-result-vs{font-family:var(--font-display);font-weight:800;color:var(--ink-faint)}.m-prayer{display:flex;gap:12px;align-items:flex-start;margin:10px 18px 16px;padding:12px;background:#05070f73;border:1px solid var(--edge);border-radius:var(--r-md)}.m-prayer img{width:64px;flex:none;border-radius:6px;box-shadow:0 0 0 1px #ffffff26,0 8px 18px #00000080}.m-prayer h3{display:flex;align-items:center;gap:6px;font-size:var(--fs-lg)}.m-prayer h3 svg{width:22px;height:22px;color:var(--gold)}.m-prayer p{margin:4px 0 10px;font-size:var(--fs-sm);font-weight:500;line-height:1.35;color:var(--ink-soft)}.m-over{padding:26px 18px;text-align:center}.m-over h2{font-size:var(--fs-3xl);font-weight:900;margin-top:6px}.m-trophy{display:flex;justify-content:center;filter:drop-shadow(0 0 30px rgba(255,198,41,.45))}.m-trophy svg{animation:bob 2s ease-in-out infinite}.m-over-score{font-family:var(--font-display);font-weight:800;font-size:var(--fs-2xl);color:var(--ink-soft)}.m-over-giving{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px;text-align:left;background:#ffc62914;border:1px solid rgba(255,198,41,.3);border-radius:var(--r-md)}.m-over-giving strong{font-family:var(--font-display);font-weight:900;font-size:2.8rem;line-height:1;color:var(--gold)}.m-over-giving span{font-weight:600;line-height:1.25}.m-recap{margin-top:14px;padding:12px 14px;text-align:left;font-weight:500;line-height:1.4;color:var(--ink);background:#05070f73;border:1px solid var(--edge);border-left:2px solid var(--gold);border-radius:var(--r-md)}.m-recap.is-loading{color:var(--ink-faint)}.m-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:101}.m-confetti i{position:absolute;top:0;border-radius:1px}@media (min-width: 740px) and (min-height: 960px){.m-screen{--card-opp: clamp(48px, 7vh, 92px);--card-md: clamp(90px, min(15vw, 11.5vh), 150px);--card-loc: clamp(120px, min(21vw, 16vh), 200px);--card-hand: clamp(110px, min(16vw, 13.5vh), 150px)}.m-barrels .barrel{max-width:74px}.m-coin{width:84px;height:84px;font-size:36px}}@media (max-height: 700px){.m-screen{gap:6px}.m-coach{min-height:48px}.m-coach-face{width:34px;height:34px}.m-bank{padding-top:12px}.m-coin{width:56px;height:56px;font-size:24px}}.m-mat--opp .card-zoom,.m-mat--opp .card-back-inner span{display:none}@media (max-width: 520px){.m-coin{width:54px;height:54px;font-size:23px}.m-barrels .barrel{max-width:46px}.m-total{min-width:40px;height:40px;font-size:20px}.m-mat--mine{padding-top:6px;padding-bottom:8px;gap:6px}}.m-event{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;margin-top:-2px;text-align:left;cursor:pointer;color:var(--ink);background:linear-gradient(90deg,#9d7dff38,#9d7dff0f);border:1px solid rgba(157,125,255,.45);border-radius:var(--r-md);width:calc(100% - 24px)!important}.m-event img{width:30px;aspect-ratio:3/4;object-fit:cover;border-radius:4px;flex:none}.m-event span{font-size:var(--fs-xs);line-height:1.25;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.m-event b{color:var(--ink);font-family:var(--font-display);font-weight:800;margin-right:4px}.m-changed{position:absolute;left:50%;top:-10px;transform:translate(-50%) rotate(-4deg);font-size:11px;padding:0 8px;z-index:2;white-space:nowrap}.barrel--target .barrel-card{outline:2px solid var(--ember);outline-offset:2px;animation:target-shake .5s ease-in-out infinite alternate}.barrel--target:after,.barrel--gone:after{content:"";position:absolute;top:10%;right:15%;bottom:10%;left:15%;pointer-events:none;background:radial-gradient(circle,rgba(255,107,74,.55),transparent 70%)}.barrel--gone .barrel-card{filter:grayscale(1) brightness(.55)}.barrel--gone:after{background:linear-gradient(45deg,transparent 45%,var(--ember) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--ember) 45% 55%,transparent 55%)}@keyframes target-shake{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.m-decklist-card.is-used{opacity:.32;filter:grayscale(.8)}.m-revive{margin:4px 0 14px;padding:12px;border-radius:var(--r-md);background:var(--surface-gold);border:1px solid rgba(255,198,41,.4)}.m-revive h3{font-size:var(--fs-md);margin-bottom:8px}@media (prefers-reduced-motion: reduce){.barrel--target .barrel-card{animation:none}}.m-hand-online{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:var(--fs-sm)}.m-hand-wait:has(.m-hand-online){flex-wrap:wrap;padding:12px}.m-result-wait{display:flex;flex-direction:column;align-items:center;gap:10px;padding:6px 18px 0;text-align:center;color:var(--ink-soft);font-weight:600}.m-resign{display:block;margin:16px auto 0;border:0;background:none;color:var(--ink-faint);font-size:var(--fs-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.m-resign:hover{color:var(--ember)}