:root{--bg0: #e8ecef;--bg1: #f5f7f9;--ink: #0f172a;--muted: #64748b;--line: rgba(15, 23, 42, .08);--glass: rgba(255, 255, 255, .78);--glass-strong: rgba(255, 255, 255, .92);--shadow: 0 8px 28px rgba(15, 23, 42, .1);--shadow-sm: 0 2px 10px rgba(15, 23, 42, .08);--ksc: #2563eb;--vfb: #dc2626;--ok: #16a34a;--bad: #94a3b8;--radius: 16px;--radius-sm: 12px;--font: "Manrope", "Segoe UI", sans-serif;--display: "Outfit", "Manrope", sans-serif;--display-match: "Bebas Neue", "Outfit", sans-serif;--menu-night: #071018;--menu-ink: #f1f5f9;--menu-muted: #94a3b8;font-family:var(--font);color:var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.hidden{display:none!important}html,body,#app{margin:0;width:100%;height:100%;min-height:100%;min-height:100dvh;min-height:100svh;min-height:-webkit-fill-available;overflow:hidden;background:var(--bg0);display:flex;flex-direction:column;padding:0}html:has(.menu-home),html:has(.menu-mood),html:has(.menu-home) body,html:has(.menu-mood) body,html:has(.menu-home) #app,html:has(.menu-mood) #app{background:var(--menu-night)}button{font:inherit;border:0;cursor:pointer}.screen{width:100%;height:100%;display:flex;flex-direction:column;padding:16px;gap:12px;background:radial-gradient(ellipse at 20% 0%,rgba(37,99,235,.08),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(22,163,74,.06),transparent 45%),linear-gradient(180deg,#f8fafc,#e8ecef)}.screen.menu{max-width:640px;margin:0 auto;justify-content:center}.screen.menu.menu-home,.screen.menu.menu-mood{position:relative;max-width:none;width:100%;justify-content:flex-start;align-items:center;padding-top:max(12px,env(safe-area-inset-top,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));gap:12px;overflow:hidden;overflow-y:auto;color:var(--menu-ink);background:linear-gradient(105deg,rgba(15,55,130,.55) 0%,transparent 42%,transparent 58%,rgba(140,28,32,.5) 100%),linear-gradient(180deg,#0408128c,#071018b8 55%,#0a0e14e0),url(../assets/stadium-floodlight-derby-neutral-bg.jpg) center / cover no-repeat,var(--menu-night)}.screen.menu.menu-home{justify-content:flex-start;padding-top:max(clamp(18px,4vh,36px),env(safe-area-inset-top,0px));padding-right:max(20px,env(safe-area-inset-right,0px));padding-bottom:max(10px,env(safe-area-inset-bottom,0px));padding-left:max(20px,env(safe-area-inset-left,0px));gap:12px;overflow-y:auto}.screen.menu.menu-home .menu-hero{margin-top:min(4vh,28px)}.screen.menu.menu-home:before,.screen.menu.menu-mood:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 55% at 18% 30%,rgba(56,120,255,.22),transparent 70%),radial-gradient(ellipse 45% 55% at 82% 35%,rgba(239,68,68,.2),transparent 70%);animation:menu-side-pulse 7s ease-in-out infinite alternate}.menu-mood-body{position:relative;z-index:1;width:min(520px,100%);display:flex;flex-direction:column;gap:14px;margin:0 auto;animation:menu-actions-in .55s ease-out both}.screen.menu.menu-mood>*:not(.menu-atmosphere):not(.menu-mood-body){position:relative;z-index:1;width:min(520px,100%)}.mood-head{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%}.mood-eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8fa}.mood-lead{margin:0;font-size:.95rem;font-weight:600;line-height:1.4;color:#e2e8f0f0}.mood-center{text-align:center}.mood-actions{width:100%;flex-wrap:nowrap;gap:10px;margin-top:2px}.mood-inline{gap:8px;flex-wrap:nowrap;align-items:stretch}.mood-inline .chal-input{flex:1;min-width:0}.card-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8f2}.card-strong{margin:0;font-weight:700;color:#f8fafc}.screen.menu.menu-mood .brand,.screen.menu.menu-mood h1.brand{font-family:var(--display-match);font-size:clamp(1.75rem,5.5vw,2.45rem);font-weight:400;letter-spacing:.05em;color:#f8fafc;text-shadow:0 2px 0 rgba(15,23,42,.35),0 10px 32px rgba(0,0,0,.45);margin:0;line-height:1.05}.screen.menu.menu-mood .sub,.screen.menu.menu-mood .tiny,.screen.menu.menu-mood label,.screen.menu.menu-mood .field{color:#cbd5e1f0}.screen.menu.menu-mood .tiny{color:#bac6d6eb;line-height:1.4}.screen.menu.menu-mood .card{background:#0a12229e;border:1px solid rgba(248,250,252,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none;color:#e8eef7;padding:14px 16px;gap:10px}.screen.menu.menu-mood .card p,.screen.menu.menu-mood .card .sub,.screen.menu.menu-mood .card .tiny,.screen.menu.menu-mood .card span,.screen.menu.menu-mood .card strong,.screen.menu.menu-mood .card b,.screen.menu.menu-mood .card h3,.screen.menu.menu-mood .hs-list,.screen.menu.menu-mood .hs-list b,.screen.menu.menu-mood .chal-slot,.screen.menu.menu-mood .chal-slot .sub,.screen.menu.menu-mood .chal-slot b,.screen.menu.menu-mood .chal-badge,.screen.menu.menu-mood .live-slot,.screen.menu.menu-mood .live-slot b{color:inherit}.screen.menu.menu-mood .card h3{margin:4px 0 6px;font-size:.95rem;font-weight:800;color:#f8fafc}.screen.menu.menu-mood .hs-card{gap:0;padding:14px 12px}.screen.menu.menu-mood .hs-board-title{color:#94a3b8f2}.screen.menu.menu-mood .chal-slot{background:#080f1c8c;border-color:#f8fafc1f;color:#e8eef7}.screen.menu.menu-mood .chal-slot .sub{color:#f1f5f9}.screen.menu.menu-mood .chal-badge{background:#f8fafc1f;color:#f1f5f9}.screen.menu.menu-mood .chal-badge.win{background:#22c55e38;color:#86efac}.screen.menu.menu-mood .chal-badge.loss{background:#f8717133;color:#fca5a5}.screen.menu.menu-mood .chal-badge.draw{background:#fbbf2433;color:#fde68a}.screen.menu.menu-mood .chal-input,.screen.menu.menu-mood input,.screen.menu.menu-mood select,.screen.menu.menu-mood textarea{background:#080f1cb8;color:#f8fafc;border:1px solid rgba(248,250,252,.18)}.screen.menu.menu-mood select{min-height:48px;height:48px;border-radius:var(--radius-sm);padding:0 16px;font-weight:700}.screen.menu.menu-mood .chal-input::placeholder{color:#94a3b8d9}.screen.menu.menu-mood .btn.secondary{background:#0f172a8c;color:#f1f5f9;border:1px solid rgba(248,250,252,.16)}.screen.menu.menu-mood .btn.secondary:hover{background:#1e293bb8}.screen.menu.menu-mood .pick-mode{background:#0f172a73;color:#e2e8f0;border:1px solid rgba(248,250,252,.14)}.screen.menu.menu-mood .pick-mode.on{background:color-mix(in srgb,var(--ksc-ui, var(--ksc)) 75%,#0f172a);border-color:transparent;color:#fff}.screen.menu.menu-mood .setup-actions,.screen.menu.menu-mood .mood-actions{background:none;padding-top:0;position:static}.screen.menu.menu-mood .chal-history-item{border-top-color:#f8fafc1a}.screen.menu.menu-mood .chal-verdict{color:#86efac!important;margin:0;font-weight:700}.menu-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden}.menu-beam{position:absolute;top:-8%;width:18%;height:85%;background:linear-gradient(180deg,rgba(255,248,220,.28) 0%,rgba(255,248,220,.06) 45%,transparent 100%);filter:blur(2px);transform-origin:top center;animation:menu-beam-sweep 9s ease-in-out infinite alternate}.menu-beam-l{left:14%;transform:skew(-8deg)}.menu-beam-r{right:14%;transform:skew(8deg);animation-delay:-3s}.menu-ember{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 40%,rgba(251,146,60,.7),transparent),radial-gradient(1.5px 1.5px at 70% 30%,rgba(253,224,71,.55),transparent),radial-gradient(1px 1px at 40% 60%,rgba(248,250,252,.45),transparent),radial-gradient(1.5px 1.5px at 85% 55%,rgba(251,113,133,.5),transparent);background-size:100% 100%;opacity:.55;animation:menu-ember-drift 11s linear infinite}.menu-hero{position:relative;z-index:1;text-align:center;max-width:520px;animation:menu-hero-in .7s ease-out both}.menu-eyebrow{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e2e8f0b8}.screen.menu.menu-home .brand{font-family:var(--display-match);font-size:clamp(2.8rem,10vw,4.6rem);font-weight:400;letter-spacing:.06em;line-height:.95;color:#f8fafc;text-shadow:0 2px 0 rgba(15,23,42,.35),0 12px 40px rgba(0,0,0,.45),0 0 40px rgba(37,99,235,.25)}.screen.menu.menu-home .match-line{margin-top:8px;color:#cbd5e1e6;font-size:1rem}.menu-sides{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.menu-side{padding:4px 10px;border-radius:4px;color:#fff}.menu-side-heim{background:color-mix(in srgb,var(--ksc-ui, var(--ksc)) 88%,#0f172a);box-shadow:0 0 18px color-mix(in srgb,var(--ksc-ui, var(--ksc)) 45%,transparent)}.menu-side-gast{background:color-mix(in srgb,var(--vfb-ui, var(--vfb)) 88%,#0f172a);box-shadow:0 0 18px color-mix(in srgb,var(--vfb-ui, var(--vfb)) 40%,transparent)}.menu-side-vs{color:#f8fafc8c;font-size:.75rem}.menu-actions{position:relative;z-index:1;width:min(420px,100%);gap:10px;animation:menu-actions-in .75s ease-out .12s both}.menu-actions .btn.secondary{background:#0f172a73;color:#f1f5f9;border:1px solid rgba(248,250,252,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-actions .btn.secondary:hover{background:#1e293ba6}.menu-actions .menu-cta{min-height:54px;font-size:1.05rem}.menu-group{display:flex;flex-direction:column;gap:10px}.menu-group+.menu-group{margin-top:4px;padding-top:10px;border-top:1px solid rgba(248,250,252,.08)}.menu-group-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#94a3b8e6}.menu-settings{width:100%}.menu-settings-summary{list-style:none;width:100%;text-align:center}.menu-settings-summary::-webkit-details-marker{display:none}.menu-settings[open] .menu-settings-summary{background:#1e293bb3}.menu-settings .menu-util-row{margin-top:10px}.menu-util-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen.menu.menu-home .fs-hint{position:relative;z-index:1;color:#94a3b8d9;max-width:420px;text-align:center;margin-top:4px;margin-bottom:0}.screen.menu.menu-home .fs-hint b{color:#e2e8f0}@keyframes menu-hero-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-actions-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-beam-sweep{0%{opacity:.55;filter:blur(2px) brightness(.95)}to{opacity:.95;filter:blur(1px) brightness(1.15)}}@keyframes menu-side-pulse{0%{opacity:.75}to{opacity:1}}@keyframes menu-ember-drift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.screen.menu.menu-home:before,.screen.menu.menu-mood:before,.menu-beam,.menu-ember,.menu-hero,.menu-actions,.menu-mood-body{animation:none!important}}.live-code{font-family:var(--display-match);font-size:2.4rem;letter-spacing:.28em;text-align:center;color:#f8fafc;margin:4px 0}.live-ready-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.live-dot{width:10px;height:10px;border-radius:50%;background:#64748b;display:inline-block}.live-dot.on{background:#22c55e;box-shadow:0 0 12px #22c55e8c}.live-kpi-panel{position:absolute;right:8px;top:56px;z-index:6;width:min(148px,34vw);padding:8px 10px;border-radius:10px;background:#0a0e16b8;border:1px solid rgba(248,250,252,.14);color:#f1f5f9;font-size:.72rem;line-height:1.35;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-kpi-panel b{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#fca5a5;margin-bottom:4px}.live-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-slot{padding:12px;border-radius:12px;background:#0f172a80;border:1px solid rgba(248,250,252,.12)}.live-slot.win{border-color:#22c55e8c}.live-slot.loss{border-color:#ef444473}.live-verdict{text-align:center;font-family:var(--display-match);font-size:2rem;letter-spacing:.08em;margin:8px 0 0}.audio-unlock-btn{width:100%;margin-top:4px}.audio-hint{text-align:center}.audio-hint.on{color:#93c5fdf2}.tutorial-screen .menu-mood-body{width:min(560px,100%);gap:16px}.tutorial-card{text-align:left;max-height:none;overflow:visible}.tutorial-card h2{font-family:var(--display);font-size:1.05rem;margin:0 0 6px}.tutorial-card section+section{margin-top:12px}.hs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left}.hs-list b{color:var(--ink)}.hs-board+.hs-board{margin-top:16px;padding-top:14px;border-top:1px solid rgba(248,250,252,.1)}.hs-board-title{margin:0 0 10px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8f2}.hs-row{display:flex;flex-direction:column;gap:8px;padding:12px 12px 10px;border-radius:14px;background:#080e1a8c;border:1px solid rgba(248,250,252,.1)}.hs-row-top{display:flex;align-items:center;gap:10px}.hs-rank{flex:0 0 auto;width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:var(--display-match);font-size:.95rem;letter-spacing:.04em;color:#f8fafc;background:#f8fafc1a}.hs-name{font-weight:800;color:#f8fafc;font-size:.98rem;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-matchup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;min-height:52px}.hs-side{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 6px;border-radius:999px;background:#0f172a8c;border:1px solid rgba(248,250,252,.12)}.hs-side-own{justify-self:start;padding:7px 12px 7px 7px;border:3px solid var(--hs-kit, #64748b);box-shadow:0 0 0 2px color-mix(in srgb,var(--hs-kit, #64748b) 55%,#fff),0 0 22px color-mix(in srgb,var(--hs-kit, #64748b) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--hs-kit, #64748b) 40%,transparent);background:linear-gradient(105deg,color-mix(in srgb,var(--hs-kit, #64748b) 72%,#0b1220),color-mix(in srgb,var(--hs-kit, #64748b) 42%,#0b1220))}.hs-side-own .hs-code{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.hs-side-own .hs-logo,.hs-side-own .hs-logo-fallback{box-shadow:0 0 0 2px #ffffff59;background:color-mix(in srgb,var(--hs-kit-sec, #0f172a) 35%,#fff)}.hs-side-opp{justify-self:end;flex-direction:row-reverse;opacity:.72;border:1px solid rgba(248,250,252,.14);background:#0f172a66;box-shadow:none}.hs-side-opp .hs-code{color:#cbd5e1e6}.hs-side .hs-logo,.hs-logo-fallback{width:28px;height:28px;border-radius:50%;display:block;flex:0 0 auto;background:#ffffff1f;object-fit:cover}.hs-logo-fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.75rem;color:#f8fafc}.hs-code{font-family:var(--display-match);font-size:1.05rem;letter-spacing:.06em;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-score{display:flex;align-items:center;justify-content:center;min-width:4.2rem;padding:6px 10px;border-radius:10px;background:#f8fafc1a;border:1px solid rgba(248,250,252,.18);box-shadow:0 0 16px #00000040}.hs-score span{font-family:var(--display-match);font-size:clamp(1.35rem,4vw,1.7rem);letter-spacing:.04em;color:#fff;line-height:1}.hs-meta{margin:0;font-size:.78rem;font-weight:600;color:#94a3b8f2}.hs-note{color:var(--ok)!important;font-weight:600}.chal-goals{flex-wrap:wrap}.chal-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:10px 0}.chal-slot{text-align:left;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--panel, #1a2332) 88%,#000);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.chal-slot.win{border-color:var(--ok, #6bcb77);box-shadow:0 0 0 1px color-mix(in srgb,var(--ok, #6bcb77) 45%,transparent)}.chal-slot .sub{font-weight:700;color:var(--ink)}.chal-verdict{font-weight:700;color:var(--ok, #6bcb77)!important}.chal-input{flex:1;min-width:0;width:100%;padding:10px 12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:color-mix(in srgb,var(--panel, #1a2332) 90%,#000);color:var(--ink);font:inherit}.chal-stats-line{margin:4px 0 0;font-size:1.05rem}.chal-history{list-style:none;margin:0;padding:0;text-align:left;max-height:min(40vh,280px);overflow:auto}.chal-history-item{padding:10px 0;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);cursor:pointer}.chal-history-item:first-child{border-top:0}.chal-history-item:active{opacity:.85}.chal-history-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.chal-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--ink) 12%,transparent);color:var(--ink)}.chal-badge.win{background:color-mix(in srgb,var(--ok, #6bcb77) 28%,transparent);color:var(--ok, #16a34a)}.chal-badge.loss{background:color-mix(in srgb,#f87171 25%,transparent);color:#dc2626}.chal-badge.draw{background:color-mix(in srgb,#fbbf24 28%,transparent);color:#b45309}.chal-badge.open{opacity:.85}.hs-sync{margin:0 0 8px;opacity:.85}.hs-team{display:inline-block;margin-left:4px;padding:1px 7px;border-radius:6px;font-size:.78rem;font-weight:700;color:#fff;background:#64748b;letter-spacing:.02em;white-space:nowrap}.hs-team.ksc{background:var(--ksc, #0051a2)}.hs-team.vfb{background:var(--vfb, #e30613)}.menu-derby .match-line{font-weight:700;color:var(--ink)}.menu-derby .derby-hint{margin-top:-4px}.kit-preview{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.kit-vs{font-weight:800;font-size:.8rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.kit-swatch{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:#ffffffb8;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.kit-swatch i{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--kit-a) 50%,var(--kit-b) 50%);border:1px solid rgba(15,23,42,.12);flex:0 0 auto}.kit-swatch .kit-logo{width:28px;height:28px;border-radius:50%;flex:0 0 auto;display:block;border:1px solid rgba(15,23,42,.1);background:#fff}.kit-swatch b{font-size:.85rem;font-weight:800;letter-spacing:.02em}.pick-mode-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.pick-mode{min-height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--muted);font-weight:700}.pick-mode.on{background:var(--ksc-ui, var(--ksc));color:var(--ksc-ink, #fff);border-color:transparent}.team-pick{max-height:min(48vh,420px);overflow:auto}.setup-actions{width:100%;flex-wrap:nowrap;gap:10px;position:sticky;bottom:0;z-index:5;padding-top:8px;background:linear-gradient(180deg,transparent,rgba(8,14,24,.92) 40%)}.anpfiff-btn{min-height:52px;min-width:44%;font-size:1.05rem;position:relative;z-index:6;touch-action:manipulation;pointer-events:auto;cursor:pointer}@media(orientation:landscape)and (max-height:500px){.screen.menu{padding-top:max(8px,env(safe-area-inset-top,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(8px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));gap:8px;justify-content:flex-start;overflow-y:auto}.screen.menu .brand{font-size:1.35rem}.screen.menu .card{padding:10px 12px}.setup-actions,.anpfiff-btn,.screen.menu #start{min-height:48px}}.brand{font-family:var(--display);font-size:clamp(2rem,6vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin:0;line-height:.95;color:var(--ksc)}.sub{color:var(--muted);margin:0;font-weight:600}.card{background:var(--glass-strong);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.btn{min-height:48px;border-radius:var(--radius-sm);padding:12px 16px;background:var(--ink);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease}.btn:active{transform:scale(.98)}.btn.secondary{background:#ffffffb3;color:var(--ink);border:1px solid var(--line)}.btn.ksc{background:var(--ksc-ui, var(--ksc));color:var(--ksc-ink, #fff);box-shadow:0 6px 18px color-mix(in srgb,var(--ksc-ui, var(--ksc)) 40%,transparent)}.btn:disabled{opacity:.4}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grow{flex:1}.stack{display:flex;flex-direction:column;gap:8px}label.field{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted);font-weight:600}select{min-height:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 16px;font:inherit;font-weight:700;letter-spacing:-.01em;box-sizing:border-box}.tiny{font-size:.75rem;color:var(--muted);font-weight:600}.match-shell.a2c{flex:1;min-height:0;width:100%;display:block;position:relative;padding:0;height:100%}.match-shell.matchday{--rail-action-w: 25.41%;--rail-left-w: var(--rail-action-w);--rail-tool-w: clamp(84px, 11vw, 110px);--rail-tool-btn: clamp(68px, 9vw, 92px);--rail-w: var(--rail-action-w);--rail-btn-h: clamp(42px, 10vh, 54px);--rail-icon: clamp(40px, 7vh, 52px);--wallet-icon: 23px;--hud-scale: 1.035;flex:1;min-height:0;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) var(--rail-tool-w);grid-template-rows:1fr;grid-template-areas:"pitch tools";gap:0;position:relative;background:#1a1410;align-items:stretch;overflow:hidden}.match-shell.matchday.rail-open,.match-shell.matchday.build-open{grid-template-columns:minmax(0,1fr) var(--rail-action-w);grid-template-areas:"pitch rail"}.match-shell.matchday.rail-open .rail-toolbar,.match-shell.matchday.build-open .rail-toolbar{display:none!important}.match-shell.matchday .rail-slot{min-width:0;min-height:0;height:100%;max-height:100%;display:flex;flex-direction:column}.match-shell.matchday .rail-slot[hidden]{display:none!important}.match-shell.matchday .rail-slot>.side-rail{flex:1 1 auto;min-height:0;height:100%}.match-shell.matchday .rail-slot>.side-rail[hidden]{display:none!important}.match-shell.matchday .rail-toolbar{z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.5vh,18px);padding:10px 6px;padding-right:max(6px,env(safe-area-inset-right,0px));box-sizing:border-box;width:100%;min-width:var(--rail-tool-w);min-height:0;height:100%;background:linear-gradient(180deg,#ffecc82e,#502d1238),var(--icon-menu-rail-tile) center / cover;border-left:3px solid #5c3418;box-shadow:inset 2px 0 #ffe6b440}.match-shell.matchday .rail-tool-btn{display:grid;place-items:center;width:var(--rail-tool-btn);height:var(--rail-tool-btn);min-width:64px;min-height:64px;flex:0 0 auto;padding:0;margin:0;border:none;background:transparent;cursor:pointer;border-radius:18%;filter:drop-shadow(0 3px 0 rgba(0,0,0,.28));transition:transform .08s ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.match-shell.matchday .rail-tool-btn img{display:block;width:88%;height:88%;object-fit:contain;pointer-events:none}.match-shell.matchday .rail-tool-btn:active{transform:translateY(2px) scale(.96)}.match-shell.matchday .rail-tool-btn.active{outline:3px solid #fbbf24;outline-offset:-2px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.28))}.match-shell.matchday .side-rail{z-index:6;display:flex;flex-direction:column;gap:5px;min-width:0;max-width:100%;min-height:0;height:100%;max-height:100%;--rail-inset: 1%;padding:var(--rail-inset);padding-bottom:var(--rail-inset);overflow:hidden;overflow-x:hidden;pointer-events:auto;box-sizing:border-box;background:linear-gradient(180deg,#ffecc838,#502d1247),var(--icon-menu-rail-tile) center / cover;border:3px solid #5c3418;box-shadow:inset 0 2px #ffe6b473,inset 0 -3px 8px #28140859,0 4px 14px #00000059}.match-shell.matchday .right-rail,.match-shell.matchday .left-rail,.match-shell.matchday .build-rail,.match-shell.matchday .attack-rail,.match-shell.matchday .person-rail{container-type:size;--person-gap: .75cqh;--person-card-pad-y: 1.05cqh;--person-card-radius: 3.6cqw;--person-title-size: clamp(9px, 5.4cqw, 13px);--person-banner-size: clamp(9px, 5.2cqw, 13px);--person-banner-pad-y: .9cqh;--person-banner-pad-x: 2.4cqw;--person-close-gap: .55cqh;--br-gap: 2%;--br-pad: 1%;--br-icon: 26%;position:relative;z-index:8;min-width:0;gap:var(--person-gap);padding:var(--rail-inset);padding-right:var(--rail-inset);margin-right:env(safe-area-inset-right,0px);border-left-width:4px}.match-shell.matchday .build-rail .rail-banner{padding:var(--person-banner-pad-y) var(--person-banner-pad-x);border-radius:calc(var(--person-card-radius) * .7);background:linear-gradient(180deg,#f0a94a,#e08f22 55%,#c47818);border:2px solid #3d2414;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #0000001f;color:#fff;font-size:var(--person-banner-size);font-weight:900;letter-spacing:0;text-transform:none;text-shadow:0 1px 1px rgba(0,0,0,.35)}.match-shell.matchday .attack-rail .rail-banner{padding:var(--person-banner-pad-y) var(--person-banner-pad-x);border-radius:calc(var(--person-card-radius) * .7);background:linear-gradient(180deg,#e04545,#c42a2a 55%,#9f1f1f);border:2px solid #3d2414;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #0000001f;color:#fff;font-size:var(--person-banner-size);font-weight:900;letter-spacing:0;text-transform:none;text-shadow:0 1px 1px rgba(0,0,0,.35)}.match-shell.matchday .build-rail .rail-close,.match-shell.matchday .attack-rail .rail-close,.match-shell.matchday .person-rail .rail-close{flex:0 0 auto;width:100%;margin-top:var(--person-close-gap, .55cqh);font-size:clamp(9px,4.8cqw,12px);padding:.85cqh 2.5cqw;border-radius:calc(var(--person-card-radius, 3.6cqw) * .9)}.match-shell.matchday .build-rail .building-cards{flex:1 1 0;min-height:0}.match-shell.matchday .attack-rail .attack-body{flex:1 1 0;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.match-shell.matchday .attack-rail .attack-cards{flex:0 0 66%;width:100%;min-height:0;height:66%;max-height:66%;justify-content:flex-start;align-content:stretch;overflow:hidden}.match-shell.matchday .attack-rail .attack-cards:has(>.attack-card:only-child){flex-basis:33%;height:33%;max-height:33%}.match-shell.matchday .attack-rail .attack-card{flex:1 1 0;min-height:0;max-height:none}.match-shell.matchday .rail-close{flex:0 0 auto;margin-top:2px;border:2px solid #7a4a22;border-radius:10px;padding:5px 8px;font-family:var(--display);font-weight:800;font-size:.68rem;color:#3b2412;background:linear-gradient(180deg,#fffaf0,#e8d0a8);box-shadow:0 2px #3c1e0a59;cursor:pointer}.rail-head{font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:-.02em;color:#3b2412;margin:0}.match-shell.matchday .rail-banner{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:0;padding:5px 8px;border-radius:10px;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border:2px solid #1e3a8a;box-shadow:inset 0 1px #ffffff59,0 2px #172554;color:#fff;font-family:var(--display);font-weight:900;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.35)}.match-shell.matchday .right-rail.person-rail .rail-banner,.match-shell.matchday .left-rail .rail-banner,.match-shell.matchday .person-rail .rail-banner{padding:var(--person-banner-pad-y) var(--person-banner-pad-x);border-radius:calc(var(--person-card-radius) * .7);background:linear-gradient(180deg,#4a9be0,#3184ca 55%,#2769a8);border:2px solid #3d2414;box-shadow:inset 0 1px #ffffff47,inset 0 -2px #0000001f;color:#fff;font-size:var(--person-banner-size);font-weight:900;letter-spacing:0;text-transform:none;text-shadow:0 1px 1px rgba(0,0,0,.35)}.rail-hint{display:none}.match-shell.matchday .freie-plaetze{color:#f5e6c8;text-shadow:0 1px 1px rgba(0,0,0,.35)}.match-shell.matchday .freie-plaetze b{color:#fff7ed}.match-shell.matchday .unit-rows,.match-shell.matchday .person-cards{display:flex;flex-direction:column;gap:var(--person-gap, .75cqh);flex:1 1 0;min-height:0;overflow:hidden;width:100%}.match-shell.matchday .person-card{display:flex;flex-direction:column;gap:var(--person-gap, .75cqh);flex:1 1 0;min-height:0;min-width:0;width:100%;max-width:100%;box-sizing:border-box;padding:var(--person-card-pad-y, 1.05cqh) 0;overflow:hidden;color:#1c120a;background:linear-gradient(180deg,#f7ebcf,#e5cf9f);border:2px solid #3d2414;border-radius:var(--person-card-radius, 3.6cqw);box-shadow:inset 0 1px #fff6,0 1px #00000040;-webkit-tap-highlight-color:transparent}.match-shell.matchday .person-title{flex:0 0 auto;font-family:var(--display),"Segoe UI",system-ui,sans-serif;font-weight:900;font-size:var(--person-title-size, clamp(9px, 5.4cqw, 13px));line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1.5%;color:#1c120a}.match-shell.matchday .person-title .meta{font-weight:700;color:#6b4e2e}.match-shell.matchday .person-actions{flex:1 1 0;display:grid;align-items:stretch;justify-items:stretch;min-height:0;width:100%;margin:0;padding:0;gap:0}.match-shell.matchday .person-actions.single{grid-template-columns:2% minmax(0,1fr) 2%}.match-shell.matchday .person-actions.single .ar-cost-btn{grid-column:2}.match-shell.matchday .person-actions.dual{grid-template-columns:1% 48% 2% 48% 1%}.match-shell.matchday .person-actions.dual .ar-cost-btn:nth-child(1){grid-column:2}.match-shell.matchday .person-actions.dual .ar-cost-btn:nth-child(2){grid-column:4}.match-shell.matchday .person-actions.triple{grid-template-columns:1% 32% 1% 32% 1% 32% 1%}.match-shell.matchday .person-actions.triple .ar-cost-btn:nth-child(1){grid-column:2}.match-shell.matchday .person-actions.triple .ar-cost-btn:nth-child(2){grid-column:4}.match-shell.matchday .person-actions.triple .ar-cost-btn:nth-child(3){grid-column:6}.match-shell.matchday .person-card .ar-cost-btn{width:100%;height:100%;min-width:0;min-height:0;max-height:none;aspect-ratio:auto;flex:unset;border-radius:8px}.match-shell.matchday .person-card .ar-cost-btn .inner{gap:.3em;font-family:inherit;font-size:clamp(9px,12cqw,14px)}.match-shell.matchday .person-card .ar-cost-btn.rail-action .inner.person-btn-inner{--face-left: 2.5%;--face-right: 2%;--face-top: 2%;--face-bot: 2%;--unit-w: 36%;--col-gap: 4%;--yield-gap: 4%;--pay-gap: .2em;left:calc(var(--wood-x) + var(--face-left));right:calc(var(--wood-x) + var(--face-right));top:calc(var(--wood-y-top) + var(--face-top));bottom:calc(var(--wood-y-bot) + var(--face-bot));display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--col-gap);font-size:clamp(8px,11cqw,13px)}.match-shell.matchday .person-card .ar-cost-btn.rail-action .unit-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--yield-gap);width:var(--unit-w);max-width:var(--unit-w);min-width:0;height:100%;flex:0 0 var(--unit-w);overflow:hidden}.match-shell.matchday .person-card .ar-cost-btn.rail-action .unit-ico{display:block;width:100%;height:auto;max-height:72%;min-height:28%;aspect-ratio:1;object-fit:contain;flex:0 1 auto;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.match-shell.matchday .person-card .ar-cost-btn.rail-action .unit-col .yield-chip{display:inline-flex;align-items:center;justify-content:center;gap:.15em;max-width:100%;background:transparent;padding:0;box-shadow:none;border:0;color:#fff;font-size:clamp(7px,9.5cqw,11px);line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.55);white-space:nowrap}.match-shell.matchday .person-card .ar-cost-btn.rail-action .unit-col .yield-chip img{width:1em;height:1em;object-fit:contain;flex:0 0 auto}.match-shell.matchday .person-card .ar-cost-btn.rail-action .unit-col .yield-chip.yield-delta .yield-amt{color:#bbf7d0}.match-shell.matchday .attack-rail .atk-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12em;width:100%;min-width:0;line-height:1.05}.match-shell.matchday .attack-rail .atk-stat{display:inline-flex;align-items:center;justify-content:center;gap:.2em;max-width:100%;color:#fff;font-size:clamp(7px,9cqw,11px);font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.55);white-space:nowrap}.match-shell.matchday .attack-rail .atk-stat .atk-lbl{font-size:.85em;font-weight:700;opacity:.9;letter-spacing:.02em}.match-shell.matchday .attack-rail .atk-stat img{width:1.15em;height:1.15em;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.match-shell.matchday .attack-rail .person-card .ar-cost-btn.rail-action .unit-ico{max-height:48%}.match-shell.matchday .person-card .ar-cost-btn.rail-action .pay.pay-lg{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--pay-gap);flex:1 1 auto;min-width:0;height:100%;font-size:clamp(12px,18cqw,24px);font-weight:900;letter-spacing:.01em;line-height:1;overflow:hidden}.match-shell.matchday .person-card .ar-cost-btn.rail-action .pay.pay-lg img{width:.9em;height:.9em;object-fit:contain;flex:0 0 auto}.match-shell.matchday .person-card .ar-cost-btn.rail-action .pay.pay-lg .amt{min-width:0;overflow:hidden;text-overflow:ellipsis}.match-shell.matchday .building-card .ar-cost-btn.bauen.selected{outline:2px solid #fbbf24;outline-offset:-2px}.match-shell.matchday .left-rail .rail-close{flex:0 0 auto;width:100%;margin-top:var(--person-close-gap, .55cqh);font-size:clamp(9px,4.8cqw,12px);padding:.85cqh 2.5cqw;border-radius:calc(var(--person-card-radius, 3.6cqw) * .9)}.match-shell.matchday .ar-icon-btn{display:block;flex:1 1 0;width:100%;min-width:0;height:var(--rail-btn-h);min-height:var(--rail-btn-h);max-height:var(--rail-btn-h);padding:0;border:none;background:transparent;cursor:pointer;filter:drop-shadow(0 3px 0 rgba(0,0,0,.28));transition:transform .08s ease}.match-shell.matchday .ar-icon-btn:active:not(:disabled){transform:translateY(2px);filter:drop-shadow(0 1px 0 rgba(0,0,0,.28))}.match-shell.matchday .ar-icon-btn img{display:block;width:100%;height:100%;object-fit:fill;object-position:center;pointer-events:none}.match-shell.matchday .ar-icon-btn .btn-cd,.match-shell.matchday .ar-icon-btn.cd .btn-ready{display:none}.match-shell.matchday .ar-icon-btn.cd .btn-cd,.match-shell.matchday .ar-icon-btn.ready .btn-ready{display:block}.match-shell.matchday .ar-icon-btn.ready .btn-cd{display:none}.match-shell.matchday .build-rows{display:flex;flex-direction:column;gap:var(--br-gap, 2.5%);flex:1 1 auto;min-height:0;width:100%;max-width:100%;overflow:hidden;overflow-x:hidden;justify-content:flex-start;align-content:flex-start}.match-shell.matchday .build-card{display:flex;flex-direction:column;gap:4%;flex:0 1 auto;min-height:0;min-width:0;width:100%;max-width:100%;max-height:40%;box-sizing:border-box;text-align:left;padding:var(--br-pad, 1.5%);border-radius:14px;border:2px solid #7a4a22;background:linear-gradient(180deg,#fffaf0,#f3e2c4);box-shadow:inset 0 1px #ffffffbf,0 3px #3c1e0a59;cursor:pointer;overflow:hidden;container-type:inline-size;appearance:none;-webkit-appearance:none}.match-shell.matchday .build-card .ar-cost-btn{background-color:transparent;box-shadow:none;filter:none;outline:none}.match-shell.matchday .build-card .ar-cost-btn .inner,.match-shell.matchday .upgrade-panel .ar-cost-btn .inner{background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;container-type:inline-size;text-shadow:0 1px 0 rgba(0,0,0,.4)}.match-shell.matchday .upgrade-panel .ar-cost-btn.upgrade{background-color:transparent;background-image:var(--icon-btn-upgrade-purple)!important;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:0 2px #3c1e0a59;filter:none;outline:none;flex:0 0 auto;width:100%;max-height:none;min-height:88px;aspect-ratio:320 / 140;container-type:inline-size}.match-shell.matchday .upgrade-panel .ar-cost-btn.upgrade.cd,.match-shell.matchday .upgrade-panel .ar-cost-btn.upgrade:disabled{background-color:transparent;background-image:var(--icon-btn-upgrade-grey)!important;opacity:.75}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .inner.person-btn-inner{--face-left: 2.5%;--face-right: 2%;--face-top: 3%;--face-bot: 3%;--unit-w: 34%;--col-gap: 4%;--yield-gap: 6%;--pay-gap: .2em;left:calc(var(--wood-x) + var(--face-left));right:calc(var(--wood-x) + var(--face-right));top:calc(var(--wood-y-top) + var(--face-top));bottom:calc(var(--wood-y-bot) + var(--face-bot));display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--col-gap);font-size:clamp(8px,11cqw,13px)}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .unit-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--yield-gap);width:var(--unit-w);max-width:var(--unit-w);min-width:0;height:100%;flex:0 0 var(--unit-w);overflow:hidden}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .unit-ico{display:block;width:clamp(40px,28cqw,64px);height:clamp(40px,28cqw,64px);max-width:100%;aspect-ratio:1;object-fit:contain;object-position:center;flex:0 0 auto;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .unit-col .yield-chip.yield-delta .yield-amt{color:#bbf7d0}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .unit-col .yield-chip{display:inline-flex;align-items:center;justify-content:center;gap:.15em;max-width:100%;background:transparent;padding:0;box-shadow:none;border:0;color:#fff;font-size:clamp(7px,9.5cqw,11px);line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.55);white-space:nowrap;flex:0 0 auto}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .unit-col .yield-chip img{width:1em;height:1em;object-fit:contain}.match-shell.matchday .upgrade-panel .ar-cost-btn.rail-action .pay{margin-left:auto;font-size:1.15em}.match-shell.matchday .build-card .build-top{display:grid;grid-template-columns:minmax(0,var(--br-icon, 26%)) minmax(0,1fr);gap:4%;align-items:center;flex:0 1 auto;min-height:0;min-width:0;width:100%}.match-shell.matchday .build-card .build-preview,.match-shell.matchday .build-card>img.build-preview{width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.28));pointer-events:none}.match-shell.matchday .build-rail .build-rows{flex:1 1 auto;min-width:0;max-width:100%;overflow-x:hidden}.match-shell.matchday .build-info{display:flex;flex-direction:column;gap:.35em;min-width:0;width:100%;overflow:hidden;justify-content:center}.match-shell.matchday .build-card .build-name,.match-shell.matchday .build-info .build-name{font-family:var(--display);font-weight:900;font-size:clamp(.65rem,7cqw,.95rem);color:#1f140c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.match-shell.matchday .yield-chip{display:inline-flex;align-items:center;gap:.25em;min-width:0;max-width:100%;font-family:var(--display);font-weight:800;font-size:clamp(.5rem,5.5cqw,.75rem);color:#5c3a1a;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-shell.matchday .yield-chip img{width:1.15em;height:1.15em;object-fit:contain;flex:0 0 auto}.match-shell.matchday .yield-chip.yield-delta{color:#15803d;font-weight:900}.match-shell.matchday .yield-chip.hidden{display:none}.match-shell.matchday .stat-chip{display:inline-flex;align-items:baseline;gap:.3em;min-width:0;max-width:100%;font-family:var(--display);font-weight:800;font-size:clamp(.48rem,5cqw,.7rem);color:#5c3a1a;line-height:1.15;white-space:nowrap;overflow:hidden}.match-shell.matchday .stat-chip .stat-label{font-weight:700;color:#7a5530;font-size:.9em}.match-shell.matchday .stat-chip.yield-delta,.match-shell.matchday .stat-chip.yield-delta .stat-label{color:#15803d;font-weight:900}.match-shell.matchday .up-stats{display:flex;flex-direction:column;align-items:center;gap:.2em;min-width:0;max-width:100%;overflow:hidden}.match-shell.matchday .ar-cost-btn{--wood-x: 6.41%;--wood-y-top: 13.54%;--wood-y-bot: 18.75%;--inset: 2%;position:relative;display:block;flex:0 0 auto;width:100%;max-width:100%;height:auto;min-height:0;max-height:42%;aspect-ratio:320 / 96;margin:0;padding:0;border:0;border-radius:8px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;overflow:hidden;box-sizing:border-box;cursor:inherit;font:inherit;color:#fff}.match-shell.matchday button.ar-cost-btn{cursor:pointer;appearance:none;-webkit-appearance:none}.match-shell.matchday .ar-cost-btn.bauen{background-image:var(--icon-btn-bauen-amber)}.match-shell.matchday .ar-cost-btn.kaufen{background-image:var(--icon-btn-kaufen-green)}.match-shell.matchday .ar-cost-btn.upgrade{background-image:var(--icon-btn-upgrade-purple)}.match-shell.matchday .ar-cost-btn.senden{background-image:var(--icon-btn-senden-blue)}.match-shell.matchday .attack-rail .ar-cost-btn.senden,.match-shell.matchday .ar-cost-btn.senden.senden-red{background-image:var(--icon-btn-senden-red)}.match-shell.matchday .build-card.cd .ar-cost-btn.bauen,.match-shell.matchday .ar-cost-btn.bauen.cd{background-image:var(--icon-btn-bauen-grey)}.match-shell.matchday .build-card.cd .ar-cost-btn.kaufen,.match-shell.matchday .ar-cost-btn.kaufen.cd,.match-shell.matchday .ar-cost-btn.kaufen:disabled,.match-shell.matchday .build-card:disabled .ar-cost-btn.kaufen{background-image:var(--icon-btn-kaufen-grey)}.match-shell.matchday .ar-cost-btn.upgrade.cd,.match-shell.matchday .ar-cost-btn.upgrade:disabled{background-image:var(--icon-btn-upgrade-grey)}.match-shell.matchday .ar-cost-btn.senden.cd,.match-shell.matchday .ar-cost-btn.senden:disabled,.match-shell.matchday .attack-rail .ar-cost-btn.senden.cd,.match-shell.matchday .attack-rail .ar-cost-btn.senden:disabled,.match-shell.matchday .ar-cost-btn.senden.senden-red.cd,.match-shell.matchday .ar-cost-btn.senden.senden-red:disabled{background-image:var(--icon-btn-senden-grey)}.match-shell.matchday .ar-cost-btn .inner{position:absolute;left:calc(var(--wood-x) + var(--inset));right:calc(var(--wood-x) + var(--inset));top:calc(var(--wood-y-top) + var(--inset));bottom:calc(var(--wood-y-bot) + var(--inset));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25em;margin:0;padding:0;color:#fff;font-weight:900;font-family:var(--display),system-ui,sans-serif;text-shadow:0 1px 1px rgba(0,0,0,.55);container-type:inline-size;font-size:clamp(9px,12cqw,14px);overflow:hidden;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0;pointer-events:none}.match-shell.matchday .ar-cost-btn .txt,.match-shell.matchday .ar-cost-btn .pay{font-size:1em;font-weight:inherit;line-height:1;letter-spacing:.02em;white-space:nowrap;background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:0!important}.match-shell.matchday .ar-cost-btn .txt .short{display:none}.match-shell.matchday .ar-cost-btn .txt .full{display:inline}@container (max-width: 100px){.match-shell.matchday .ar-cost-btn .txt .full{display:none}.match-shell.matchday .ar-cost-btn .txt .short{display:inline}}.match-shell.matchday .ar-cost-btn .pay{display:inline-flex;align-items:center;gap:.2em}.match-shell.matchday .ar-cost-btn .pay img{width:1.15em;height:1.15em;object-fit:contain;flex:0 0 auto}.match-shell.matchday .build-card.selected{outline:3px solid #22c55e;background:linear-gradient(180deg,#ecfdf5,#d1fae5)}.match-shell.matchday .build-card.cd,.match-shell.matchday .ar-cost-btn.upgrade:disabled,.match-shell.matchday .ar-cost-btn.upgrade.cd,.match-shell.matchday .ar-cost-btn.kaufen:disabled,.match-shell.matchday .ar-cost-btn.kaufen.cd,.match-shell.matchday .ar-cost-btn.senden:disabled,.match-shell.matchday .ar-cost-btn.senden.cd{opacity:.55}.match-shell.matchday .upgrade-panel{display:flex;flex-direction:column;gap:4%;flex:0 1 auto;min-height:0;min-width:0;max-width:100%;max-height:40%;width:100%;box-sizing:border-box;padding:var(--br-pad, 1.5%);border-radius:14px;border:2px solid #7a4a22;background:linear-gradient(180deg,#fffaf0,#f3e2c4);box-shadow:inset 0 1px #ffffffbf,0 3px #3c1e0a59;overflow:hidden;overflow-x:hidden;container-type:inline-size}.match-shell.matchday #build-upgrade-rows{gap:var(--br-gap, 2.5%);justify-content:flex-start}.match-shell.matchday .upgrade-title{flex:0 0 auto;margin:0;font-family:var(--display);font-weight:900;font-size:clamp(.7rem,7cqw,1rem);color:#1f140c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-shell.matchday .upgrade-preview{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:3%;align-items:center;flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:0}.match-shell.matchday .up-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;min-width:0;min-height:0;height:100%;overflow:hidden}.match-shell.matchday .up-stage>img,.match-shell.matchday .up-stage>img.up-stand-ico{width:min(72%,72px);max-width:100%;height:auto;max-height:none;aspect-ratio:1;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 1px rgba(0,0,0,.28));flex:0 0 auto}.match-shell.matchday .up-stage .up-lv{font-family:var(--display);font-weight:900;font-size:clamp(.5rem,5.5cqw,.72rem);color:#1d4ed8;line-height:1;flex:0 0 auto}.match-shell.matchday .up-stage .yield-chip{font-size:clamp(.5rem,5.5cqw,.75rem);flex:0 0 auto}.match-shell.matchday .up-arrow{font-size:clamp(.85rem,8cqw,1.15rem);font-weight:900;color:#3b2412;flex:0 0 auto;line-height:1}.match-shell.matchday .upgrade-blurb{display:none}.match-shell.matchday .upgrade-panel .ar-cost-btn{flex:0 0 auto;width:100%;max-height:none}.match-shell.matchday #game-wrap{position:relative!important;inset:auto!important;width:100%;height:100%;min-width:0;min-height:0;grid-area:pitch;background:#1e293b}.match-shell.matchday .rail-slot{grid-area:rail}.match-shell.matchday .rail-toolbar{grid-area:tools}.match-shell.matchday #game-wrap.placing{cursor:crosshair}.match-shell.matchday .top-hud,.match-shell.matchday .pitch-hud{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:3% 2% 0;padding-top:max(3%,env(safe-area-inset-top));pointer-events:none;background:transparent;overflow:visible;height:auto}.match-shell.matchday .wallet-row{align-self:flex-start;justify-content:flex-start;margin-left:2%;pointer-events:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.match-shell.matchday .fanbase-col.gast{display:none;grid-template-columns:1fr 1fr;flex:0 0 auto;gap:2px;margin-top:2px;padding-top:3px;border-top:1px solid rgba(255,230,180,.25);pointer-events:none}.match-shell.matchday .fanbase-col.gast:before{content:"Gegner";grid-column:1 / -1;font-size:.5rem;font-weight:800;color:#f5e6c8;letter-spacing:.04em;text-transform:uppercase}.match-shell.matchday .fanbase-col.gast .fb{min-width:0;justify-content:space-between;background:#fef2f2eb;font-size:.55rem;padding:2px 4px}.match-shell.matchday .freie-plaetze{flex:0 0 auto;margin:0;font-size:.58rem;font-weight:700}@media(max-width:900px){.match-shell.matchday{--rail-btn-h: clamp(40px, 11vh, 52px);--rail-icon: clamp(36px, 8vh, 48px);--rail-tool-w: clamp(76px, 16vw, 96px);--rail-tool-btn: clamp(64px, 14vw, 80px);grid-template-columns:minmax(0,1fr) var(--rail-tool-w);grid-template-areas:"pitch tools"}.match-shell.matchday.rail-open,.match-shell.matchday.build-open{grid-template-columns:minmax(0,1fr) var(--rail-action-w);grid-template-areas:"pitch rail"}}@media(orientation:landscape)and (max-height:420px){.match-shell.matchday{--rail-btn-h: clamp(38px, 10.5vh, 44px);--rail-icon: clamp(28px, 7vh, 34px)}.match-shell.matchday .rail-banner{padding:3px 6px;font-size:.64rem}.match-shell.matchday .freie-plaetze{font-size:.5rem}.match-shell.matchday .left-rail{--person-banner-size: clamp(8px, 5cqw, 12px);--person-title-size: clamp(8px, 5.2cqw, 12px)}}.pitch-hud{position:absolute;z-index:5;display:block;padding:6px 10px 8px;padding-top:max(6px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));box-sizing:border-box;pointer-events:none;overflow:hidden;background:linear-gradient(to bottom,rgba(248,250,252,.55) 0%,rgba(248,250,252,.12) 55%,transparent 100%)}.pitch-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none;position:relative;z-index:2}.heim-panel{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;pointer-events:auto;max-width:min(46%,300px);padding:6px 8px;border-radius:12px;background:#ffffffd1;border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;position:relative}.heim-panel.matchday-rail{background:linear-gradient(180deg,#fff8f0eb,#f4e4cce0),var(--icon-menu-rail-tile) center / cover;border:1px solid rgba(120,80,40,.35)}.wallet-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;pointer-events:none}.wallet-row .wi{display:inline-flex;align-items:center;gap:3px;font-size:.52rem;font-weight:700;color:var(--muted);padding:1px 5px 1px 2px;border-radius:999px;background:#f8fafcd9;border:1px solid rgba(226,232,240,.9)}.wallet-row .wi.chip{padding:0 6px 0 0;overflow:hidden;background:#ffffffbf}.wallet-row .wi.chip img{width:var(--wallet-icon, 25px);height:var(--wallet-icon, 25px);object-fit:contain;display:block}.match-shell.matchday .wallet-row .wi{font-size:calc(.52rem * var(--hud-scale, 1.15));padding:2px 6px 2px 3px}.match-shell.matchday .wallet-row .wi b{font-size:calc(.68rem * var(--hud-scale, 1.15))}.wallet-row .wi i{font-style:normal;font-weight:700;opacity:.8;font-size:.48rem}.wallet-row .wi b{font-family:var(--display);font-size:.68rem;font-weight:800;color:var(--ink)}.wallet-row .wi.bier b{color:#b45309}.wallet-row .wi.merch b{color:#1d4ed8}.wallet-row .wi.sec b{color:#0369a1}.wallet-row .wi.gold b{color:#a16207}.freie-plaetze{margin:0;font-size:.52rem;font-weight:800;color:var(--muted);letter-spacing:.01em}.freie-plaetze b{font-family:var(--display);color:var(--ink);font-size:.65rem}.unit-rows{display:flex;flex-direction:column;gap:3px}.ur-row{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}.ur-row-ordner{opacity:.85}.ur-icon{width:22px;height:22px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.ur-name{font-size:.52rem;font-weight:800;color:var(--ink);min-width:3.4rem;letter-spacing:-.01em}.ur-lv{font-size:.45rem;font-weight:700;color:#a16207;margin-left:2px}.ar-lv-btn{min-width:28px;min-height:28px;padding:0;border-radius:6px;border:1px solid #a16207;background:linear-gradient(180deg,#fef3c7,#fde68a);color:#92400e;font-weight:800;font-size:.7rem;cursor:pointer;line-height:1}.ar-lv-btn:disabled,.ar-lv-btn.cd{opacity:.45;cursor:default;filter:grayscale(.4)}.ar-lv-btn.ready:not(:disabled){box-shadow:0 0 0 1px #d9770659}.match-shell.matchday .ur-actions-triple{display:flex;gap:2px;align-items:center}.ur-count{font-family:var(--display);font-size:.72rem;font-weight:800;min-width:.85rem;text-align:center;color:#1d4ed8}.ar-plus,.ar-icon-btn{width:52px;height:28px;min-width:52px;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer;position:relative;box-shadow:none;overflow:visible}.ar-icon-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ar-icon-btn .btn-cd{display:none}.ar-icon-btn .btn-ready{display:block}.ar-icon-btn.cd .btn-ready,.ar-icon-btn:disabled .btn-ready{display:none}.ar-icon-btn.cd .btn-cd,.ar-icon-btn:disabled .btn-cd{display:block}.ar-plus.ready,.ar-icon-btn.ready{filter:brightness(1.03)}.ar-plus.cd,.ar-icon-btn.cd{cursor:not-allowed;filter:none}.ar-btn{border-radius:999px;padding:4px 8px;font-family:var(--display);font-size:.58rem;font-weight:800;line-height:1.1;border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;min-height:28px}.ar-btn span{font-family:var(--font);font-size:.48rem;font-weight:700;opacity:.75}.ar-btn.gesang{background:linear-gradient(180deg,#dcfce7f2,#bbf7d0e6);color:#14532d}.ar-btn.pyro{background:linear-gradient(180deg,#ffedd5f2,#fed7aaeb);color:#9a3412}.ar-btn.pyro-fight{background:linear-gradient(180deg,#dbeafef2,#93c5fde6);color:#1e3a8a}.ar-btn.fight{background:linear-gradient(180deg,#fee2e2f2,#fca5a5e6);color:#7f1d1d}.ar-btn.cd{opacity:.45;filter:grayscale(.2)}.ar-btn.ready{filter:brightness(1.05)}.fanbase-col{display:flex;flex-direction:column;gap:3px;flex-shrink:0;min-width:44px}.fanbase-col .fb{display:inline-flex;align-items:baseline;justify-content:space-between;gap:4px;padding:2px 7px;border-radius:999px;background:var(--glass);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.52rem;font-weight:800;min-width:42px}.fanbase-col .fb i{font-style:normal;opacity:.7;font-weight:800}.fanbase-col .fb b{font-family:var(--display);font-size:.72rem;font-weight:800;letter-spacing:-.02em}.fanbase-col.heim .fb{color:#1e3a8a;border-color:#2563eb47;background:#eff6ffe6}.fanbase-col.heim .fb b{color:#1d4ed8}.fanbase-col.gast .fb{color:#7f1d1d;border-color:#dc262647;background:#fef2f2eb}.fanbase-col.gast .fb b{color:#dc2626}.wallet-inline{display:flex;flex-wrap:nowrap;gap:6px;align-items:center;pointer-events:none;min-width:0;flex:1;justify-content:center}.wallet-inline .wi{display:inline-flex;align-items:baseline;gap:4px;font-size:.58rem;font-weight:700;color:var(--muted);letter-spacing:.01em;padding:5px 9px;border-radius:999px;background:var(--glass);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.wallet-inline .wi i{font-style:normal;font-weight:700;opacity:.75;text-transform:uppercase;font-size:.52rem;letter-spacing:.04em}.wallet-inline .wi b{font-family:var(--display);font-size:.78rem;color:var(--ink);font-weight:800;letter-spacing:-.02em}.wallet-inline .wi.bier b{color:#b45309}.wallet-inline .wi.merch b{color:#1d4ed8}.wallet-inline .wi.sec b{color:#0369a1}.wallet-inline .wi.gold b{color:#a16207}.top-speed{pointer-events:auto;flex-shrink:0}.pitch-score{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;min-width:0;pointer-events:none}.pitch-momentum{display:flex;justify-content:center;align-items:center;width:100%;margin-top:4px;pointer-events:none;z-index:2;position:relative}.pitch-momentum .momentum-wrap{width:min(220px,34vw);max-width:34%;flex:0 1 auto;padding:4px 8px;border-radius:10px}.pitch-hud .match-hud-score{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px 5px;width:fit-content;border-radius:18px;background:var(--glass-strong);border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none}.pitch-hud .hud-crest{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.85rem;font-weight:800;color:#fff;border:0;box-shadow:0 2px 8px #0f172a2e;transition:transform .2s ease-out,box-shadow .2s ease-out}.pitch-hud .hud-crest.ksc{background:var(--ksc)}.pitch-hud .hud-crest.vfb{background:var(--vfb)}.pitch-hud .hud-scoreline{display:flex;flex-direction:column;align-items:center;line-height:1}.pitch-hud .hud-scoreline b{font-family:var(--display);font-size:clamp(1.25rem,3.4vw,1.7rem);font-weight:800;color:var(--ink);letter-spacing:-.03em;text-shadow:none;display:inline-block;transition:transform .12s ease-out;transform-origin:center center}.pitch-hud .hud-scoreline b.goal-pulse{color:var(--ksc);text-shadow:none}.pitch-hud .hud-crest.goal-flash{transform:scale(1.15);box-shadow:0 0 0 3px #2563eb59}.pitch-hud .hud-scoreline span{font-family:var(--font);font-size:.62rem;font-weight:700;color:var(--muted);margin-top:3px;letter-spacing:.06em;text-transform:uppercase}.mom-row{display:flex;align-items:stretch;gap:8px;width:100%;pointer-events:none;border-radius:18px;overflow:visible;border:0;background:transparent}.mood-stack{display:flex;flex-direction:column;flex:0 0 auto;align-self:stretch;gap:6px}.momentum-wrap{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;gap:3px;justify-content:center;padding:5px 8px;border-radius:12px;background:#ffffffe6;border:1px solid rgba(255,255,255,.85);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.momentum-bar{position:relative;width:100%;height:10px;border-radius:999px;overflow:hidden;background:#94a3b859;border:1px solid rgba(15,23,42,.1);display:flex;transition:box-shadow .15s ease}.momentum-bar.kick{box-shadow:inset 0 0 0 1.5px #2563eb8c}.momentum-bar.kick-gesang .mom-fill.heim{filter:brightness(1.12)}.momentum-bar.kick-pyro .mom-fill.heim{filter:brightness(1.08) saturate(1.15)}.mom-fill.heim{background:linear-gradient(90deg,#1e40af,#3b82f6);width:50%;transition:width .35s ease-out,filter .2s ease}.mom-fill.gast{background:linear-gradient(90deg,#ef4444,#991b1b);width:50%;transition:width .35s ease-out}.mom-knob{position:absolute;top:1px;width:4px;height:8px;margin-left:-2px;background:#fff;border-radius:2px;box-shadow:0 0 0 1px #0f172a40;left:50%;z-index:2;transition:left .35s ease-out,transform .2s ease-out}.mom-pulse{position:absolute;top:0;bottom:0;width:28%;pointer-events:none;opacity:0;z-index:1;border-radius:0}.mom-pulse.from-gesang{left:0;background:linear-gradient(90deg,#60a5fae6,#3b82f600)}.mom-pulse.from-pyro{left:0;background:linear-gradient(90deg,#fbbf24f2,#ea580c00)}.mom-pulse.run.from-gesang,.mom-pulse.run.from-pyro{animation:mom-sweep-right .55s ease-out forwards}@keyframes mom-sweep-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(180%)}}.mom-labels{display:flex;justify-content:space-between;width:100%;font-size:.5rem;font-weight:800;line-height:1.1}.mom-labels span:nth-child(1){color:#2563eb}.mom-labels span:nth-child(2){color:var(--muted)}.mom-labels span:nth-child(3){color:#dc2626}.mood-chip{flex:1 1 auto;min-width:72px;max-width:92px;width:100%;border-radius:14px;padding:7px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;font-family:var(--display);font-size:.7rem;font-weight:800;line-height:1.05;border:1px solid rgba(255,255,255,.65);cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .12s ease,filter .15s ease}.mood-chip:active{transform:scale(.97)}.mood-chip small{font-family:var(--font);font-size:.5rem;font-weight:700;opacity:.7;text-transform:uppercase;letter-spacing:.03em}.mood-chip span{font-family:var(--font);font-size:.5rem;font-weight:700}.mood-chip.gesang{background:linear-gradient(180deg,#dcfce7f2,#bbf7d0e6);color:#14532d}.mood-chip.pyro{background:linear-gradient(180deg,#ffedd5f2,#fed7aaeb);color:#9a3412}.mood-chip.cd{opacity:.48;filter:grayscale(.25)}.mood-chip.ready{filter:brightness(1.04)}.combat-banner{font-family:var(--display);font-size:.68rem;font-weight:700;color:var(--ink);background:#fef3c7f2;border-radius:999px;padding:4px 12px;max-width:96%;margin:0 auto;text-align:center;flex-shrink:0;box-shadow:var(--shadow-sm);border:1px solid rgba(251,191,36,.35)}.combat-banner.hidden{display:none}.tip-chip.tip-a{position:absolute;left:50%;top:16%;transform:translate(-50%);z-index:5;max-width:min(72%,340px);padding:7px 14px;border-radius:999px;font-family:var(--display);font-size:clamp(.68rem,1.6cqw,.82rem);font-weight:800;letter-spacing:.01em;text-align:center;color:#0f172a;background:#fef9c3f0;border:1px solid rgba(202,138,4,.45);box-shadow:0 4px 14px #0f172a2e;pointer-events:none;animation:tip-pop .35s ease-out}.tip-chip.tip-a[data-tone=warn]{background:#fee2e2f2;border-color:#dc262666;color:#7f1d1d}.tip-chip.tip-a[data-tone=hot]{background:#ffedd5f5;border-color:#ea580c80;color:#9a3412}.tip-chip.tip-a.hidden{display:none}.tip-card.tip-b{position:absolute;right:10px;top:28%;z-index:5;width:min(168px,22%);padding:8px 10px 10px;border-radius:12px;background:#0f172ae0;color:#f8fafc;border:1px solid rgba(148,163,184,.35);box-shadow:0 8px 22px #0f172a47;pointer-events:none;animation:tip-slide .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tip-card.tip-b .tip-card-label{display:block;font-family:var(--font);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-bottom:3px}.tip-card.tip-b .tip-card-text{margin:0;font-family:var(--display);font-size:clamp(.72rem,1.5cqw,.88rem);font-weight:800;line-height:1.2}.tip-card.tip-b[data-tone=warn]{border-color:#f871718c;box-shadow:0 8px 22px #7f1d1d59}.tip-card.tip-b[data-tone=hot]{border-color:#fb923c99}.tip-card.tip-b.hidden{display:none}.tip-ticker.tip-c{position:absolute;left:50%;bottom:38%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;max-width:min(78%,420px);padding:5px 12px 5px 6px;border-radius:8px;background:#0f172ad1;color:#f8fafc;border:1px solid rgba(56,189,248,.35);font-family:var(--display);font-size:clamp(.66rem,1.5cqw,.8rem);font-weight:800;pointer-events:none;animation:tip-ticker-in .35s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tip-ticker.tip-c .tip-ticker-tag{flex-shrink:0;padding:2px 7px;border-radius:5px;background:#0ea5e9;color:#0f172a;font-size:.58rem;font-weight:900;letter-spacing:.06em}.tip-ticker.tip-c[data-tone=warn]{border-color:#f8717180}.tip-ticker.tip-c[data-tone=warn] .tip-ticker-tag{background:#f87171}.tip-ticker.tip-c[data-tone=hot]{border-color:#fb923c8c}.tip-ticker.tip-c[data-tone=hot] .tip-ticker-tag{background:#fb923c}.tip-ticker.tip-c.hidden{display:none}@keyframes tip-pop{0%{opacity:0;transform:translate(-50%) translateY(-6px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes tip-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes tip-ticker-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:700px){.tip-card.tip-b{display:none}.tip-ticker.tip-c{bottom:34%;max-width:90%}}.ultra-pad{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:6px 8px;border-radius:14px;border:1px solid rgba(37,99,235,.28);background:#eff6ffe0;color:#1e3a8a;font-family:var(--display);font-size:.68rem;font-weight:800;line-height:1.1;cursor:pointer;box-sizing:border-box;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ultra-pad small{font-family:var(--font);font-size:.52rem;font-weight:700;opacity:.75}.ultra-pad span{font-family:var(--font);font-size:.52rem;font-weight:700}.ultra-pad.cd{filter:grayscale(.35);opacity:.55}.ultra-pad.ready{box-shadow:0 0 0 2px #2563eb59,var(--shadow-sm)}.speed-btns{display:flex;gap:4px}.speed-btns button{min-width:40px;min-height:32px;border-radius:10px;background:var(--glass);color:var(--ink);border:1px solid rgba(255,255,255,.7);font-weight:800;font-size:.8rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.speed-btns button.on{background:var(--ksc);border-color:var(--ksc);color:#fff}#game-wrap{position:absolute;inset:0;width:100%;height:100%;min-height:0;border-radius:0;overflow:hidden;border:0;background:#dbe4ea}#game-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.toast{display:none}.rotate-hint{display:none;position:fixed;inset:0;z-index:40;align-items:center;justify-content:center;text-align:center;font-family:var(--display);font-size:1.3rem;font-weight:800;padding:24px;background:#f8fafcf5;color:var(--ink);pointer-events:auto}@media(orientation:portrait)and (max-width:900px){.rotate-hint{display:flex}.match-shell.a2c,.match-shell.matchday{pointer-events:none}}@media(orientation:landscape),(min-width:901px){.rotate-hint{display:none!important}.match-shell.a2c{display:block!important;pointer-events:auto}.match-shell.matchday{display:grid!important;grid-template-columns:minmax(0,1fr) var(--rail-tool-w);grid-template-areas:"pitch tools";pointer-events:auto}.match-shell.matchday.rail-open,.match-shell.matchday.build-open{grid-template-columns:minmax(0,1fr) var(--rail-action-w);grid-template-areas:"pitch rail"}}.currency-chrome{flex-wrap:nowrap;gap:4px;min-height:0}.cur-pill{display:flex;align-items:baseline;gap:4px;padding:6px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:.72rem;color:var(--muted);font-weight:700;min-height:36px}.cur-pill b{font-family:var(--display);font-size:1rem;color:var(--ink);font-weight:800}.cur-pill i{font-style:normal;font-size:.62rem;opacity:.7}.cur-pill.bier-pill b{color:#b45309}.cur-pill.shop-pill b{color:#1d4ed8}.cur-pill.ord-pill b{color:#0369a1}.cur-pill.gold-pill b{color:#a16207}.popup-menu{position:absolute;left:50%;bottom:10%;transform:translate(-50%);z-index:8;background:#fffffff5;border:1px solid var(--line);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;min-width:260px;max-width:92%;box-shadow:0 16px 40px #0f172a29;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.popup-menu.hidden,#upgrade-options.hidden,#build-options.hidden{display:none!important}.popup-title{margin:0 0 4px;font-family:var(--display);font-weight:800;font-size:.95rem;letter-spacing:-.02em;color:var(--ink)}.popup-menu button{min-height:48px;border-radius:14px;padding:10px 12px;background:#eff6ff;color:#1e3a8a;font-weight:700;font-size:.9rem;text-align:left;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(37,99,235,.12)}.popup-menu button[hidden],.popup-menu button.hidden,#btn-hire-steward[hidden],#btn-hire-steward.hidden{display:none!important}.popup-menu button.cd,.popup-menu button:disabled{background:#f1f5f9;color:#94a3b8;border-color:transparent}.popup-menu button small{font-size:.65rem;opacity:.85;font-weight:700}.popup-menu button.popup-buy{display:flex;align-items:center;gap:10px}.popup-menu button.popup-buy img{width:40px;height:40px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.popup-menu button.popup-buy span{display:flex;flex-direction:column;gap:2px;line-height:1.15}.popup-menu .popup-cancel{background:transparent;color:var(--muted);border:1px solid var(--line);justify-content:center}html.is-fs,html.standalone{background:var(--bg0)}html.is-fs:has(.menu-home),html.is-fs:has(.menu-mood),html.standalone:has(.menu-home),html.standalone:has(.menu-mood){background:var(--menu-night)}html.is-fs,html.standalone,html.is-fs body,html.standalone body,html.is-fs #app,html.standalone #app,:fullscreen,:-webkit-full-screen{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;background:var(--bg0);overflow:hidden}html.is-fs:has(.menu-home) body,html.is-fs:has(.menu-mood) body,html.standalone:has(.menu-home) body,html.standalone:has(.menu-mood) body,html.is-fs:has(.menu-home) #app,html.is-fs:has(.menu-mood) #app,html.standalone:has(.menu-home) #app,html.standalone:has(.menu-mood) #app{background:var(--menu-night)}html.is-fs .match-shell.a2c,html.standalone .match-shell.a2c,html.is-fs .match-shell.matchday,html.standalone .match-shell.matchday{position:fixed;inset:0;width:100%;width:var(--vvw, 100%);height:100%;height:var(--vvh, 100dvh);max-width:none;margin:0;padding:0;gap:0;z-index:1}html.is-fs #game-wrap,html.standalone #game-wrap{border-radius:0;border:0}html.is-fs .heim-panel,html.standalone .heim-panel{left:max(4px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom))}html.is-fs .wallet-rail,html.standalone .wallet-rail{left:max(4px,env(safe-area-inset-left))}.fs-hint{text-align:center;line-height:1.35}.fs-chrome-btn{min-width:44px!important;font-size:1.1rem!important}.fs-gate{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;background:#f8fafceb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fs-gate.hidden{display:none}.fs-gate-card{width:min(420px,100%);background:#fffffff5;border:1px solid var(--line);border-radius:20px;padding:20px 18px;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:var(--shadow)}.fs-gate-card h2{margin:0;font-family:var(--display);font-size:1.45rem;font-weight:800;line-height:1.1;letter-spacing:-.02em}.fs-gate-card p{margin:0;color:var(--muted);font-size:.92rem;font-weight:600}.fs-gate-card .btn{min-height:56px;font-size:1.05rem}@media(orientation:landscape)and (max-height:500px){.match-shell.a2c{padding:0;gap:0}.wallet-inline .wi{font-size:.5rem;padding:4px 7px}.wallet-inline .wi b{font-size:.68rem}.speed-btns button{min-width:34px;min-height:28px;font-size:.75rem}.pitch-hud .hud-crest{width:24px;height:24px;font-size:.7rem;border-radius:8px}.pitch-hud .hud-scoreline b{font-size:1.1rem}.pitch-hud .match-hud-score{padding:5px 12px 4px;border-radius:14px}.mood-chip{min-width:58px;max-width:72px;font-size:.6rem;padding:5px 7px;border-radius:11px}}@media(display-mode:standalone){.fs-gate{display:none!important}html,body,#app{width:100%;height:100%;padding:0;margin:0}.match-shell.a2c{position:fixed;inset:0;width:100%;height:100%;padding:0;gap:0}#game-wrap{border-radius:0;border:0}}html.standalone .fs-gate,html.is-fs .fs-gate{display:none!important}.halftime-panel{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#080c168c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}.halftime-panel.hidden{display:none}.halftime-card{width:min(520px,94vw);background:var(--glass-strong, #fff);border:1px solid var(--line, #e2e8f0);border-radius:18px;box-shadow:var(--shadow, 0 12px 40px rgba(15, 23, 42, .2));padding:18px 16px 14px;text-align:center}.halftime-card h2{margin:0 0 4px;font-family:var(--display);font-size:1.55rem;color:var(--ink)}.halftime-boosts{display:grid;gap:8px;margin-top:12px}.halftime-boost{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:52px;padding:10px 12px}.halftime-boost b{font-size:.95rem}.halftime-boost span{font-size:.78rem;color:var(--muted);font-weight:600}.choreo-chip{position:absolute;left:50%;bottom:10%;transform:translate(-50%);z-index:12;padding:6px 14px;border-radius:999px;background:#0f172ac7;color:#f8fafc;font-family:var(--display);font-weight:800;font-size:.78rem;letter-spacing:.04em;pointer-events:none;box-shadow:0 4px 16px #00000040}.choreo-chip.hidden{display:none}.hs-team.hs-winner{display:inline-flex;align-items:center;gap:6px;padding:2px 8px 2px 4px;vertical-align:middle}.tut-guided .tutorial-card{gap:14px}.tut-body{margin:0;text-align:left;color:#e2e8f0f2;font-size:.95rem;line-height:1.45}.tut-body b{color:#fff;font-weight:800}.tut-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.tut-points li{position:relative;padding-left:14px;color:#e2e8f0f2;font-size:.94rem;line-height:1.4}.tut-points li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#60a5faf2}.tut-miles li{display:flex;align-items:center;gap:10px;padding-left:0}.tut-miles li:before{display:none}.tut-n{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;font-size:.75rem;font-weight:800;background:#2563eb59;color:#dbeafe;flex-shrink:0}.tut-foot{margin:10px 0 0;font-size:.86rem;line-height:1.4;color:#bac6d6f2}.tut-foot b{color:#fff}.tut-dots{display:flex;justify-content:center;gap:7px;margin-top:2px}.tut-dots i{width:7px;height:7px;border-radius:50%;background:#94a3b88c;display:block}.tut-dots i.on{background:#60a5fa;transform:scale(1.3)}.tut-diagram{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:14px 12px;border-radius:14px;background:#060c188c;border:1px solid rgba(248,250,252,.12)}.tut-block{min-width:64px;padding:14px 10px;border-radius:12px;font-weight:800;font-size:.78rem;text-align:center;color:#fff}.tut-block.heim{background:#2563eb}.tut-block.gast{background:#e11d48}.tut-gang{flex:1;max-width:96px;min-height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(90deg,#64748bd9 0 8px,#475569d9 8px 16px);border:1px solid rgba(248,250,252,.12)}.tut-gang span{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.55)}.tut-chip{padding:10px 12px;border-radius:10px;font-weight:800;font-size:.78rem;background:#1e293bd9;border:1px solid rgba(248,250,252,.14);color:#f1f5f9}.tut-upgrade{gap:12px}.tut-lvl-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.tut-lvl{min-width:36px;padding:8px 6px;border-radius:8px;text-align:center;font-size:.72rem;font-weight:800;color:#e2e8f0d9;background:#1e293bbf;border:1px solid rgba(248,250,252,.12)}.tut-lvl.on{color:#fff;background:#2563eb8c;border-color:#60a5faa6}.tut-fan-up .tut-stands{flex-direction:row;flex-wrap:wrap;justify-content:center}.tut-fan-up .tut-fans{gap:8px}.tut-arrow{width:18px;height:2px;background:#94a3b8d9;position:relative;flex-shrink:0}.tut-arrow:after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:7px;border-right:2px solid rgba(148,163,184,.9);border-top:2px solid rgba(148,163,184,.9);transform:translateY(-50%) rotate(45deg)}.tut-stands{display:flex;flex-direction:column;gap:4px}.tut-stands span{padding:4px 8px;border-radius:8px;font-size:.72rem;font-weight:800;background:#1e293be6;border:1px solid rgba(248,250,252,.12);color:#e2e8f0}.tut-fans{gap:12px}.tut-fan{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.72rem;color:#fff;border:1px solid rgba(255,255,255,.12)}.tut-fan.f{background:#0284c7}.tut-fan.u{background:#6d28d9}.tut-fan.h{background:#b91c1c}.tut-path{display:flex;gap:6px;align-items:center;padding:0 6px}.tut-dot{width:12px;height:12px;border-radius:50%;background:#64748b}.tut-dot.on{background:#f43f5e;box-shadow:0 0 0 4px #f43f5e40}.tut-mom{flex-direction:column;gap:8px}.tut-mom-bar{position:relative;width:min(100%,280px);height:18px;border-radius:999px;background:#1e293be6;border:1px solid rgba(248,250,252,.12);overflow:hidden}.tut-mom-bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#e11d48);border-radius:999px}.tut-mom-ball{position:absolute;right:8%;top:50%;transform:translateY(-50%);font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55)}.tut-mom-cap{margin:0;font-size:.78rem;font-weight:700;color:#bac6d6f2}.tut-storm{flex-direction:column;gap:8px}.tut-banner{padding:10px 16px;border-radius:10px;background:#0f172ae6;border:1px solid rgba(248,250,252,.14);color:#f8fafc;font-weight:800;font-size:.85rem}.tut-timer{font-weight:900;font-size:1.1rem;color:#fb7185}.tut-path.tut-diagram{gap:8px}.tut-mile{flex:1;min-height:44px;border-radius:10px;display:grid;place-items:center;background:#1e293bd9;border:1px solid rgba(248,250,252,.12);color:#e2e8f0;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.tut-ico,.tut-inline,.tut-cur-ico,.tut-mini-btn,.tut-mile-ico,.tut-rail-ico,.tut-btn-ico,.tut-unit-ico,.tut-build-ico,.tut-fight-unit,.tut-storm-ico,.tut-win-ico,.tut-trib,.tut-slot{display:inline-block;vertical-align:middle;object-fit:contain;image-rendering:auto}.tut-inline{width:28px;height:28px;margin-right:4px}.tut-mini-btn{width:22px;height:22px}.tut-mile-ico{width:26px;height:26px;flex-shrink:0}.tut-cur{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#f8fafc}.tut-cur-ico{width:18px;height:18px}.tut-rail-demo{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}.tut-rail-btn{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:8px 10px;border-radius:12px;background:#0f172ab8;border:1px solid rgba(248,250,252,.12);color:#e2e8f0e6;font-size:.72rem;font-weight:800}.tut-rail-btn.on{border-color:#60a5fabf;background:#2563eb47;box-shadow:0 0 0 1px #60a5fa40}.tut-rail-ico{width:36px;height:36px}.tut-win-grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:520px){.tut-win-grid{grid-template-columns:1fr 1fr}}.tut-win-card{padding:12px;border-radius:12px;background:#0f172a8c;border:1px solid rgba(96,165,250,.35)}.tut-win-card.storm{border-color:#fb718573}.tut-win-card header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#fff;font-size:.92rem}.tut-win-ico{width:32px;height:32px}.tut-board-wide,.tut-board-stack{flex-direction:column;gap:12px}.tut-board-wide{flex-direction:row;flex-wrap:wrap}.tut-board-row{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.tut-trib{width:72px;height:56px;object-fit:contain}.tut-trib.sm{width:56px;height:44px}.tut-trib.mid{width:64px;height:50px;opacity:.92}.tut-pitch-thumb{width:88px;height:52px;object-fit:cover;border-radius:8px;border:1px solid rgba(248,250,252,.14)}.tut-slot-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.tut-slot{width:40px;height:40px}.tut-slot-cap{margin-left:6px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#bac6d6f2}.tut-flow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:12px;border-radius:14px;background:#060c1873;border:1px solid rgba(248,250,252,.1)}.tut-flow-step{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.72rem;font-weight:800;color:#e2e8f0}.tut-flow-step img{width:40px;height:40px;object-fit:contain}.tut-btn-ico{width:44px;height:44px}.tut-card-grid{display:grid;grid-template-columns:1fr;gap:8px;margin:4px 0 10px}@media(min-width:520px){.tut-card-grid,.tut-card-grid.tut-units{grid-template-columns:1fr 1fr}}.tut-unit-card,.tut-build-card{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:12px;background:#0f172a9e;border:1px solid rgba(248,250,252,.12);text-align:left}.tut-unit-ico,.tut-build-ico{width:52px;height:52px;flex-shrink:0}.tut-unit-meta{min-width:0;display:flex;flex-direction:column;gap:3px}.tut-unit-meta b{color:#fff;font-size:.92rem}.tut-unit-cost,.tut-unit-stats,.tut-unit-role{margin:0;font-size:.78rem;line-height:1.35;color:#cbd5e1f2}.tut-unit-role{color:#93c5fdf2}.tut-fan-up-flow{gap:12px}.tut-pair{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.68rem;font-weight:800;color:#e2e8f0e6}.tut-pair img{width:36px;height:36px;object-fit:contain}.tut-fight-unit{width:34px;height:34px}.tut-storm-ico{width:48px;height:48px}.tut-storm-units{display:flex;gap:6px;align-items:center;justify-content:center}.tut-miles li{gap:8px}.tut-body .tut-points li{display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}.tut-miles li{display:flex;align-items:center;flex-wrap:nowrap}.badge-grid{display:grid;grid-template-columns:1fr;gap:8px;max-height:min(55vh,480px);overflow:auto}.badge-card{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#0a12229e;border:1px solid rgba(248,250,252,.14)}.badge-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.badge-meta b{color:#f8fafc;font-size:.98rem}.badge-meta .tiny{color:#bac6d6f2;margin:0}.badge-card.locked{opacity:.45;filter:grayscale(.8)}.badge-card.bronze{border-color:#b4783ca6}.badge-card.silver{border-color:#b4bec8b3}.badge-card.gold{border-color:#eab308bf;box-shadow:0 0 16px #eab30826}.badge-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:1.2rem;font-weight:800;background:#00000059;flex-shrink:0}.badge-card.bronze .badge-mark{background:linear-gradient(145deg,#b45309,#78350f);color:#ffedd5}.badge-card.silver .badge-mark{background:linear-gradient(145deg,#94a3b8,#475569);color:#f8fafc}.badge-card.gold .badge-mark{background:linear-gradient(145deg,#fbbf24,#b45309);color:#1c1917}.badge-tier{margin:2px 0 0;color:#e2e8f0b3;font-size:.72rem}.badge-unlocks{margin-top:4px}.badge-unlock-row{display:flex;gap:10px;align-items:center}.badge-unlock-row .badge-mark{width:32px;height:32px;font-size:.95rem}.badge-unlock-row.bronze .badge-mark{background:linear-gradient(145deg,#b45309,#78350f)}.badge-unlock-row.silver .badge-mark{background:linear-gradient(145deg,#94a3b8,#475569)}.badge-unlock-row.gold .badge-mark{background:linear-gradient(145deg,#fbbf24,#b45309)}.tourney-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tourney-round{padding:12px 14px;border-radius:12px;background:#0a12229e;border:1px solid rgba(248,250,252,.12);display:flex;flex-direction:column;gap:3px;color:#e8eef7}.tourney-round b{color:#f8fafc}.tourney-round .tiny{color:#bac6d6eb}.tourney-round.done{opacity:.55}.tourney-round.current{border-color:#60a5fab3;background:#2563eb38}.tourney-round.upcoming{opacity:.75}.match-flash{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:8;padding:10px 18px;border-radius:12px;font-family:var(--display-match);font-size:clamp(1.2rem,4vw,1.8rem);letter-spacing:.06em;color:#fff;text-align:center;pointer-events:none;animation:match-flash-in .25s ease-out;max-width:min(90vw,420px)}.match-flash[data-tone=goal]{background:#166534e0;box-shadow:0 8px 28px #16a34a59}.match-flash[data-tone=danger]{background:#7f1d1de6;box-shadow:0 8px 28px #ef444459}.match-flash[data-tone=halftime]{background:#1e3a8ae6}.match-flash[data-tone=storm]{background:#581c87e6}.match-flash[data-tone=ok]{background:#0f172ae0;border:1px solid rgba(248,250,252,.2)}@keyframes match-flash-in{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.combat-banner.show{display:block!important;position:absolute;left:50%;bottom:18%;transform:translate(-50%);z-index:7;padding:6px 12px;border-radius:8px;background:#7f1d1dd1;color:#fecaca;font-size:.78rem;font-weight:700;pointer-events:none;white-space:nowrap}.guided-panel{position:absolute;left:8px;top:56px;z-index:6;width:min(140px,32vw);padding:8px 10px;border-radius:10px;background:#0a0e16b8;border:1px solid rgba(248,250,252,.14);color:#e2e8f0;font-size:.7rem;display:flex;flex-direction:column;gap:4px;pointer-events:none}.guided-panel b{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#93c5fd}.guided-panel span.done{color:#86efac;text-decoration:line-through;opacity:.85}.tut-path{display:flex;justify-content:center;gap:10px;font-size:1.4rem}.tut-mile{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#0f172a8c;border:1px solid rgba(248,250,252,.12)}html.embed-mode,body.embed-mode{overscroll-behavior:none}body.embed-mode .menu-home .menu-util,body.embed-mode .menu-home #highscores,body.embed-mode .menu-home #badges{display:none}.blitz-panel{border-color:#facc1573}.blitz-panel b{color:#fde68a}.blitz-panel #blitz-clock{font-variant-numeric:tabular-nums;margin-left:.25rem}