: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;--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}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{background:var(--gold);color:#23352a;justify-content:center;align-items:center;gap:12px;min-height:54px;font-size:16px;display:flex;box-shadow:0 5px #927d3d}.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;background:#294638;position:absolute;top:16px;right:18px}.home{grid-template-columns:1.12fr 1fr;align-items:center;gap:65px;max-width:1120px;min-height:100dvh;margin:auto;padding:70px 40px 36px;display:grid;position:relative}.home-intro{text-align:center}.brand-line{color:#c3c9a8;letter-spacing:2px;justify-content:center;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.brand-line span:first-child{width:29px;height:29px}.brand-line svg{width:100%;height:100%}h1{letter-spacing:-3px;color:#f2dfad;text-shadow:0 6px #6b753d;margin:20px 0 14px;font-size:clamp(54px,6.3vw,86px);line-height:.93;transform:rotate(-3deg)}.tagline{color:#eee4c1;font-size:20px;font-weight:800;line-height:1.25}.tagline em{color:#bdcd8b;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:#20392e;border-radius:18px;margin-bottom:16px;padding:18px}.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;background:radial-gradient(#355243,#0000 70%);border-radius:48% 48% 16% 16%;height:270px;margin-top:-12px;position:relative;overflow:hidden}.sun{background:#e4c575;border-radius:50%;width:100px;height:100px;position:absolute;top:20px;left:57%;box-shadow:0 0 70px #c5c36c22}.farmland{background:repeating-linear-gradient(100deg,#738449 0 16px,#596b3b 16px 24px);border-radius:45%;position:absolute;inset:105px -20px -50px;transform:rotate(-9deg)}.farmland div{background:repeating-linear-gradient(14deg,#ab9853 0 10px,#827b42 10px 18px);border-radius:30%;position:absolute;inset:0 45% 0 0;transform:rotate(22deg)}.farmland div:nth-child(2){background:repeating-linear-gradient(0deg,#678b51 0 12px,#415f40 12px 18px);inset:20px 0 0 73%}.farmland div:nth-child(3){background:#ccbd81;inset:10px 50% 0 45%;transform:rotate(18deg)}.hero-barn{width:105px;position:absolute;top:94px;left:57%;transform:rotate(5deg)}.hero-crow{filter:drop-shadow(4px 9px #253c2e44);width:205px;position:absolute;top:77px;left:4%;transform:rotate(-9deg)}.hero-crow .card-art>path:first-child{display:none}.hero-plane{width:100px;animation:5s ease-in-out infinite cruise;position:absolute;top:10px;left:21%;transform:rotate(67deg)}.hero-plane>svg{z-index:1;position:relative}.hero-plane>span{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(#ccc1a177,#0000);width:50px;height:130px;position:absolute;top:72%;left:30%}.hero-cloud{background:#bdc8ae55;border-radius:50%;width:70px;height:10px;position:absolute;top:54px;left:16%}.c2{width:55px;top:58px;left:70%}.art-caption{letter-spacing:1.3px;color:#f0e5b9;text-shadow:0 1px 4px #13241a;font-size:8px;font-weight:900;position:absolute;bottom:8px;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:180px;margin-bottom:20px;display:grid;position:relative}.guide-art svg{width:185px;height:155px;animation:4s ease-in-out infinite cruise}.guide-dots{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:15px;display:grid}.almanac article{background:#294635;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.almanac svg{width:75px}.almanac h3{margin:0 0 3px;font-size:16px}.almanac small{font-size:11px}.almanac p{margin:5px 0 0;font-size:12px}.battle{height:100dvh;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:58px minmax(0,1fr) 217px;max-width:640px;margin:0 auto;display:grid;position:fixed;inset:0;overflow:hidden}.battle-hud{justify-content:space-between;align-items:center;gap:10px;padding:0 2px 8px;display:flex}.rival-name{flex-direction:column;min-width:70px;line-height:1.2;display:flex}.rival-name .eyebrow{letter-spacing:1.5px;color:#e5a082;font-size:8px}.rival-name strong{text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:13px;overflow:hidden}.rival-name small{color:#d7b7a0;font-size:10px}.clock{flex-direction:column;align-items:center;margin-right:15px;display:flex}.clock b{color:#efe0b0;font-family:Display;font-size:23px;line-height:1.2}.clock small{letter-spacing:1.3px;color:#a9b99d;font-size:7px;font-weight:900}.clock.overtime b,.clock.overtime small{color:#ef9677}.menu-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.field-wrap{background:#10241c;border-radius:20px;min-height:0;padding:7px;position:relative;overflow:hidden;box-shadow:0 4px #091c15}.field{background:#344a30;border-radius:14px;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(3,1fr);gap:3px;height:100%;display:grid;position:relative;overflow:hidden}.tile{z-index:1;background:#526644;border:0;border-radius:7px;min-width:0;min-height:0;padding:2px;position:relative;overflow:hidden}.tile:nth-of-type(2n){background:#5b7048}.tile.r0,.tile.r6{background:#6b744e}.tile.r2,.tile.r4{background:#60774e}.tile.r3{background:#3b6560}.tile.r3:after{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#ad9f6d 0 8px,#7d8058 8px 10px);width:70%;height:16px;position:absolute;top:30%;left:15%;transform:rotate(-5deg);box-shadow:0 3px #23483d}.tile.planted{background:var(--land);box-shadow:inset 0 -4px #152b2633}.tile.target{cursor:crosshair;box-shadow:inset 0 0 0 3px #efda8b,inset 0 0 25px #f5df9b22}.tile:disabled{opacity:1}.tile.target:hover{background:#8c915b}.plot-label{text-shadow:0 1px 3px #14261e;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:900;display:flex}.growers{justify-content:center;gap:4px;margin-top:4px;display:flex}.growers>span{background:#23382d;border-radius:5px;width:32px;height:8px;display:block;position:relative}.growers i{width:var(--progress);background:#cce49e;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.growers b{color:#fff;font-size:8px;position:absolute;top:-2px;right:2px}.growers small{color:#e2ddbb;font-size:7px}.empty-slot{letter-spacing:1px;color:#c5c6a4;flex-direction:column;align-items:center;font-size:7px;display:flex}.empty-slot b{font-size:19px;font-weight:400;line-height:1.1}.plot-rule{color:#f5d879;font-size:7px;font-weight:900}.burning:before,.poisoned:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at bottom,#f9c778c9,#cc603066);animation:1.5s infinite alternate smoulder;position:absolute;inset:0}.poisoned:before{background:radial-gradient(at bottom,#cfb2ecaa,#877c9f33)}.burning.poisoned:before{background:linear-gradient(45deg,#e5914cb9,#b79acbbb)}.hazard-label{letter-spacing:1px;color:#ffe09a;background:#623e28b0;border-radius:3px;padding:0 3px;font-size:7px;position:absolute;bottom:2px;right:4px}.gas-label{color:#e1c5ff;background:#503d65b0;left:3px;right:auto}.rain-lines{pointer-events:none;background:repeating-linear-gradient(110deg,#0000 0 15px,#b5d9ce44 15px 17px,#0000 17px 30px);position:absolute;inset:0}.tower{z-index:2;pointer-events:none;width:53px;height:50px;position:absolute;left:50%;transform:translate(-50%)}.tower.rival{top:0}.tower.yours{bottom:0}.tower svg{width:100%;height:100%}.hp{background:#253629;border-radius:4px;width:52px;height:4px;position:absolute;bottom:0;left:0;overflow:hidden}.hp i{background:#c9de84;height:100%;display:block}.rival .hp i{background:#ed9c7b}.unit{z-index:4;pointer-events:none;filter:drop-shadow(0 2px 1px #15221d88);width:34px;height:34px;position:absolute;transform:translate(-50%,-64%)}.unit svg{width:100%;height:100%;overflow:visible}.unit .card-art>path:first-child,.unit .card-art>circle{display:none}.unit-health{background:#273b2f;border-radius:3px;width:22px;height:3px;position:absolute;bottom:0;left:6px;box-shadow:0 0 0 1px #24392d}.unit-health i{background:#e4e5b4;height:100%;display:block}.foe .unit-health i{background:#f59370}.spark{z-index:6;pointer-events:none;background:radial-gradient(#fff5c0,#0000 65%);border-radius:50%;width:22px;height:22px;animation:.25s ease-out both pop;position:absolute;transform:translate(-50%,-50%)}.spark-tower{background:radial-gradient(#ffd194,#0000 65%);width:70px;height:70px}.spark-spawn{background:radial-gradient(#d8e5b7,#0000 65%)}.dust-plane{z-index:8;pointer-events:none;width:85px;animation:2s linear forwards dusting;position:absolute;top:100%;transform:translate(-50%)}.dust-plane:after{content:"";clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);background:linear-gradient(#c5abd188,#0000);width:80%;height:140px;position:absolute;top:80%;left:10%}.dust-plane svg{width:100%;height:100%}.countdown{z-index:10;pointer-events:none;background:#18302666;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown small{letter-spacing:2px;background:#193126;border-radius:8px;padding:8px 14px;font-size:10px}.countdown b{text-shadow:0 7px #344727;font-family:Display;font-size:100px;animation:.5s ease-out stamp}.field-call{text-align:center;color:#fff2b6;text-shadow:0 2px #22362b,0 0 10px #22362b;z-index:7;pointer-events:none;font-family:Display;font-size:17px;animation:.25s ease-out stamp;position:absolute;top:43%;left:0;right:0}.hand-panel{min-width:0;padding-top:10px}.your-farm{color:#aebb9c;justify-content:space-between;gap:10px;margin-bottom:7px;font-size:9px;font-weight:800;display:flex}.your-farm b{color:#e0dcb6;margin-left:5px;font-size:11px}.resources{align-items:center;gap:10px;height:25px;margin-bottom:9px;display:flex}.universal{flex:1;align-items:center;gap:5px;display:flex}.energy-bolt{color:var(--gold);font-size:15px}.universal strong{color:var(--gold);min-width:20px;font-size:18px}.energy-meter{background:#314932;border-radius:5px;flex:1;max-width:90px;height:8px;overflow:hidden}.energy-meter i{background:var(--gold);border-radius:5px;height:100%;transition:width .1s linear;display:block}.mana{align-items:center;gap:3px;font-size:13px;display:flex}.hand{grid-template-columns:repeat(4,1fr);gap:7px;height:110px;display:grid}.card{color:#263b2c;background:#e2d7b3;border-radius:9px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;padding:0 3px 5px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 4px #8d8b61}.card-art{width:100%;display:block}.card .card-art{background:var(--card-bg);pointer-events:none;border-radius:8px 8px 0 0;height:68px;position:absolute;top:0;left:0}.card strong{z-index:1;justify-content:center;align-items:center;max-width:100%;min-height:20px;font-size:10px;line-height:1.05;display:flex}.card-cost{z-index:2;color:#243329;background:#efe4b4;border-radius:6px;place-items:center;width:25px;height:27px;font-size:17px;font-weight:900;display:grid;position:absolute;top:-3px;left:-3px;box-shadow:0 2px #192a2255}.card-kind{z-index:2;letter-spacing:.8px;text-transform:uppercase;color:#f4e7c4;text-shadow:0 1px 3px #0b271d;font-size:6px;position:absolute;top:4px;right:4px}.card-mana{justify-content:center;align-items:center;gap:3px;font-size:9px;font-weight:900;display:flex}.card kbd{opacity:.45;font-size:7px;position:absolute;bottom:3px;right:4px}.card.selected{transform:translateY(-8px)rotate(-2deg);box-shadow:0 4px #d6be62,0 0 0 3px #f6d978,0 4px 25px #d8ce7444}.card.unaffordable{filter:saturate(.5);opacity:.72}.card.unaffordable.selected{opacity:1}.card-detail{align-items:center;gap:8px;min-height:42px;margin-top:9px;display:flex}.card-detail p{color:#adbda2;flex:1;margin:0;font-size:10px;line-height:1.25}.card-detail b{color:#e6dfbf}.cycle{background:#334c35;justify-content:center;align-items:center;gap:6px;min-width:65px;min-height:36px;padding:6px;font-size:10px;display:flex}.cycle b{color:var(--gold)}.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(5px);backdrop-filter:blur(5px);background:#10251dd9;place-items:center;padding:18px;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:.45s ease-out stamp}.result-art{width:90px;height:84px;margin:8px auto}.result-art svg{width:100%;height:100%}.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 cruise{50%{translate:0 -6px;rotate:3deg}}@keyframes dusting{0%{top:110%}to{top:-30%}}@keyframes smoulder{to{opacity:.65}}@keyframes stamp{0%{opacity:0;scale:1.2}to{opacity:1;scale:1}}@keyframes pop{0%{opacity:1;scale:.3}to{opacity:0;scale:1.8}}@media (width<=700px){.home{flex-direction:column;gap:20px;max-width:480px;padding:65px 25px 24px;display:flex}.home-intro{width:100%}h1{max-width:340px;margin:17px auto 13px;font-size:clamp(51px,15vw,70px)}.tagline{font-size:17px}.hero-art{height:205px;margin-top:-20px}.sun{width:80px;height:80px;top:12px}.farmland{top:80px}.hero-crow{width:165px;top:55px}.hero-barn{width:85px;top:65px}.hero-plane{width:80px;top:0}.home-actions{max-width:360px}.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}}@media (width>=701px) and (height>=650px){.battle{grid-template-rows:64px minmax(0,1fr) 238px;max-width:580px}.hand{height:124px}.card .card-art{height:79px}.card strong,.card-detail p,.plot-label{font-size:12px}.unit{width:42px;height:42px}.empty-slot{font-size:9px}.your-farm{font-size:11px}.field-wrap{padding:10px}}@media (height<=500px) and (width>=650px){.battle{max-width:1000px;padding-top:max(4px,env(safe-area-inset-top));padding-bottom:max(5px,env(safe-area-inset-bottom));grid-template-rows:48px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 285px;gap:0 16px}.battle-hud{grid-column:1/-1;padding-bottom:4px}.field-wrap{grid-area:2/1}.hand-panel{flex-direction:column;grid-area:2/2;justify-content:center;padding-top:0;display:flex}.hand{gap:6px;height:128px}.card .card-art{height:80px}.card strong{font-size:9px}.card-detail{min-height:60px}.card-detail p{font-size:11px}.your-farm{flex-direction:column;gap:4px;margin-bottom:10px}.resources{gap:7px;margin-bottom:15px}.energy-meter{display:none}.tower{width:42px;height:42px}.unit{width:30px;height:30px}.tile{border-radius:4px}.plot-label{font-size:9px}.growers{margin-top:1px}.empty-slot{font-size:6px}.empty-slot b{font-size:15px}.field-call{font-size:16px}.home{gap:30px;padding-top:60px}.hero-art{height:180px}.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:40px;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}.dust-plane{top:35%}.spark{display:none}.hero-plane{translate:0}.card.selected{transform:translateY(-4px)}}