:where(:root){--ol-bg:#17112c;--ol-surface:#221a3e;--ol-fg:#f6f1ff;--ol-muted:#a99fc7;--ol-accent:#ff3d7f;--ol-accent-2:#e0306e;--ol-accent-fg:#fff;--ol-ok:#3cd68a;--ol-warn:#ffc53d;--ol-danger:#ff5a4e;--ol-tile:#00000059;--ol-tile-fg:var(--ol-fg);--ol-qr-bg:#fff;--ol-qr-fg:#111;--ol-scrim:#05030ca8;--ol-radius:18px;--ol-btn-radius:999px;--ol-font:inherit;--ol-display:inherit;--ol-shadow:0 10px 30px #00000059}.ol-lobby,.ol-sheet,.ol-ended,.ol-card,.ol-toast,.ol-pill,.ol-result{font-family:var(--ol-font);color:var(--ol-fg);-webkit-tap-highlight-color:transparent}.ol-lobby{gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid}.ol-i{flex:none;display:block}.ol-btn{border-radius:var(--ol-btn-radius);background:var(--ol-surface);min-height:48px;color:var(--ol-fg);font:700 16px var(--ol-font);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .15s cubic-bezier(.2,.9,.25,1.15),filter .15s,opacity .2s;display:inline-flex;box-shadow:0 4px 14px #00000040}.ol-btn:active:not(:disabled){transform:scale(.96)}.ol-btn:disabled{opacity:.5;cursor:default}.ol-btn.primary{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 40%, transparent)}.ol-btn.primary.done{background:color-mix(in srgb, var(--ol-ok) 85%, #000);color:#062615;box-shadow:0 10px 28px color-mix(in srgb, var(--ol-ok) 35%, transparent)}.ol-btn.big{width:100%;min-height:58px;font-size:19px;font-family:var(--ol-display)}.ol-btn.small{min-height:44px;padding:0 14px;font-size:15px}.ol-btn.ghost{box-shadow:none;color:var(--ol-muted);background:0 0}.ol-btn.danger{background:var(--ol-danger);color:#fff}.ol-btn:focus-visible,.ol-iconbtn:focus-visible,.ol-more:focus-visible,.ol-link:focus-visible,.ol-x:focus-visible,.ol-field:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-iconbtn,.ol-more,.ol-x{background:var(--ol-surface);width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ol-iconbtn:disabled{opacity:.4}.ol-more,.ol-x{width:44px;height:44px;color:var(--ol-muted);background:0 0}.ol-link{min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 12px;text-decoration:underline}.ol-note{color:var(--ol-muted);text-align:center;margin:0;font-size:15px}.ol-note.warn{color:var(--ol-warn);font-weight:700}.ol-code{font:600 15px var(--ol-font);color:var(--ol-muted);justify-items:center;gap:6px;margin:0;display:grid}.ol-code span{gap:8px;display:flex}.ol-code b{background:var(--ol-tile);width:52px;height:60px;color:var(--ol-tile-fg);font:400 36px var(--ol-display);animation:ol-pop .4s calc(var(--i) * 60ms) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 2px 8px #00000059}.ol-pencil{align-items:center;gap:2px;min-width:0;display:flex}.ol-pencil b{white-space:nowrap}.ol-pname .ol-pencil b{text-overflow:ellipsis;overflow:hidden}.ol-pen{width:40px;height:40px;color:var(--ol-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px 0;padding:0;display:grid}.ol-pen:active{transform:scale(.92)}.ol-pen:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-pencil.editing .ol-field{min-height:40px;font-size:17px}.ol-field{min-width:0;min-height:52px;color:var(--ol-fg);font:600 19px var(--ol-font);background:#00000059;border:0;border-radius:14px;flex:1;padding:0 14px;box-shadow:inset 0 2px 6px #00000073}.ol-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-player{background:var(--ol-surface);border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 10px;display:flex}.ol-player.mine{background:color-mix(in srgb, var(--ol-accent) 18%, var(--ol-surface))}.ol-player.away .ol-pname small{color:var(--ol-warn)}.ol-player.empty{background:color-mix(in srgb, var(--ol-surface) 45%, transparent);color:var(--ol-muted)}.ol-ava{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.ol-ava.ghost{background:#ffffff0f}.ol-ava-spin{background:var(--ol-warn);color:#2a1a00;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-4px}.ol-ava-spin .ol-i{animation:1.2s linear infinite ol-spin}.ol-oftrava,.ol-oftrava svg{border-radius:50%;display:block}.ol-botava{color:var(--ol-muted);background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.ol-guest{display:block}.ol-pname{flex:1;min-width:0;display:grid}.ol-pname b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ol-pname small{color:var(--ol-muted);font-size:14px}.ol-tags{gap:4px;display:flex}.ol-tag{width:30px;height:30px;color:var(--ol-muted);background:#00000040;border-radius:50%;place-items:center;display:grid}.ol-tag.host{color:var(--ol-warn)}.ol-tag.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ready{min-height:30px;color:var(--ol-muted);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:14px;font-weight:700;display:inline-flex}.ol-ready.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ask{gap:6px;display:flex}.ol-invite{border-radius:var(--ol-radius);background:color-mix(in srgb, var(--ol-surface) 60%, transparent);align-items:center;gap:14px;padding:12px;display:flex}.ol-invite-acts{flex:1;gap:8px;min-width:0;display:grid}.ol-invite-acts p{margin:0;font-weight:700}.ol-qr{border-radius:10px;flex:none}.ol-qr-bg{fill:var(--ol-qr-bg)}.ol-qr-fg{fill:var(--ol-qr-fg)}@media (width<=360px){.ol-invite{flex-direction:column}.ol-invite-acts{width:100%}}.ol-settings,.ol-startbar{gap:8px;display:grid}.ol-stepper{justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex}.ol-stepper span{justify-content:center;align-items:center;gap:6px;min-width:7ch;display:inline-flex}.ol-leave{justify-items:center;gap:6px;display:grid}.ol-scrim{z-index:2147482500;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--ol-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:end center;animation:.2s both ol-fade;display:grid;position:fixed;inset:0}@media (width>=600px){.ol-scrim{place-items:center}}.ol-sheet{background:var(--ol-bg);text-align:center;border-radius:28px;justify-items:center;gap:10px;width:min(420px,100%);padding:24px 18px 18px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:grid;box-shadow:0 30px 80px #0000008c}.ol-sheet h2,.ol-ended h2{font:400 24px var(--ol-display);margin:0;line-height:1.15}.ol-sheet p,.ol-ended p{color:var(--ol-muted);max-width:34ch;margin:0;font-size:16px}.ol-sheet-acts{gap:6px;width:100%;margin-top:8px;display:grid}.ol-sheet-acts .ol-btn.primary{min-height:54px;font-size:18px}.ol-sheet-i{background:var(--ol-surface);width:60px;height:60px;color:var(--ol-accent);border-radius:50%;place-items:center;display:grid}.ol-sheet-i.small{flex:none;width:40px;height:40px}.ol-ended{background:var(--ol-bg);text-align:center;width:min(420px,100%);box-shadow:var(--ol-shadow);border-radius:28px;justify-items:center;gap:12px;margin:auto;padding:28px 20px;display:grid}.ol-card{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);align-items:center;gap:12px;padding:10px 8px 10px 12px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:flex}.ol-card-t{text-align:left;flex:1;min-width:0;display:grid}.ol-card-t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-card-t small{color:var(--ol-muted);font-size:14px}.ol-back2 .ol-card-t b{white-space:normal}.ol-friends{gap:8px;display:grid}.ol-toast{z-index:2147482400;left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ol-bg);text-align:center;width:max-content;max-width:calc(100vw - 32px);height:max-content;box-shadow:var(--ol-shadow), 0 0 18px color-mix(in srgb, var(--ol-warn) 30%, transparent);border-radius:16px;padding:12px 18px;font-weight:700;animation:.3s both ol-up;position:fixed;transform:translate(-50%)}.ol-pill{z-index:2147482400;top:max(12px, env(safe-area-inset-top));background:var(--ol-warn);color:#2a1a00;min-height:40px;box-shadow:var(--ol-shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;animation:.2s both ol-fade;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.ol-spin{animation:1.2s linear infinite ol-spin}@keyframes ol-spin{to{transform:rotate(360deg)}}@keyframes ol-fade{0%{opacity:0}}@keyframes ol-up{0%{opacity:0;transform:translateY(18px)}}.ol-toast{animation-name:ol-toast}@keyframes ol-toast{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes ol-pop{0%{opacity:0;transform:scale(.6)}}:where(:root){--ol-gold:var(--ol-warn);--ol-silver:#c9d4e3;--ol-bronze:#e09a62}.ol-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ol-board{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:18px 14px 14px;display:flex;position:relative}.ol-board>h2{text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 44px;display:flex}.ol-board>h2 .ol-i{color:var(--ol-gold)}.ol-board>.ol-x{position:absolute;top:8px;right:8px}.ol-board p{max-width:none}.ol-board .ol-note{padding:6px 4px}.ol-board .ol-note.small{padding:4px;font-size:13px}.ol-board.busy .ol-bscroll{opacity:.55;transition:opacity .2s}.ol-bctl{gap:6px;display:grid}.ol-tabs{border-radius:var(--ol-btn-radius);background:var(--ol-surface);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000040}.ol-tabs:before{content:"";border-radius:var(--ol-btn-radius);background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));width:calc(33.3333% - 2.66667px);box-shadow:0 6px 18px color-mix(in srgb, var(--ol-accent) 35%, transparent);transform:translateX(calc(var(--i,0) * 100%));transition:transform .3s cubic-bezier(.2,.9,.25,1.1);position:absolute;top:4px;bottom:4px;left:4px}.ol-tab{border-radius:var(--ol-btn-radius);min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 6px;transition:color .2s;position:relative}.ol-tab.on{color:var(--ol-accent-fg)}.ol-vs{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;display:flex}.ol-vs-lv{border-radius:var(--ol-btn-radius);background:color-mix(in srgb, var(--ol-surface) 50%, transparent);align-items:center;gap:2px;margin-left:4px;padding:0 2px;display:flex}.ol-chip{border-radius:var(--ol-btn-radius);min-height:40px;color:var(--ol-muted);font:700 14px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ol-chip.lv{padding:0 8px;font-size:13px}.ol-chip.on{background:var(--ol-surface);color:var(--ol-fg)}.ol-chip .ol-i{opacity:.8}.ol-tab:focus-visible,.ol-chip:focus-visible,.ol-result a:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-bscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:0 -6px;padding:0 6px 2px;display:flex;overflow-y:auto}.ol-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:0;padding:30px 0 0;list-style:none;display:grid}.ol-pod{--m:var(--ol-gold);text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ol-pod.p2{--m:var(--ol-silver);order:-1}.ol-pod.p3{--m:var(--ol-bronze)}.ol-pod-ava{background:color-mix(in srgb, var(--m) 30%, transparent);box-shadow:0 0 0 3px var(--m), 0 8px 22px color-mix(in srgb, var(--m) 35%, transparent);animation:ol-pop .45s calc(var(--d,0) + .2s) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:50%;place-items:center;padding:3px;display:grid;position:relative}.ol-pod.p1{--d:.12s}.ol-pod.p2{--d:0s}.ol-pod.p3{--d:.24s}.ol-pod.me .ol-pod-ava{box-shadow:0 0 0 3px var(--m), 0 0 24px 5px color-mix(in srgb, var(--ol-accent) 60%, transparent)}.ol-pod-crown{color:var(--ol-gold);filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--ol-gold) 60%, transparent));position:absolute;top:-24px;left:50%;translate:-50%;rotate:-8deg}.ol-pod-ghost{background:color-mix(in srgb, var(--ol-fg) 7%, transparent);border-radius:50%;width:54px;height:54px;display:block}.ol-pod.p1 .ol-pod-ghost{width:68px;height:68px}.ol-pod.open .ol-pod-ava{box-shadow:none;background:0 0}.ol-pod.open .ol-pod-crown{opacity:.35}.ol-pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:15px;overflow:hidden}.ol-pod.p1 .ol-pod-name{font-size:16px}.ol-pod.me .ol-pod-name{color:var(--ol-accent)}.ol-pod-stat{color:var(--ol-muted);align-items:baseline;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.ol-pod-stat>b{color:var(--ol-fg);font:400 22px var(--ol-display);font-variant-numeric:tabular-nums;line-height:1.1}.ol-pod.p1 .ol-pod-stat>b{font-size:26px}.ol-pod-extra,.ol-pod-open{max-width:100%;color:var(--ol-muted);text-wrap:balance;font-size:12px;line-height:1.25}.ol-pod-open{margin-top:8px}.ol-pod-step{background:linear-gradient(180deg, color-mix(in srgb, var(--m) 70%, var(--ol-bg)), color-mix(in srgb, var(--m) 22%, var(--ol-bg)));width:100%;height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 10px 24px color-mix(in srgb, var(--m) 18%, transparent);transform-origin:bottom;animation:ol-rise .5s var(--d,0s) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:14px 14px 6px 6px;place-items:start center;margin-top:8px;padding-top:6px;display:grid}.ol-pod.p1 .ol-pod-step{height:66px}.ol-pod.p3 .ol-pod-step{height:30px}.ol-pod-step span{font:400 24px var(--ol-display);color:color-mix(in srgb, var(--m) 25%, #160d05);line-height:1}.ol-pod.p3 .ol-pod-step span{font-size:18px}.ol-podium.empty .ol-pod-step{background:color-mix(in srgb, var(--m) 16%, var(--ol-bg));box-shadow:none}.ol-podium.empty .ol-pod-step span{color:color-mix(in srgb, var(--m) 45%, var(--ol-bg))}@keyframes ol-rise{0%{opacity:0;transform:scaleY(.2)}}.ol-blist{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ol-brow{background:var(--ol-surface);min-height:58px;animation:ol-up .35s calc(.3s + var(--i,0) * 35ms) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 6px;display:flex}.ol-brow.me{z-index:1;background:linear-gradient(color-mix(in srgb, var(--ol-accent) 26%, transparent), color-mix(in srgb, var(--ol-accent) 26%, transparent)), var(--ol-bg);box-shadow:0 0 20px color-mix(in srgb, var(--ol-accent) 30%, transparent), 0 8px 24px #00000073;position:sticky;top:0;bottom:0}.ol-brank{flex:none;justify-items:center;width:34px;line-height:1;display:grid}.ol-brank>b{font:400 19px var(--ol-display);color:var(--ol-muted);font-variant-numeric:tabular-nums}.ol-brow.me .ol-brank>b{color:var(--ol-fg)}.ol-bmove{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.ol-bmove.up{color:var(--ol-ok)}.ol-bmove.down{color:color-mix(in srgb, var(--ol-danger) 80%, var(--ol-fg))}.ol-brank .ol-bmove{margin-top:3px}.ol-pod-stat .ol-bmove{align-self:center;margin-left:2px}.ol-bname{flex:1;gap:1px;min-width:0;display:grid}.ol-bname b,.ol-bname>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-bname b{font-size:16px}.ol-bname b small{color:var(--ol-muted);font-weight:600}.ol-bname>small{color:var(--ol-muted);font-size:13px}.ol-bwins{flex:none;justify-items:end;line-height:1.05;display:grid}.ol-bwins b{font:400 24px var(--ol-display);font-variant-numeric:tabular-nums}.ol-bwins small{color:var(--ol-muted);font-size:12px;font-weight:700}.ol-bme{gap:6px;padding-top:10px;display:grid;box-shadow:0 -10px 16px -14px #0009}.ol-bme .ol-brow{animation:none;position:static}.ol-bsign{justify-items:center;gap:10px;padding:4px 0;display:grid}.ol-bsign .ol-btn{text-decoration:none}.ol-bempty{text-align:center;justify-items:center;gap:6px;padding-bottom:6px;display:grid}.ol-bempty .ol-podium{width:100%;margin-bottom:8px}.ol-bempty-t{font:400 22px var(--ol-display);margin:0;color:var(--ol-fg)!important}.ol-bempty .ol-note{padding:0 0 8px}.ol-bempty .ol-btn{min-width:160px}.ol-result{border-radius:var(--ol-radius);background:var(--ol-surface);width:min(400px,100%);color:var(--ol-fg);text-align:left;box-shadow:var(--ol-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:0 auto;padding:12px 12px 12px 14px;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s both ol-card-in;display:flex}.ol-result.won{background:linear-gradient(135deg, color-mix(in srgb, var(--ol-gold) 22%, transparent), transparent 70%), var(--ol-surface)}.ol-result-badge{background:color-mix(in srgb, var(--ol-gold) 22%, transparent);width:46px;height:46px;color:var(--ol-gold);border-radius:50%;flex:none;place-items:center;display:grid}.ol-result.won .ol-result-badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ol-gold) 70%, #fff), var(--ol-gold) 55%, color-mix(in srgb, var(--ol-gold) 60%, #000));color:color-mix(in srgb, var(--ol-gold) 20%, #1a0f00);box-shadow:0 0 22px color-mix(in srgb, var(--ol-gold) 55%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both ol-pop}.ol-result-t{flex:150px;gap:2px;min-width:0;display:grid}.ol-result-t>b{font:400 20px var(--ol-display);line-height:1.15}.ol-result.won .ol-result-t>b{font-size:24px}.ol-result-t>span{color:var(--ol-muted);font-size:14px;font-weight:700}.ol-result-t .ol-bmove{vertical-align:-1px;gap:3px;font-size:13px}.ol-result .ol-result-go{flex:none;min-height:44px}.ol-result.won .ol-result-go{background:color-mix(in srgb, var(--ol-gold) 24%, var(--ol-bg))}@media (width<=380px){.ol-result .ol-result-go{flex:100%}}.ol-result.guest{width:auto;box-shadow:none;text-align:center;background:0 0;padding:0;animation:none;display:block}.ol-result.guest a{min-height:44px;color:var(--ol-muted);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@keyframes ol-card-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@media (orientation:landscape) and (height<=500px){.ol-board{gap:8px;width:min(820px,100%);padding:10px 12px 12px}.ol-board>h2{justify-content:flex-start;padding:6px 44px 0 4px;font-size:20px}.ol-bctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.ol-tab{min-height:40px}.ol-bscroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:14px;display:grid}.ol-bscroll>.ol-podium{position:sticky;top:0}.ol-bscroll>.ol-blist,.ol-bscroll>.ol-note.small{grid-column:2}.ol-bscroll>.ol-note.small{grid-row:2}.ol-bempty,.ol-bscroll>.ol-bsign,.ol-bscroll>.ol-note:not(.small){grid-column:1/-1}.ol-bempty{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:14px}.ol-bempty .ol-podium{grid-row:1/span 3;margin:0}.ol-pod-step{height:32px}.ol-pod.p1 .ol-pod-step{height:48px}.ol-pod.p3 .ol-pod-step{height:22px}.ol-pod-step span{font-size:18px}.ol-pod.p3 .ol-pod-step span{font-size:15px}.ol-brow{min-height:50px;padding-top:4px;padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.ol-lobby *,.ol-scrim,.ol-sheet,.ol-card,.ol-toast,.ol-pill,.ol-code b,.ol-board *,.ol-board :before,.ol-result,.ol-result *{transition:none!important;animation:none!important}.ol-spin,.ol-ava-spin .ol-i{animation:none!important}}.ol-setup{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);font-family:var(--ol-font);color:var(--ol-fg);gap:12px;padding:16px;display:grid}.ol-setup-h{font:800 18px var(--ol-display);text-align:center;margin:0}.ol-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-step{border-radius:calc(var(--ol-radius) - 4px);background:var(--ol-surface);grid-template-columns:32px 1fr;grid-template-areas:"n l""n b";align-items:center;gap:6px 12px;padding:12px;display:grid}.ol-step-n{background:color-mix(in srgb, var(--ol-fg) 12%, transparent);font-variant-numeric:tabular-nums;border-radius:50%;grid-area:n;align-self:start;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.ol-step.done .ol-step-n{background:var(--ol-ok);color:#062615}.ol-step-l{letter-spacing:.06em;text-transform:uppercase;color:var(--ol-muted);grid-area:l;font-size:13px;font-weight:800}.ol-step-b{flex-wrap:wrap;grid-area:b;align-items:center;gap:8px;min-width:0;display:flex}.ol-setup-look{align-items:center;gap:12px;display:flex}.ol-link{color:var(--ol-fg);text-underline-offset:3px;opacity:.85;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.ol-cry{gap:8px;width:100%;display:grid}.ol-cry-row{align-items:center;gap:10px;display:flex}.ol-cry-what{font-weight:700}.ol-cry-meter{background:color-mix(in srgb, var(--ol-fg) 12%, transparent);border-radius:999px;flex:1;height:10px;overflow:hidden}.ol-cry-meter i{background:var(--ol-accent);transform-origin:0;height:100%;transition:transform 80ms linear;display:block}.ol-cry-acts,.ol-swatches{flex-wrap:wrap;gap:8px;display:flex}.ol-swatch{cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 3px #0003}.ol-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--ol-bg), 0 0 0 6px var(--ol-fg)}.ol-sent{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ol-sent li{align-items:center;gap:8px;font-size:14px;display:flex}.ol-sent small{color:var(--ol-muted)}.ol-sent-joined small{color:var(--ol-ok)}.ol-sent-late{opacity:.7}.ol-num{color:var(--ol-muted);font-weight:600}@media (prefers-reduced-motion:reduce){.ol-cry-meter i{transition:none}}@font-face{font-family:Display;src:url(/fonts/display.woff2)format("woff2");font-display:swap}@font-face{font-family:Body;src:url(/fonts/body.woff2)format("woff2");font-display:swap}:root{color:#f7edce;font-synthesis:none;--cream:#f7edce;--gold:#edc55a;--muted:#b0bba4;--mine:#4ab8ff;--theirs:#ff5a46;--ol-bg:#142622;--ol-panel:#213b31;--ol-panel2:#2c493b;--ol-text:#f7edce;--ol-muted:#b0bba4;--ol-accent:#edc55a;--ol-on-accent:#1c3028;--ol-warn:#edc55a;--ol-radius:16px;--ol-font:Body,system-ui,sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#142622;font-family:Body,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#142622}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;min-width:44px;min-height:44px;color:inherit;background:#294638;border:0;border-radius:12px;padding:10px 16px;font-weight:800}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(2px)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f5d36d}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Display,Impact,sans-serif;font-weight:400}h3{font-size:24px;line-height:1.1}p{line-height:1.5}a{color:inherit}.eyebrow{letter-spacing:2px;color:var(--muted);font-size:10px;font-weight:900}.small{color:var(--muted);font-size:13px;line-height:1.5}.wide{width:100%;margin-top:10px}.primary{color:#23352a;background:linear-gradient(#f6d572,#e3b544);justify-content:center;align-items:center;gap:12px;min-height:54px;font-size:16px;display:flex;box-shadow:0 5px #927d3d,0 10px 30px #e9b84a33}.secondary{color:#283a2d;background:#e9e2c4;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:64px;display:flex}.secondary small{color:#56614d;width:100%;margin-top:-10px;font-size:11px;font-weight:600}.quiet{color:var(--muted);background:0 0;font-size:13px}.back-link{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:30;align-items:center;gap:5px;min-height:32px;font-size:11px;text-decoration:none;display:flex;position:absolute}.settings-button{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#294638cc;position:absolute;top:16px;right:18px}.home{grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;max-width:1180px;min-height:100dvh;margin:auto;padding:64px 40px 36px;display:grid;position:relative}.home-intro{text-align:center;position:relative}.brand-line{color:#e8d9b0;letter-spacing:2px;z-index:2;text-shadow:0 2px 8px #0008;justify-content:center;align-items:center;gap:8px;margin-top:-34px;font-size:9px;font-weight:900;display:flex;position:relative}.brand-line span:first-child{width:29px;height:29px}.brand-line svg{width:100%;height:100%}h1{letter-spacing:-2px;color:#ffe9b0;text-shadow:0 5px #8a3a1a,0 10px 30px #ff7a2a66;z-index:2;margin:10px 0 12px;font-size:clamp(54px,6.3vw,88px);line-height:.93;position:relative;transform:rotate(-3deg)}.tagline{color:#eee4c1;font-size:20px;font-weight:800;line-height:1.25}.tagline em{color:#ffb070;font-style:normal}.intro-line{margin:0 0 25px;font-size:20px;font-weight:700;line-height:1.3}.home-actions{width:100%;max-width:380px}.solo-box{background:#20392ee6;border-radius:18px;margin-bottom:16px;padding:18px;box-shadow:0 12px 40px #0004}.levels{background:#132920;border-radius:12px;gap:4px;margin:9px 0 14px;padding:4px;display:flex}.levels button{color:#aaba9d;background:0 0;flex:1;padding:8px;font-size:13px}.levels button.active{color:#f7edce;background:#526440;box-shadow:0 3px 8px #0b191b55}.join{padding:20px 0 10px}.join label{letter-spacing:2px;color:#aeb89d;margin-bottom:6px;font-size:10px;font-weight:900;display:block}.join>div{gap:8px;display:flex}.join input{letter-spacing:9px;width:100%;min-width:0;color:var(--cream);background:#20392e;border:0;border-radius:12px;padding:12px 18px;font-size:19px;font-weight:900}.join button{background:#425b3d;align-items:center;gap:8px;display:flex}.home-links{flex-wrap:wrap;justify-content:center;gap:0;display:flex}.home-links button{color:#d1d4b9;background:0 0;padding:8px;font-size:12px}.footer-note{text-align:center;color:#a7b397;margin:8px 0 0;font-size:11px}.home-stats{letter-spacing:2px;color:#c0c6a5;justify-content:center;align-items:center;gap:16px;margin-top:8px;font-size:10px;font-weight:900;display:flex}.home-stats i{background:#6d8155;border-radius:50%;width:4px;height:4px}.hero-art{isolation:isolate;aspect-ratio:3/2;background:#3a2a3a;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0008,0 0 0 1px #ffffff10}.hero-art img{object-fit:cover;width:100%;height:100%;animation:18s ease-in-out infinite alternate drift;display:block}.hero-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#142622 100%),radial-gradient(at 50% 120%,#ff7a2a33,#0000 60%);position:absolute;inset:0}.embers{pointer-events:none;z-index:1;position:absolute;inset:0}.embers i{bottom:-10px;left:calc(var(--i) * 7% + 3%);opacity:0;width:5px;height:5px;animation:ember calc(3s + var(--i) * .23s) linear calc(var(--i) * -.41s) infinite;background:#ffb050;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ff7a2a}.art-caption{letter-spacing:1.3px;color:#f0e5b9;text-shadow:0 1px 4px #13241a;z-index:2;opacity:.85;font-size:8px;font-weight:900;position:absolute;bottom:44px;left:0;right:0}.room-page{max-width:650px;min-height:100dvh;margin:auto;padding:70px 18px 30px}.room-title{justify-content:space-between;align-items:center;display:flex}.room-title button{background:0 0}.loading{color:#c9d694;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.loading h2{margin:20px 0 10px;font-size:24px}.ol-lobby{padding:12px 0!important}.ol-btn{border:0!important}.ol-code{font-family:Display,Impact,sans-serif}.ol-setup{background:#20392e!important}.sheet{width:min(460px,100% - 28px);max-height:calc(100dvh - 32px);color:var(--cream);overscroll-behavior:contain;background:#20392e;border:0;border-radius:22px;padding:0;box-shadow:0 20px 100px #0008}.sheet::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081b16c9}.sheet>div{padding:22px}.sheet header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.sheet header h2{margin:0;font-size:21px}.sheet header button{background:#304b38;padding:10px}.sheet p{font-size:15px}.sheet h3{margin:14px 0 10px}.settings-toggles{gap:8px;display:grid}.settings-toggles button{justify-content:space-between;display:flex}.settings-toggles b{color:var(--gold)}.guide-art{background:#142c23;border-radius:16px;place-items:center;height:200px;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.guide-art .card-art{object-fit:cover;width:100%;height:100%;animation:9s ease-in-out infinite alternate drift;position:absolute;inset:0}.guide-art:after{content:"";background:linear-gradient(#0000 60%,#0c1c16cc);position:absolute;inset:0}.guide-dots{z-index:1;gap:7px;display:flex;position:absolute;bottom:10px}.guide-dots i{background:#52694c;border-radius:50%;width:6px;height:6px}.guide-dots .on{background:var(--gold);border-radius:4px;width:19px}.almanac{gap:12px;display:grid}.almanac article{background:#294635;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.almanac .card-art{object-fit:cover;border-radius:10px;flex-shrink:0;width:72px;height:72px;box-shadow:0 4px 12px #0005}.almanac h3{margin:0 0 3px;font-size:16px}.almanac small{font-size:11px}.almanac p{margin:5px 0 0;font-size:12px}.battle{touch-action:none;-webkit-user-select:none;user-select:none;background:#2a1e30;height:100dvh;position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-wait{color:#e8d9a8;text-align:center;background:radial-gradient(at 50% 40%,#5a3a4a,#1c1424);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.stage-wait small{color:#b8a8b0;max-width:260px}.battle-hud{z-index:5;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 18px max(66px,env(safe-area-inset-left));pointer-events:none;background:linear-gradient(#140c18e6,#140c1899 60%,#0000);grid-template-columns:1fr auto 1fr;align-items:start;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.battle-hud>*{pointer-events:auto}.plate{flex-direction:column;gap:2px;min-width:0;max-width:170px;display:flex}.plate .eyebrow{letter-spacing:1.5px;color:#ff9a82;font-size:8px}.plate strong{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #000a;font-size:14px;overflow:hidden}.plate small{color:#d7b7a0;min-height:0;font-size:10px}.hp{background:#1a0e10cc;border-radius:8px;min-width:110px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0005,0 2px 8px #0006}.hp i{background:linear-gradient(#ff8a6a,#d8382a);border-radius:6px;max-width:calc(100% - 4px);transition:width .25s cubic-bezier(.2,.9,.3,1.2);position:absolute;inset:2px auto 2px 2px;box-shadow:0 0 12px #ff4a2a88}.hp b{text-align:right;text-shadow:0 1px 2px #000;padding-right:6px;font-size:10px;line-height:14px;display:block;position:relative}.hp.mine i{background:linear-gradient(#8ad8ff,#2a8ad8);box-shadow:0 0 12px #4ab8ff88}.clock{background:#140c18aa;border-radius:0 0 16px 16px;flex-direction:column;align-items:center;padding:4px 14px 6px;display:flex}.clock b{color:#ffe9b0;text-shadow:0 3px #6a2a1a;font-family:Display,Impact,sans-serif;font-size:26px;line-height:1.1}.clock small{letter-spacing:1.4px;color:#d8c0a0;font-size:7px;font-weight:900}.clock.overtime b,.clock.overtime small{color:#ff9a77}.clock.urgent b{animation:.5s ease-in-out infinite beat}.menu-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c18aa;justify-self:end;place-items:center;width:44px;height:44px;padding:0;display:grid}.calls{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:30%;left:0;right:0}.call{letter-spacing:.5px;white-space:nowrap;color:#fff2c8;text-align:center;-webkit-text-stroke:7px #1a0a06;paint-order:stroke fill;text-shadow:0 5px #1a0a06,0 0 30px #000;padding:0 16px;font-family:Display,Impact,sans-serif;font-size:clamp(22px,6.6vw,46px);font-weight:400;animation:.5s cubic-bezier(.2,1.6,.4,1) both stamp,.4s ease-in 1.8s forwards fadeout}.call.fire{color:#ffd27a;-webkit-text-stroke-color:#5a1404;text-shadow:0 5px #5a1404,0 0 34px #ff6a1a}.call.gas{color:#ecd4ff;-webkit-text-stroke-color:#2a0e44;text-shadow:0 5px #2a0e44,0 0 34px #a878d8}.call.gold{color:#fff0a0;-webkit-text-stroke-color:#4a3204;text-shadow:0 5px #4a3204,0 0 34px #ffd060}.call+.call{font-size:clamp(18px,5vw,28px)}.hurt{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(at 50% 60%,#0000 55%,#ff2a1a77);position:absolute;inset:0}.hurt[data-on]{animation:.45s ease-out hurt}.countdown{z-index:7;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown small{letter-spacing:3px;background:#140c18cc;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:900}.countdown b{color:#ffe9b0;text-shadow:0 8px #8a3a1a,0 0 40px #ff7a2a99;font-family:Display,Impact,sans-serif;font-size:120px;font-weight:400;animation:.55s cubic-bezier(.2,1.6,.4,1) stamp}.tile-grid{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tile-grid:focus-within{clip-path:none;z-index:9;background:#140c18dd;border-radius:12px;grid-template-columns:repeat(3,44px);gap:3px;width:auto;height:max-content;padding:6px;display:grid;top:70px;bottom:calc(100% - 120px);left:50%;transform:translate(-50%)}.tile-grid .tile{background:#2a3a2a;border-radius:6px;min-width:44px;min-height:30px;padding:0}.tile-grid .tile.target{background:#6a8a3a}.tile-grid .tile.planted{box-shadow:inset 0 -4px #edc55a}.hand-panel{z-index:5;max-width:620px;padding:22px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(#0000,#140c18cc 26%,#140c18f2);margin:0 auto;position:absolute;bottom:0;left:0;right:0}.farm-line{align-items:center;gap:10px;margin-bottom:8px;display:flex}.farm-line .eyebrow{color:#8ad8ff;white-space:nowrap;font-size:8px}.farm-line .hp{flex:1;height:12px}.farm-line .hp b{line-height:12px}.resources{align-items:center;gap:10px;margin-bottom:10px;display:flex}.energy{flex:1;align-items:center;gap:7px;min-width:0;display:flex}.energy strong{color:#ffe08a;text-align:center;text-shadow:0 0 14px #ffc04a,0 2px #7a4a0a;background:radial-gradient(#7a4a1a,#3a2008);border-radius:50%;place-items:center;width:32px;min-width:26px;height:32px;font-family:Display,Impact,sans-serif;font-size:24px;font-weight:400;line-height:1;display:grid;box-shadow:0 0 0 2px #ffd060,0 0 16px #ffb04a88}.pips{flex:1;grid-template-columns:repeat(10,1fr);gap:3px;max-width:240px;display:grid}.pips i{background:linear-gradient(90deg,#ffd060 calc(var(--k) * 100%),#2a1e18 0);border-radius:4px;height:12px;transition:background .1s linear;box-shadow:inset 0 0 0 1px #0006}.pips i.full{background:linear-gradient(#fff0a0,#ffb43a);animation:.35s cubic-bezier(.2,1.8,.4,1) pip;box-shadow:0 0 8px #ffb43a99,inset 0 -2px #c07a1a}.mana-row{gap:5px;display:flex}.mana{height:28px;color:var(--c);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--c) 35%,transparent);opacity:.55;background:#140c18cc;border-radius:14px;align-items:center;gap:2px;padding:0 7px 0 5px;font-size:13px;transition:opacity .2s;display:flex;position:relative}.mana.some{opacity:1;box-shadow:inset 0 0 0 1.5px var(--c),0 0 12px color-mix(in srgb,var(--c) 45%,transparent)}.mana b{color:#fff4dc;min-width:9px}.mana:after{content:"";background:linear-gradient(90deg,var(--c) calc(var(--k) * 100%),transparent 0);opacity:.8;border-radius:2px;height:2px;position:absolute;bottom:2px;left:8px;right:8px}.hand{perspective:600px;grid-template-columns:repeat(4,1fr);gap:8px;height:128px;display:grid}.card{min-width:0;box-shadow:none;transform-origin:50% 100%;animation:deal .45s cubic-bezier(.2,1.3,.4,1) var(--deal) both;touch-action:none;background:0 0;border-radius:12px;padding:0;transition:transform .16s cubic-bezier(.2,1.4,.4,1),filter .2s;position:relative}.card-face{background:var(--deep);box-shadow:0 0 0 2px var(--ink),0 6px 0 #0a0608,0 8px 20px #000a;border-radius:12px;display:block;position:absolute;inset:0;overflow:hidden}.card .card-art{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-shade{background:linear-gradient(#0000 48%,#0c0810e6 82%);position:absolute;inset:0}.card strong{text-align:center;color:#fff4dc;text-shadow:0 1px 3px #000;font-size:11px;line-height:1.05;position:absolute;bottom:16px;left:4px;right:4px}.card-kind{text-align:center;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink);font-size:7px;font-weight:900;position:absolute;bottom:4px;left:0;right:0}.card-cost{color:#3a2006;background:radial-gradient(circle at 35% 30%,#fff3b0,#f0b43a 60%,#a86a10);border-radius:50%;place-items:center;width:26px;height:26px;font-family:Display,Impact,sans-serif;font-size:17px;display:grid;position:absolute;top:4px;left:4px;box-shadow:0 2px #5a3a08,0 0 10px #ffc04a88}.card-typed{height:20px;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:#0c0810cc;border-radius:10px;align-items:center;gap:1px;padding:0 5px 0 3px;font-size:11px;font-weight:900;display:flex;position:absolute;top:6px;right:5px}.card kbd{opacity:.4;font-family:inherit;font-size:7px;position:absolute;bottom:3px;right:5px}.card-wait{background:linear-gradient(#0c081088 calc((1 - var(--k)) * 100%),#0c081022 0);pointer-events:none;position:absolute;inset:0}.card.unaffordable .card-art{filter:saturate(.5)brightness(.9)}.card.ready .card-face{box-shadow:0 0 0 2px var(--ink),0 6px 0 #0a0608,0 8px 20px #000a,0 0 18px color-mix(in srgb,var(--ink) 40%,transparent)}.card.selected{z-index:2;transform:translateY(-16px)scale(1.06)rotate(-2deg)}.card.selected .card-face{box-shadow:0 0 0 3px #fff2b0,0 0 0 6px var(--ink),0 10px 0 #0a0608,0 0 32px var(--ink)}.card.lifted{opacity:.35;transform:translateY(-6px)scale(.95)}.card-detail{align-items:center;gap:8px;min-height:40px;margin-top:10px;display:flex}.card-detail p{color:#d0c4b0;flex:1;margin:0;font-size:11px;line-height:1.3}.card-detail b{color:#fff0c8}.card-detail .hint{color:#ffd27a;font-weight:700}.cycle{background:#3a2a30;justify-content:center;align-items:center;gap:6px;min-width:68px;min-height:38px;padding:6px 10px;font-size:11px;display:flex}.cycle b{color:var(--gold)}.drag-card{z-index:20;pointer-events:none;width:84px;height:84px;box-shadow:0 0 0 3px var(--ink),0 18px 40px #000c,0 0 30px var(--ink);opacity:.92;border-radius:12px;margin:-100px 0 0 -42px;position:fixed;overflow:hidden;transform:rotate(-6deg)}.drag-card .card-art{object-fit:cover;width:100%;height:100%}.error-toast{z-index:90;color:#fff2d0;text-align:center;background:#834e38;border-radius:12px;width:max-content;max-width:90vw;padding:12px 18px;font-size:13px;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0005}.result-scrim{z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140c18c9;place-items:center;padding:18px;animation:.5s ease-out fadein;display:grid;position:fixed;inset:0;overflow:auto}.result{text-align:center;background:#233d2f;border-radius:24px;width:100%;max-width:380px;padding:24px;animation:.5s cubic-bezier(.2,1.4,.4,1) stamp;box-shadow:0 30px 90px #000a}.result-art{object-fit:cover;border-radius:16px;width:100%;height:140px;margin:10px auto 4px;display:block;box-shadow:0 10px 30px #0008}.result h2{color:#edda9f;white-space:pre-line;margin:12px 0;font-size:32px;line-height:1.1}.result p{color:#bfc5a6;font-size:13px}.standings{gap:6px;margin:15px 0;display:flex}.standings>div{background:#172f24;border-radius:10px;flex-direction:column;flex:1;padding:10px 5px;font-size:12px;display:flex}.standings span{color:#e2d49a;font-size:11px}.standings small{color:#a6b395;font-size:9px}.result-award{letter-spacing:1px;color:#dfc778;margin-bottom:15px;font-size:9px}.battle~.back-link{display:none}body:has(.battle) .back-link{display:none}@keyframes drift{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.1)translate(-1.5%,-1%)}}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{transform:translate(calc((var(--i) - 7) * 4px),-260px);opacity:0}}@keyframes stamp{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}@keyframes fadeout{to{opacity:0;scale:.92}}@keyframes fadein{0%{opacity:0}}@keyframes hurt{0%{opacity:1}to{opacity:0}}@keyframes beat{50%{color:#ff8a6a;scale:1.15}}@keyframes pip{0%{scale:1.5}}@keyframes deal{0%{opacity:0;transform:translateY(60px)rotateX(-70deg)scale(.8)}}@media (width<=700px){.home{flex-direction:column;gap:18px;max-width:520px;padding:0 0 24px;display:flex}.home-intro{width:100%}.hero-art{aspect-ratio:4/3.1;border-radius:0 0 28px 28px;box-shadow:0 20px 50px #0007}.hero-art img{object-position:40% 50%}h1{max-width:340px;margin:8px auto 10px;font-size:clamp(50px,15vw,70px)}.tagline{font-size:17px}.home-actions{box-sizing:content-box;max-width:360px;padding:0 22px}.intro-line{text-align:center;margin:0 0 16px;font-size:14px}.solo-box{padding:14px}.brand-line{letter-spacing:1.5px;font-size:8px}.home-stats{gap:12px;font-size:8px}.desktop-br{display:none}.hand{gap:6px;height:118px}.card strong{font-size:10px}}@media (width>=701px) and (height>=650px){.hand{height:150px}.card strong{font-size:13px;bottom:18px}.card-detail p{font-size:13px}.plate{max-width:240px}.hp{min-width:180px}}@media (aspect-ratio>=5/4){.battle-hud{padding-right:calc(var(--side) + 8px)}.battle{--side:290px}.hand-panel{width:var(--side);max-width:none;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) 16px;background:linear-gradient(90deg,#0000,#140c18dd 10%,#140c18f2);flex-direction:column;justify-content:center;margin:0;display:flex;inset:0 0 0 auto}.hand{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(84px,1fr);gap:8px;height:auto;max-height:60vh}.card strong{font-size:11px;bottom:15px}.pips{max-width:none}.resources{flex-wrap:wrap;margin-bottom:10px}.card-detail{min-height:34px;margin-top:8px}.calls,.countdown{right:var(--side)}}@media (aspect-ratio>=5/4) and (height>=600px){.battle{--side:380px}.hand{grid-auto-rows:170px;max-height:none}.card strong{font-size:14px;bottom:18px}.card-detail p{font-size:13px}}@media (aspect-ratio>=5/4) and (height<=500px){.mana-row{display:none}.clock b{font-size:20px}.card-detail p{font-size:10px}}@media (height<=500px) and (width>=600px){.home{gap:30px;padding-top:20px}.home h1{font-size:52px}.home .intro-line{font-size:16px}.result{grid-template-columns:1fr 1fr;gap:6px 16px;max-width:650px;padding:18px;display:grid}.result>.eyebrow,.result h2,.result p,.result-art{grid-column:1}.result-art{height:70px;margin:0 auto}.result h2{margin:4px 0;font-size:24px}.result p{margin-bottom:0}.standings{grid-area:1/2/3;margin:0}.result-award{grid-column:1;margin:0}.result>.wide{grid-column:2;min-height:44px;margin:0}.result>.primary{grid-row:3}.result .ol-result{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.embers{display:none}.card.selected{transform:translateY(-6px)}}