:root{--g-accent: var(--ink-amber);--g-accent-hi: #FFD980;--g-stage: color-mix(in oklab, var(--ink-1) 88%, black);--g-panel: var(--ink-3);--g-panel-hi: var(--ink-4);--g-line: color-mix(in oklab, var(--is-fg) 12%, transparent);--g-good: var(--ink-emerald);--g-warn: var(--ink-amber);--g-bad: var(--ink-ruby);--g-shadow: 0 18px 44px -22px rgb(0 0 0 / .75)}[data-game-accent=lorcana]{--g-accent:#F5B53D;--g-accent-hi:#FFD980}[data-game-accent=op]{--g-accent:#EE5340;--g-accent-hi:#FF8A78}[data-game-accent=riftbound]{--g-accent:#A78BFA;--g-accent-hi:#C7B5FF}[data-game-accent=swu]{--g-accent:#6D5AE6;--g-accent-hi:#A99BFF}[data-game-accent=gundam]{--g-accent:#2FD07A;--g-accent-hi:#7DF5B4}[data-game-accent=digimon]{--g-accent:#38BDF8;--g-accent-hi:#8AE3FF}[data-game-accent=dbs]{--g-accent:#FF9E3D;--g-accent-hi:#FFC98A}[data-game-accent=pokemon]{--g-accent:#FFCB05;--g-accent-hi:#FFE479}[data-game-accent=mixed]{--g-accent:#8FB6FF;--g-accent-hi:#BBD2FF}.g-wrap,.g-wrap *,.g-stage,.g-cab,.g-player,.g-stat,.g-mission,.g-trophy,.g-board__row,.g-score,.g-share,.g-lock,.g-actionbar{box-sizing:border-box}.g-wrap{width:100%;max-width:var(--shell-wide);margin-inline:auto;padding-inline:clamp(12px,3vw,28px)}.g-stack{display:grid;gap:clamp(12px,2vw,var(--s-7))}.g-stage{position:relative;overflow:hidden;border:1px solid var(--g-line);border-radius:var(--r-surf);background:radial-gradient(120% 90% at 50% -20%,color-mix(in oklab,var(--g-accent) 14%,transparent),transparent 62%),var(--g-stage);box-shadow:var(--g-shadow)}.g-eyebrow{display:flex;align-items:center;gap:var(--s-3);font:600 var(--fs-1, 12px)/1.1 var(--font-body, inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--is-fg-3)}.g-eyebrow:before{content:"";width:22px;height:2px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--g-accent),transparent)}.g-title{margin:var(--s-2) 0 0;color:var(--is-fg);font:700 clamp(24px,4.4vw,40px)/1.04 var(--font-head, inherit);letter-spacing:-.01em}.g-sub{margin:var(--s-2) 0 0;color:var(--is-fg-3);font-size:var(--fs-3, 14px);line-height:1.45}.g-cabinets{display:grid;gap:clamp(12px,1.6vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.g-cab{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:clamp(320px,34vw,420px);overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--g-line);border-radius:var(--r-surf);background:var(--g-panel);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.g-cab:hover,.g-cab:focus-visible{transform:translateY(-3px);border-color:color-mix(in oklab,var(--g-accent) 55%,transparent);box-shadow:0 22px 48px -24px color-mix(in oklab,var(--g-accent) 40%,black)}.g-cab__art{position:absolute;inset:0;z-index:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.g-cab__art img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;opacity:.5;filter:saturate(1.05)}.g-cab__art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklab,var(--ink-0) 32%,transparent),color-mix(in oklab,var(--ink-0) 72%,transparent) 52%,color-mix(in oklab,var(--ink-0) 94%,transparent))}.g-cab>*{position:relative;z-index:1}.g-cab__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-5) var(--s-6)}.g-cab__body{padding:0 var(--s-6);align-self:end}.g-cab__name{margin:0;font:700 clamp(19px,2.4vw,26px)/1.1 var(--font-head, inherit);color:var(--is-fg)}.g-cab__tag{margin:var(--s-2) 0 0;font-size:var(--fs-2, 13px);color:var(--is-fg-2);max-width:38ch}.g-cab__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-5) var(--s-6);border-top:1px solid color-mix(in oklab,var(--is-fg) 8%,transparent);background:color-mix(in oklab,var(--ink-0) 42%,transparent)}.g-cab__cta{display:inline-flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-6);border-radius:var(--r-pill);background:var(--g-accent);color:#0b0e18;font-weight:700;font-size:var(--fs-2, 13px)}.g-cab__stat{display:grid;gap:2px;text-align:right}.g-cab__stat b{font:700 var(--fs-5, 18px)/1 var(--font-head, inherit);color:var(--is-fg);font-variant-numeric:tabular-nums}.g-cab__stat span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--is-fg-3)}.g-chip{display:inline-flex;align-items:center;gap:6px;padding:5px var(--s-4);border-radius:var(--r-pill);border:1px solid var(--g-line);background:color-mix(in oklab,var(--ink-0) 46%,transparent);font:600 11px/1 var(--font-body, inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--is-fg-2);white-space:nowrap}.g-chip--live{color:var(--g-accent);border-color:color-mix(in oklab,var(--g-accent) 48%,transparent)}.g-chip--done{color:var(--g-good);border-color:color-mix(in oklab,var(--g-good) 46%,transparent)}.g-chip--pro{color:var(--g-accent-hi);border-color:color-mix(in oklab,var(--g-accent-hi) 46%,transparent)}.g-chip--lock{color:var(--is-fg-3)}.g-player{display:grid;gap:var(--s-5);padding:clamp(14px,2vw,var(--s-7));border:1px solid var(--g-line);border-radius:var(--r-surf);background:var(--g-panel)}.g-player__row{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap}.g-level{display:grid;place-items:center;width:56px;height:56px;flex:0 0 auto;border-radius:var(--r-round);color:#0b0e18;background:radial-gradient(circle at 32% 28%,var(--g-accent-hi),var(--g-accent));font:800 20px/1 var(--font-head, inherit);font-variant-numeric:tabular-nums;box-shadow:0 0 0 4px color-mix(in oklab,var(--g-accent) 18%,transparent)}.g-level small{display:block;font:700 8px/1 var(--font-body, inherit);letter-spacing:.12em}.g-xp{flex:1 1 220px;min-width:180px}.g-xp__meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--is-fg-3)}.g-xp__track{margin-top:6px;height:8px;border-radius:var(--r-pill);background:var(--ink-5);overflow:hidden}.g-xp__fill{height:100%;border-radius:var(--r-pill);width:0;background:linear-gradient(90deg,var(--g-accent),var(--g-accent-hi));transition:width .9s cubic-bezier(.16,.84,.24,1)}.g-streak{display:inline-flex;align-items:center;gap:6px;font:700 var(--fs-4, 16px)/1 var(--font-head, inherit);color:var(--is-fg)}.g-streak i{font-style:normal;color:var(--g-accent)}.g-stats{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.g-stat{padding:var(--s-4);border-radius:var(--r-ctl);background:var(--g-panel-hi);border:1px solid color-mix(in oklab,var(--is-fg) 7%,transparent)}.g-stat b{display:block;font:700 clamp(18px,2.2vw,24px)/1 var(--font-head, inherit);color:var(--is-fg);font-variant-numeric:tabular-nums}.g-stat span{display:block;margin-top:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--is-fg-3)}.g-missions{display:grid;gap:var(--s-3)}.g-mission{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-ctl);background:var(--g-panel-hi);border:1px solid color-mix(in oklab,var(--is-fg) 7%,transparent)}.g-mission[data-done="1"]{border-color:color-mix(in oklab,var(--g-good) 44%,transparent)}.g-mission__label{font-size:var(--fs-2, 13px);color:var(--is-fg)}.g-mission__bar{margin-top:6px;height:5px;border-radius:var(--r-pill);background:var(--ink-5);overflow:hidden}.g-mission__bar i{display:block;height:100%;background:var(--g-accent);transition:width .5s ease}.g-mission__xp{font:700 12px/1 var(--font-head, inherit);color:var(--g-accent);white-space:nowrap}.g-score{display:grid;place-items:center;gap:var(--s-2);padding:clamp(16px,3vw,var(--s-8)) var(--s-5);text-align:center}.g-score__value{font:800 clamp(48px,12vw,96px)/.92 var(--font-head, inherit);color:var(--is-fg);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.g-score__label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--is-fg-3)}.g-score__delta{font:700 var(--fs-3, 14px)/1 var(--font-head, inherit);color:var(--g-accent)}.g-rank{display:inline-flex;align-items:center;gap:6px;padding:6px var(--s-4);border-radius:var(--r-ctl-sm);font:700 11px/1 var(--font-body, inherit);letter-spacing:.1em;text-transform:uppercase;color:var(--g-accent);background:color-mix(in oklab,var(--g-accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--g-accent) 40%,transparent)}.g-board{display:grid;gap:2px}.g-board__row{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-ctl-sm);background:color-mix(in oklab,var(--ink-0) 30%,transparent);font-size:var(--fs-2, 13px);color:var(--is-fg-2)}.g-board__row[data-me="1"]{background:color-mix(in oklab,var(--g-accent) 16%,transparent);color:var(--is-fg);font-weight:700;border:1px solid color-mix(in oklab,var(--g-accent) 44%,transparent)}.g-board__rank{font-variant-numeric:tabular-nums;color:var(--is-fg-3)}.g-board__score{font-variant-numeric:tabular-nums}.g-board__empty{padding:var(--s-5);text-align:center;color:var(--is-fg-3);font-size:var(--fs-2, 13px)}.g-trophies{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,158px),1fr))}.g-trophy{display:grid;gap:6px;padding:var(--s-4);text-align:center;border-radius:var(--r-ctl);background:var(--g-panel-hi);border:1px solid color-mix(in oklab,var(--is-fg) 7%,transparent)}.g-trophy[data-earned="1"]{border-color:color-mix(in oklab,var(--g-accent) 50%,transparent);background:color-mix(in oklab,var(--g-accent) 10%,var(--g-panel-hi))}.g-trophy[data-earned="0"]{opacity:.52}.g-trophy b{font:700 var(--fs-2, 13px)/1.2 var(--font-head, inherit);color:var(--is-fg)}.g-trophy span{font-size:11px;color:var(--is-fg-3);line-height:1.35}.g-trophy em{font-style:normal;font-size:22px;line-height:1}.g-result{display:grid;gap:var(--s-6)}.g-result__grid{display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.g-result__actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.g-result__actions .ink-btn{flex:1 1 160px}.g-share{display:grid;gap:var(--s-4);padding:var(--s-5);border:1px dashed color-mix(in oklab,var(--g-accent) 40%,transparent);border-radius:var(--r-ctl);background:color-mix(in oklab,var(--ink-0) 34%,transparent)}.g-share pre{margin:0;font:600 13px/1.5 var(--font-mono, ui-monospace, monospace);color:var(--is-fg-2);white-space:pre-wrap;word-break:break-word}.g-share canvas,.g-share img{width:100%;height:auto;border-radius:var(--r-ctl);display:block}.g-lock{position:relative;display:grid;gap:var(--s-4);padding:clamp(14px,2vw,var(--s-7));border-radius:var(--r-surf);border:1px solid color-mix(in oklab,var(--g-accent) 30%,transparent);background:color-mix(in oklab,var(--g-accent) 7%,var(--g-panel))}.g-lock h3{margin:0;font:700 var(--fs-5, 18px)/1.2 var(--font-head, inherit);color:var(--is-fg)}.g-lock p{margin:0;font-size:var(--fs-2, 13px);color:var(--is-fg-2)}.g-actionbar{position:sticky;bottom:0;z-index:6;display:flex;gap:var(--s-3);padding:var(--s-4);padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--ink-0) 92%,transparent) 34%)}.g-actionbar>*{flex:1 1 0;min-height:var(--tap)}@keyframes g-pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}@keyframes g-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes g-flip{0%{transform:rotateY(96deg);opacity:.15}to{transform:rotateY(0);opacity:1}}@keyframes g-stamp{0%{transform:scale(1.5) rotate(-7deg);opacity:0}60%{transform:scale(.96) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes g-tick{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}.g-anim-pop{animation:g-pop .34s cubic-bezier(.2,.9,.25,1) both}.g-anim-rise{animation:g-rise .42s cubic-bezier(.2,.9,.25,1) both}.g-anim-flip{animation:g-flip .5s cubic-bezier(.24,.86,.2,1) both;transform-style:preserve-3d}.g-anim-stamp{animation:g-stamp .48s cubic-bezier(.2,.9,.25,1) both}.g-anim-tick{animation:g-tick .7s ease-in-out 2}.g-anim-in>*{animation:g-rise .44s cubic-bezier(.2,.9,.25,1) both}.g-anim-in>*:nth-child(2){animation-delay:.06s}.g-anim-in>*:nth-child(3){animation-delay:.12s}.g-anim-in>*:nth-child(4){animation-delay:.18s}.g-anim-in>*:nth-child(5){animation-delay:.24s}.g-anim-in>*:nth-child(6){animation-delay:.3s}.g-flash{position:relative;overflow:hidden}.g-flash:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 38%,color-mix(in oklab,var(--g-accent) 34%,transparent) 50%,transparent 62%);transform:translate(-120%);animation:g-sweep .85s cubic-bezier(.3,.8,.2,1) both}@keyframes g-sweep{to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.g-anim-pop,.g-anim-rise,.g-anim-flip,.g-anim-stamp,.g-anim-tick,.g-anim-in>*,.g-flash:after{animation:none!important}.g-xp__fill,.g-mission__bar i,.g-cab{transition:none!important}.g-cab:hover{transform:none}}@media(max-width:640px){.g-cab{min-height:280px}.g-cab__cta{width:100%;justify-content:center}.g-cab__foot{flex-wrap:wrap}.g-score__value{font-size:clamp(44px,15vw,72px)}.g-board__row{padding:var(--s-4)}}
