.bui{--u:1px;--bg:#07060f;--surface:#110d22;--raised:#1d1738;--card:#120f26;--ink:#f6f3ff;--muted:#aea4d6;--line:#3b3170;--rim:#07060f;--k-sys:#19f0ff;--k-cmd:#9a63ff;--k-fire:#ff2b4e;--k-aim:#ff7389;--k-attack:#ff2e88;--k-advance:#ff8a1f;--k-fallin:#a8ff3e;--k-flag:#f6f3ff;--k-go:#39ffb0;--team-a:#39ffb0;--team-b:#ff5c8f;--team:var(--team-a);--hurt:#ffc21a;--critical:#f0506e;--k-sys-ink:var(--k-sys);--k-cmd-ink:#b48cff;--k-fire-ink:var(--k-fire);--team-ink:var(--team);--k-cmd-base:color-mix(in srgb, var(--k-cmd) 50%, var(--rim));--k-cmd-deep:color-mix(in srgb, var(--k-cmd) 80%, var(--rim));--bui-kbd-alpha:.88;--bui-sx:var(--shadow-x,0);--bui-sy:var(--shadow-y,1);--bui-shadow:var(--shadow-color,var(--rim));--bui-spring:cubic-bezier(.34, 1.7, .5, 1);--bui-out:cubic-bezier(.15, .8, .3, 1);color:var(--ink);font:calc(12 * var(--u)) / 1.3 ui-monospace, "SFMono-Regular", Menlo, monospace}.bui[data-theme=light]{--bg:#eef0fb;--surface:#fff;--raised:#e6e4f8;--card:#fff;--ink:#1b1636;--muted:#5d5684;--line:#b9b2e3;--k-sys-ink:#006e91;--k-cmd-ink:#6a3ae6;--k-fire-ink:#c01033;color-scheme:light}.bui[data-side="1"]{--team:var(--team-b)}.bui{touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}.bui:is([data-fizlet-host],[data-touch-lock]),.bui :is([data-fizlet-host],[data-touch-lock]){touch-action:none;overscroll-behavior:none}.bui :is(.ae-slot,[data-fizlet-slot],[data-touch-lock=y]){touch-action:pan-y;overscroll-behavior:none}.bui button,.bui .bui-key{--py:calc(3 * var(--u));--hy:calc(1 * var(--u));--bx:calc(var(--py) * var(--bui-sx));--by:calc(var(--py) * var(--bui-sy));--edge:var(--line);--edge-hover:var(--k-sys);--border-hover:var(--k-sys);--glow:0 0 0 transparent;--glow-hover:var(--glow);--glow-press:var(--glow);font:inherit;color:var(--ink);background:var(--surface);border:calc(2 * var(--u)) solid var(--line);border-radius:calc(6 * var(--u));min-height:calc(40 * var(--u));padding:calc(8 * var(--u)) calc(13 * var(--u));cursor:pointer;box-shadow:var(--bx) var(--by) 0 var(--edge), var(--glow);-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none;transition:transform .12s ease-out,box-shadow .12s ease-out,background-color .14s,border-color .14s;transform:none}.bui button svg,.bui .bui-key svg{width:calc(18 * var(--u));height:calc(18 * var(--u));fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover) and (pointer:fine){.bui button:not(:disabled,:active,.down,[aria-pressed=true],[aria-expanded=true],.active):hover,.bui .bui-key:not(:disabled,:active,.down,[aria-disabled=true],[aria-pressed=true],[aria-expanded=true],.active):hover{border-color:var(--border-hover);transform:translate(calc(-1 * var(--hy) * var(--bui-sx)), calc(-1 * var(--hy) * var(--bui-sy)));box-shadow:calc((var(--py) + var(--hy)) * var(--bui-sx)) calc((var(--py) + var(--hy)) * var(--bui-sy)) 0 var(--edge-hover), var(--glow-hover)}}.bui button:not(:disabled):active,.bui button.down,.bui button:is([aria-pressed=true],[aria-expanded=true],.active),.bui .bui-key:not(:disabled,[aria-disabled=true]):is(:active,.down),.bui .bui-key:is([aria-pressed=true],[aria-expanded=true],.active){transform:translate(var(--bx), var(--by));box-shadow:0 0 0 var(--edge), var(--glow-press)}.bui button:not(:disabled):active,.bui button.down,.bui .bui-key:is(:active,.down){transition-duration:50ms}.bui button:disabled,.bui .bui-key[aria-disabled=true]{opacity:.45;cursor:not-allowed}.bui .bui-key[aria-disabled=true]{pointer-events:none}:where(.bui .bui-key){position:relative}.bui .bui-key:before{content:"";inset:calc(min(0px, var(--by)) - 4 * var(--u)) calc(-2 * max(0px, var(--bx))) calc(-1 * (max(0px, var(--by)) + 4 * var(--u))) calc(2 * min(0px, var(--bx)));transition:inherit;position:absolute}@media (hover:hover) and (pointer:fine){.bui .bui-key:not(:disabled,:active,.down,[aria-disabled=true],[aria-pressed=true],[aria-expanded=true],.active):hover:before{transform:translate(calc(var(--hy) * var(--bui-sx)), calc(var(--hy) * var(--bui-sy)))}}.bui .bui-key:not(:disabled,[aria-disabled=true]):is(:active,.down):before,.bui .bui-key:is([aria-pressed=true],[aria-expanded=true],.active):before{transform:translate(calc(-1 * var(--bx)), calc(-1 * var(--by)))}.bui button:focus-visible,.bui .bui-key:focus-visible{box-shadow:var(--bx) var(--by) 0 var(--edge), 0 0 0 calc(3 * var(--u)) var(--bg), var(--bx) var(--by) 0 calc(3 * var(--u)) var(--bg), 0 0 0 calc(6 * var(--u)) var(--k-sys-ink), var(--bx) var(--by) 0 calc(6 * var(--u)) var(--k-sys-ink);outline:none}.bui button:focus-visible:is(:active,.down,.active,[aria-pressed=true],[aria-expanded=true]),.bui .bui-key:focus-visible:is(:active,.down,.active,[aria-pressed=true],[aria-expanded=true]){box-shadow:0 0 0 calc(3 * var(--u)) var(--bg), 0 0 0 calc(6 * var(--u)) var(--k-sys-ink)}.bui .bui-arcade{--c:var(--k-sys);--py:calc(4 * var(--u));--hy:calc(2 * var(--u));--edge:color-mix(in srgb, var(--c) 45%, var(--bui-shadow));--edge-hover:var(--edge);--border-hover:var(--rim);--glow:0 0 calc(14 * var(--u)) color-mix(in srgb, var(--c) 40%, transparent);--glow-hover:0 0 calc(18 * var(--u)) color-mix(in srgb, var(--c) 55%, transparent);--glow-press:0 0 calc(22 * var(--u)) color-mix(in srgb, var(--c) 70%, transparent);align-items:center;gap:calc(8 * var(--u));min-height:calc(44 * var(--u));font-size:calc(12 * var(--u));color:var(--rim);background:var(--c);border-color:var(--rim);border-radius:calc(10 * var(--u));font-weight:700;display:inline-flex}.bui[data-theme=light] .bui-arcade{--glow:0 0 0 transparent;--glow-hover:0 0 0 transparent}.bui .bui-arcade:is([aria-pressed=true],.active){--glow-press:0 0 calc(18 * var(--u)) color-mix(in srgb, var(--lock,var(--c)) 60%, transparent);background:var(--lock,var(--c));animation:1.8s ease-in-out infinite bui-locked}@keyframes bui-locked{50%{box-shadow:0 0 0 transparent, 0 0 0 calc(3 * var(--u) + .15em) color-mix(in srgb, var(--lock,var(--c)) 35%, transparent), 0 0 calc(26 * var(--u)) color-mix(in srgb, var(--lock,var(--c)) 80%, transparent)}}.bui .bui-call{isolation:isolate;position:relative}.bui .bui-call:after{content:"";inset:calc(-2 * var(--u));z-index:-1;border-radius:inherit;translate:var(--bx) var(--by);border:calc(2 * var(--u)) solid var(--c,var(--k-sys));pointer-events:none;animation:1.4s ease-out infinite bui-call;position:absolute}.bui .bui-call:is([aria-pressed=true],.active):after{content:none}@keyframes bui-call{0%{opacity:.9;scale:1}to{opacity:0;scale:1.45 1.6;translate:calc((var(--py) + 6 * var(--u)) * var(--bui-sx)) calc((var(--py) + 6 * var(--u)) * var(--bui-sy))}}.bui .bui-sys{--c:var(--k-sys)}.bui .bui-cmd{--c:var(--k-cmd);--lock:var(--k-cmd)}.bui .bui-fire{--c:var(--k-fire)}.bui .bui-aim{--c:var(--k-aim)}.bui .bui-attack{--c:var(--k-attack);--lock:var(--k-cmd)}.bui .bui-advance{--c:var(--k-advance);--lock:var(--k-cmd)}.bui .bui-fallin{--c:var(--k-fallin);--lock:var(--k-cmd)}.bui .bui-retreat{--c:var(--team);--lock:var(--k-cmd)}.bui .bui-flag{--c:var(--k-flag)}.bui .bui-go{--c:var(--k-go)}.bui .bui-aim:not([aria-pressed=true]){--c:color-mix(in srgb, var(--k-aim) 18%, var(--surface));color:var(--k-aim)}.bui[data-theme=light] .bui-aim:not([aria-pressed=true]){--c:color-mix(in srgb, var(--k-aim) 16%, #fff);color:var(--k-fire-ink)}.bui kbd{font:calc(9 * var(--u)) ui-monospace, monospace;border:calc(1 * var(--u)) solid currentColor;padding:calc(1 * var(--u)) calc(4 * var(--u));border-radius:calc(3 * var(--u));opacity:var(--bui-kbd-alpha);margin-left:auto}.bui .bui-icon-key{width:calc(44 * var(--u));height:calc(44 * var(--u));place-items:center;padding:0;display:inline-grid}.bui .bui-unit{--c:var(--team);align-content:center;justify-items:center;gap:calc(3 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));min-height:0;padding:0 0 calc(2 * var(--u));display:inline-grid}.bui .bui-unit b{font:900 calc(16 * var(--u)) / 1 ui-monospace, monospace;color:var(--rim)}.bui .bui-unit[data-hp=hurt]{--c:var(--hurt)}.bui .bui-unit[data-hp=critical]{--c:var(--critical)}.bui .bui-unit.active{outline:calc(2 * var(--u)) solid #f6f3ff;outline-offset:calc(2 * var(--u))}.bui .bui-unit:disabled{--c:#4a4566;transform:translate(var(--bx), var(--by));box-shadow:0 0 0 var(--edge)}.bui .bui-unit:disabled b{text-decoration:line-through}.bui .bui-pips{gap:calc(3 * var(--u));display:flex}.bui .bui-pips s{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:calc(1 * var(--u));background:var(--rim)}.bui .bui-pager{display:inline-flex}.bui .bui-pager button{--c:var(--k-sys);min-width:calc(44 * var(--u));margin-left:calc(-2 * var(--u));border-radius:0;justify-content:center}.bui .bui-pager button:first-child{border-radius:calc(10 * var(--u)) 0 0 calc(10 * var(--u));margin-left:0}.bui .bui-pager button:last-child{border-radius:0 calc(10 * var(--u)) calc(10 * var(--u)) 0}.bui .bui-seg{gap:calc(8 * var(--u));display:inline-flex}.bui .bui-seg button[aria-pressed=true]{color:var(--rim);background:var(--k-sys);border-color:var(--rim)}.bui .bui-orb{--py:calc(5 * var(--u));--edge:var(--k-cmd-base);--edge-hover:var(--edge);--border-hover:var(--k-cmd);width:calc(66 * var(--u));height:calc(66 * var(--u));min-height:0;color:var(--k-sys-ink);background:var(--card);border:calc(3 * var(--u)) solid var(--k-cmd);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.bui .bui-orb svg,.bui .bui-orb canvas{width:calc(40 * var(--u));height:calc(40 * var(--u))}.bui .bui-orb small{left:50%;bottom:calc(8 * var(--u));font:900 calc(9.5 * var(--u)) / 1 ui-monospace, monospace;color:var(--k-cmd-ink);white-space:nowrap;position:absolute;translate:-50%}.bui .bui-badge{top:calc(-9 * var(--u));right:calc(-9 * var(--u));min-width:calc(23 * var(--u));height:calc(23 * var(--u));padding:0 calc(4 * var(--u));font:900 calc(12 * var(--u)) / calc(23 * var(--u)) ui-monospace, monospace;color:var(--rim);background:var(--team);border:calc(2 * var(--u)) solid var(--rim);border-radius:calc(12 * var(--u));position:absolute}.bui .bui-outline{filter:drop-shadow(calc(1.5 * var(--u)) 0 0 var(--rim)) drop-shadow(calc(-1.5 * var(--u)) 0 0 var(--rim)) drop-shadow(0 calc(1.5 * var(--u)) 0 var(--rim)) drop-shadow(0 calc(-1.5 * var(--u)) 0 var(--rim))}.bui .bui-sticker-key{--py:calc(5 * var(--u));--hy:calc(2 * var(--u));--edge:#f6f3ff;--edge-hover:#f6f3ff;--border-hover:#f6f3ff;align-content:center;justify-items:center;gap:calc(6 * var(--u));width:calc(132 * var(--u));height:calc(84 * var(--u));min-height:0;padding:calc(6 * var(--u)) 0 calc(5 * var(--u));color:#19f0ff;border:calc(3 * var(--u)) solid #f6f3ff;border-radius:calc(12 * var(--u));background:#10233f;display:inline-grid}.bui .bui-sticker-key svg{width:calc(42 * var(--u));height:calc(42 * var(--u));fill:currentColor;stroke:none}.bui .bui-sticker-key b{font:900 calc(10 * var(--u)) / 1 ui-monospace, monospace;letter-spacing:calc(1.6 * var(--u));color:#f6f3ff;white-space:nowrap}.bui .bui-sticker-key.bui-plan{color:#f6f3ff;background:var(--k-cmd)}.bui .bui-sticker-key.bui-plan b{color:var(--rim)}.bui .bui-sticker-key.bui-second{color:var(--ink);background:var(--surface)}.bui[data-theme=light] .bui-sticker-key{--edge:var(--rim);--edge-hover:var(--rim);--border-hover:var(--rim);color:#0a8fa8;border-color:var(--rim);background:#f6f3ff}.bui[data-theme=light] .bui-sticker-key b{color:var(--rim)}.bui[data-theme=light] .bui-sticker-key.bui-plan{color:#f6f3ff;background:var(--k-cmd)}.bui[data-theme=light] .bui-sticker-key.bui-second{color:var(--rim);background:var(--k-flag)}.bui .bui-surrender .bui-cells rect{fill:var(--team)}.bui .bui-surrender svg .bui-grid{fill:none;stroke:#07060f;stroke-opacity:.3;stroke-width:1px}.bui .bui-surrender svg .bui-frame{fill:none;stroke:#f6f3ff;stroke-width:2px}.bui .bui-surrender svg :is(.bui-pole,.bui-cloth){fill:#f6f3ff;stroke:#07060f;stroke-width:2px;stroke-linejoin:round;shape-rendering:geometricprecision}.bui .bui-surrender.go .bui-cells rect{animation:bui-whiteout .16s calc(var(--i) * 18ms) steps(2) forwards}.bui .bui-surrender.go .bui-cloth{animation:.12s ease-in-out 4 alternate bui-wave}.bui .bui-cloth{transform-box:fill-box;transform-origin:0}@keyframes bui-whiteout{to{fill:#f6f3ff}}@keyframes bui-wave{0%{transform:skewY(-12deg)scaleX(.9)}to{transform:skewY(10deg)scaleX(1.05)}}.bui .bui-overlay{z-index:30;contain:layout style;background:#2a2d38d1;position:absolute;inset:0}.bui .bui-overlay[hidden]{display:none}.bui .fizlet-coach[hidden]{display:none!important}.bui .bui-sticker{--tone:var(--k-flag);justify-items:center;gap:calc(4 * var(--u));padding:calc(8 * var(--u)) calc(18 * var(--u)) calc(10 * var(--u));color:var(--rim);background:var(--tone);border:calc(2.5 * var(--u)) solid var(--rim);border-radius:calc(10 * var(--u));box-shadow:calc(5 * var(--u) * var(--bui-sx)) calc(5 * var(--u) * var(--bui-sy)) 0 var(--bui-shadow);animation:1.1s linear both bui-slam;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.bui .bui-sticker span{font:800 calc(8 * var(--u)) / 1 ui-monospace, monospace;letter-spacing:calc(4 * var(--u));animation:1s steps(2,end) infinite bui-blink}.bui .bui-sticker b{font:900 calc(34 * var(--u)) / 1 ui-monospace, monospace;letter-spacing:calc(2 * var(--u));white-space:nowrap;text-shadow:calc(3 * var(--u) * var(--bui-sx)) calc(3 * var(--u) * var(--bui-sy)) 0 color-mix(in srgb, var(--bui-shadow) 35%, transparent)}@keyframes bui-blink{50%{opacity:.45}}@keyframes bui-slam{0%{opacity:0;rotate:10deg;scale:1.9;translate:0 calc(-24 * var(--u));box-shadow:calc(46 * var(--u) * var(--bui-sx)) calc(46 * var(--u) * var(--bui-sy)) calc(34 * var(--u)) color-mix(in srgb, var(--bui-shadow) 55%, transparent);animation-timing-function:cubic-bezier(.55,0,1,.45)}36%{opacity:1;box-shadow:calc(5 * var(--u) * var(--bui-sx)) calc(5 * var(--u) * var(--bui-sy)) 0 var(--bui-shadow);animation-timing-function:ease-out;translate:0;rotate:-4deg;scale:1}46%{scale:1.04}58%,72%{box-shadow:calc(5 * var(--u) * var(--bui-sx)) calc(5 * var(--u) * var(--bui-sy)) 0 var(--bui-shadow);animation-timing-function:cubic-bezier(.5,0,.75,0);translate:0;scale:1}to{opacity:1;rotate:-4deg;scale:1;translate:calc(5 * var(--u) * var(--bui-sx)) calc(5 * var(--u) * var(--bui-sy));box-shadow:0 0 0 var(--bui-shadow)}}.bui .bui-overlay-keys{left:50%;bottom:calc(20 * var(--u));gap:calc(16 * var(--u));display:flex;position:absolute;translate:-50%}.bui .bui-card{padding:calc(14 * var(--u));color:var(--ink);background:color-mix(in srgb, var(--card) 94%, transparent);border:calc(2.5 * var(--u)) solid var(--k-cmd);border-radius:calc(10 * var(--u));box-shadow:calc(5 * var(--u) * var(--bui-sx)) calc(5 * var(--u) * var(--bui-sy)) 0 var(--k-cmd-base);position:relative}.bui .bui-grip{top:calc(-8 * var(--u));width:calc(36 * var(--u));height:calc(12 * var(--u));min-height:0;padding:calc(3.5 * var(--u)) calc(10 * var(--u));background:radial-gradient(circle, var(--rim) 0 45%, transparent 55%) 0 0 / calc(4 * var(--u)) calc(2.5 * var(--u)) content-box content-box, var(--k-cmd);border-radius:calc(4 * var(--u));box-shadow:none;cursor:grab;touch-action:none;border:0;position:absolute;left:50%;translate:-50%;transform:none!important}.bui .bui-grip:before{content:"";inset:calc(-12 * var(--u)) calc(-14 * var(--u));position:absolute}.bui .bui-grip:is(:active,.on){cursor:grabbing}.bui .bui-back-tab{--py:calc(2 * var(--u));--edge:var(--k-cmd-base);top:calc(-12 * var(--u));left:calc(14 * var(--u));align-items:center;gap:calc(3 * var(--u));height:calc(22 * var(--u));min-height:0;padding:0 calc(9 * var(--u)) 0 calc(5 * var(--u));font:800 calc(9 * var(--u)) / 1 ui-monospace, monospace;letter-spacing:calc(1.2 * var(--u));color:#f6f3ff;background:var(--k-cmd-deep);border:calc(1.5 * var(--u)) solid var(--rim);border-radius:calc(6 * var(--u));display:flex;position:absolute}.bui .bui-back-tab svg{width:calc(12 * var(--u));height:calc(12 * var(--u));stroke-width:3px}.bui .bui-dock{gap:calc(12 * var(--u));padding:calc(54 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));background:color-mix(in srgb, var(--surface) 70%, transparent);border:calc(2 * var(--u)) solid color-mix(in srgb, var(--line) 80%, transparent);border-radius:calc(12 * var(--u));box-shadow:calc(4 * var(--u) * var(--bui-sx)) calc(4 * var(--u) * var(--bui-sy)) 0 color-mix(in srgb, var(--line) 80%, transparent);display:grid;position:relative}.bui .bui-dock-title{left:calc(16 * var(--u));top:calc(21 * var(--u));font:700 calc(11 * var(--u)) / 1 ui-monospace, monospace;letter-spacing:.2em;color:var(--muted);position:absolute}.bui .bui-dock-switch{--py:calc(2 * var(--u));top:calc(12 * var(--u));right:calc(12 * var(--u));width:calc(28 * var(--u));height:calc(24 * var(--u));border-width:calc(1.5 * var(--u));place-items:center;min-height:0;padding:0;display:grid;position:absolute}.bui .bui-dock-switch svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.bui .bui-dock .bui-arcade{width:100%}.bui .bui-divider{border-top:calc(1 * var(--u)) solid var(--line);height:0}.bui .bui-label{font-size:calc(9 * var(--u));letter-spacing:calc(1.4 * var(--u));color:var(--muted);white-space:nowrap;text-transform:uppercase}.bui .bui-label b{color:var(--ink);font-weight:800}.bui .bui-toast{align-items:center;gap:calc(9 * var(--u));width:max-content;max-width:min(calc(440 * var(--u)), 100%);padding:calc(9 * var(--u)) calc(16 * var(--u)) calc(9 * var(--u)) calc(13 * var(--u));font-size:calc(11.5 * var(--u));color:var(--ink);background:color-mix(in srgb, var(--surface) 97%, transparent);border:calc(1.5 * var(--u)) solid var(--line);border-left:calc(4 * var(--u)) solid var(--k-sys);border-radius:calc(7 * var(--u));box-shadow:calc(3 * var(--u) * var(--bui-sx)) calc(3 * var(--u) * var(--bui-sy)) 0 var(--bui-shadow), 0 0 calc(18 * var(--u)) color-mix(in srgb, var(--k-sys) 22%, transparent);font-weight:600;line-height:1.3;display:flex}.bui .bui-toast:before{content:"";width:calc(9 * var(--u));height:calc(9 * var(--u));background:var(--k-go);box-shadow:0 0 calc(8 * var(--u)) var(--k-go);border-radius:50%;flex:none}.bui .bui-tip-ring{padding:calc(4 * var(--u));border:calc(3 * var(--u)) dashed var(--k-sys-ink);border-radius:calc(12 * var(--u));box-shadow:0 0 0 calc(2 * var(--u)) color-mix(in srgb, var(--surface) 85%, transparent), inset 0 0 0 calc(2 * var(--u)) color-mix(in srgb, var(--surface) 85%, transparent);display:inline-block;position:relative}.bui .bui-tip-label{--py:calc(2 * var(--u));--edge:color-mix(in srgb, var(--k-sys) 45%, var(--bui-shadow));min-height:0;padding:calc(4 * var(--u)) calc(8 * var(--u));font-size:calc(10 * var(--u));white-space:nowrap;color:var(--rim);background:var(--k-sys);border:calc(1 * var(--u)) solid var(--rim);border-radius:calc(4 * var(--u));font-weight:700}.bui .bui-tip-label:after{content:" +"}.bui-burst{z-index:2147483000;pointer-events:none;user-select:none;position:fixed}.bui-burst>*{pointer-events:none;position:absolute}.bui-burst .bui-flash{background:var(--tone);border-radius:50%}.bui-burst .bui-ring{border:3px solid var(--tone);border-radius:50%}.bui-burst .bui-bit{background:var(--tone)}.bui .bui-igniting{opacity:0;pointer-events:none}.bui .bui-pad{z-index:12;contain:layout style;justify-content:space-between;align-items:flex-end;gap:calc(16 * var(--u));padding:0 max(calc(14 * var(--u)), env(safe-area-inset-right)) max(calc(14 * var(--u)), env(safe-area-inset-bottom)) max(calc(14 * var(--u)), env(safe-area-inset-left));pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:flex;position:absolute;inset:auto 0 0}.bui .bui-pad[data-hand=left]{flex-direction:row-reverse}.bui .bui-pad-move,.bui .bui-pad-keys{align-items:flex-end;gap:calc(10 * var(--u));display:flex}.bui .bui-pad-keys{max-width:calc(240 * var(--u));flex-flow:row-reverse wrap-reverse}.bui .bui-pad[data-hand=left] .bui-pad-keys{flex-direction:row}.bui .bui-pad :is(.bui-stick,.bui-dpad,button){pointer-events:auto;touch-action:none}.bui .bui-pad .bui-arcade{--py:calc(5 * var(--u));justify-content:center;gap:calc(2 * var(--u));width:calc(62 * var(--u));height:calc(62 * var(--u));border-width:calc(2.5 * var(--u));border-radius:50%;flex-direction:column;min-height:0;padding:0;position:relative}.bui .bui-pad .bui-arcade svg{width:calc(24 * var(--u));height:calc(24 * var(--u));stroke-width:2.3px}.bui .bui-pad small{font:900 calc(8 * var(--u)) / 1 ui-monospace, monospace;letter-spacing:.12em}.bui .bui-pad kbd{left:calc(-6 * var(--u));top:calc(-6 * var(--u));padding:calc(1 * var(--u)) calc(4 * var(--u));font:800 calc(8 * var(--u)) / 1.3 ui-monospace, monospace;color:var(--muted);background:var(--surface);border:calc(1 * var(--u)) solid var(--line);border-radius:calc(4 * var(--u));opacity:1;margin:0;position:absolute}@media (pointer:coarse){.bui .bui-pad kbd{display:none}}.bui .bui-pad .bui-primary{width:calc(96 * var(--u));height:calc(96 * var(--u))}.bui .bui-pad .bui-primary svg{width:calc(40 * var(--u));height:calc(40 * var(--u))}.bui .bui-stick{width:calc(128 * var(--u));height:calc(128 * var(--u));background:radial-gradient(circle, transparent 0 34%, color-mix(in srgb, var(--k-sys) 14%, transparent) 34% 35%, transparent 35%), color-mix(in srgb, var(--k-sys) 8%, var(--bg));border:calc(2.5 * var(--u)) solid var(--k-sys);box-shadow:calc(4 * var(--u) * var(--bui-sx)) calc(4 * var(--u) * var(--bui-sy)) 0 color-mix(in srgb, var(--k-sys) 35%, var(--bui-shadow)), inset 0 0 calc(18 * var(--u)) color-mix(in srgb, var(--k-sys) 14%, transparent);border-radius:50%;position:relative}.bui .bui-stick:before,.bui .bui-stick:after{content:"";border:calc(6 * var(--u)) solid transparent;border-bottom-color:color-mix(in srgb, var(--k-sys) 55%, transparent);pointer-events:none;position:absolute;top:8%;left:50%;translate:-50%}.bui .bui-stick:after{border-bottom-color:#0000;border-top-color:color-mix(in srgb, var(--k-sys) 55%, transparent);top:auto;bottom:8%}.bui .bui-knob{background:var(--k-sys);border:calc(2 * var(--u)) solid var(--rim);box-shadow:calc(4 * var(--u) * var(--bui-sx)) calc(4 * var(--u) * var(--bui-sy)) 0 color-mix(in srgb, var(--k-sys) 45%, var(--bui-shadow)), 0 0 calc(14 * var(--u)) color-mix(in srgb, var(--k-sys) 40%, transparent);transition:translate .16s var(--bui-spring);pointer-events:none;border-radius:50%;position:absolute;inset:31%}.bui .bui-stick.down .bui-knob{box-shadow:calc(1 * var(--u) * var(--bui-sx)) calc(1 * var(--u) * var(--bui-sy)) 0 color-mix(in srgb, var(--k-sys) 45%, var(--bui-shadow)), 0 0 calc(22 * var(--u)) color-mix(in srgb, var(--k-sys) 65%, transparent);transition:none}.bui .bui-dpad{grid-template:repeat(3, calc(44 * var(--u))) / repeat(3, calc(44 * var(--u)));gap:calc(4 * var(--u));display:grid}.bui .bui-pad .bui-dpad .bui-arcade{border-radius:calc(10 * var(--u));width:auto;height:auto}.bui .bui-dpad [data-d="0"]{grid-area:1/2}.bui .bui-dpad [data-d="1"]{grid-area:3/2}.bui .bui-dpad [data-d="2"]{grid-area:2/1}.bui .bui-dpad [data-d="3"]{grid-area:2/3}.bui .bui-pad [data-d="1"] svg{rotate:180deg}.bui .bui-pad [data-d="2"] svg{rotate:-90deg}.bui .bui-pad [data-d="3"] svg{rotate:90deg}.bui .bui-pad-move>[data-d="2"]{order:-1}@media (prefers-reduced-motion:reduce){.bui *,.bui :after{transition:none!important;animation:none!important}.bui :is(button:not(:disabled),.bui-key:not([aria-disabled=true])):is(:active,.down){filter:brightness(.82)}.bui-burst{display:none}}.bui .bui-readouts{gap:calc(30 * var(--u));display:flex}.bui .bui-readout{font-size:calc(8 * var(--u));letter-spacing:calc(1.4 * var(--u));text-transform:uppercase;color:var(--muted)}.bui .bui-readout b{margin-top:calc(6 * var(--u));font-size:calc(20 * var(--u));color:var(--ink);font-variant-numeric:tabular-nums;display:block}.bui .bui-readout[data-tone=team] b{color:var(--team-ink)}.bui .bui-readout[data-tone=enemy] b{color:var(--team-b)}.bui .bui-readouts.bui-on-map{gap:calc(3 * var(--u)) calc(12 * var(--u));padding:calc(5 * var(--u)) calc(9 * var(--u));background:color-mix(in srgb, var(--surface) 74%, transparent);border:calc(1.5 * var(--u)) solid var(--line);border-radius:calc(5 * var(--u))}html.bui{--hot:#ff4fa8;--cyan:#22e6ff;--sun:#ffd166;--mono:ui-monospace,"SF Mono",Menlo,monospace;--round:ui-rounded,"SF Pro Rounded",Nunito,system-ui,sans-serif;background:var(--bg);color:var(--ink);scroll-padding-top:80px}html.bui[data-theme=light]{--hot:#d81b72;--cyan:#0b8fa3;--sun:#b26a00}.bui body{background:var(--bg);color:var(--ink);margin:0;font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.bui a{color:inherit}.wrap{width:min(1200px,100% - 32px);margin:0 auto}.skip{position:absolute;left:-999px}.skip:focus{z-index:99;background:var(--surface);padding:8px 12px;top:12px;left:12px}.sr{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.site-head{z-index:50;background:var(--bg);border-bottom:2px solid var(--line);position:sticky;top:0}.site-head .wrap{align-items:center;gap:20px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border:2px solid var(--rim);border-radius:9px}.brand span{line-height:1.05;display:grid}.brand b{font:900 20px var(--round);letter-spacing:.04em}.brand small{font:700 10px var(--mono);color:var(--muted);letter-spacing:.06em}.site-nav{font:800 14px var(--round);gap:18px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--ink)}.head-keys{align-items:center;gap:8px;display:flex}.bui .play-key{min-height:44px;padding:0 16px;text-decoration:none}.theme-light{display:none}[data-theme=light] .theme-light{display:inline}[data-theme=light] .theme-dark{display:none}.eyebrow{font:800 12px var(--mono);letter-spacing:.12em;color:var(--muted);margin:0 0 10px}.eyebrow .dot{background:var(--hot);border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.eyebrow .index{color:var(--hot);margin-right:6px}h1,h2,h3{font-family:var(--round);margin:0 0 14px;font-weight:900;line-height:1.02}h2{font-size:clamp(30px,4.4vw,52px)}h3{font-size:21px}em{color:var(--hot);font-style:normal}.dt-hero{isolation:isolate;border-bottom:2px solid var(--line);background:#0d0b1c;align-items:center;min-height:min(860px,100svh - 66px);display:grid;position:relative;overflow:hidden}.dt-stage,.dt-poster{z-index:0;position:absolute;inset:0}.dt-poster img{object-fit:cover;width:100%;height:100%;display:block}.dt-copy{z-index:1;pointer-events:none;padding:56px 0;position:relative}.dt-copy>*{max-width:560px}.dt-copy a,.dt-copy .bui-key{pointer-events:auto}.dt-hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0d0b1cd1 0%,#0d0b1c80 38%,#0000 62%);position:absolute;inset:0}.dt-copy .eyebrow{color:#cfc6f5}.dt-hero h1{color:#f6f3ff;text-shadow:4px 4px #07060f;font-size:clamp(46px,7.6vw,104px)}.dt-hero h1 em{color:#ff4fa8}.dt-hero .lead{font:700 clamp(17px,1.6vw,21px)/1.45 var(--round);color:#ece8ff;text-shadow:0 2px #07060f;margin:0 0 26px}.dt-ctas{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.bui .start-key{background:var(--k-go);min-width:200px;color:var(--rim);border:3px solid var(--rim);box-shadow:6px 6px 0 var(--rim);border-radius:18px;justify-items:center;gap:2px;padding:16px 30px;text-decoration:none;display:inline-grid;rotate:-2deg}.bui .start-key b{font:900 44px/1 var(--round);letter-spacing:.06em}.bui .start-key span{font:800 12px var(--mono);letter-spacing:.08em}.bui .start-key:hover{box-shadow:8px 8px 0 var(--rim);translate:-2px -2px}.dt-tap{font:800 14px var(--round);color:#cfc6f5;margin:0}.section{border-bottom:2px solid var(--line);padding:72px 0}.panel{background:var(--surface);border:2px solid var(--rim);box-shadow:5px 5px 0 var(--rim);border-radius:14px;padding:20px 22px}html.bui[data-theme=light] .panel{box-shadow:5px 5px 0 var(--ink)}.panel p{color:var(--muted);margin:0 0 10px}.panel p:last-child{margin-bottom:0}.panel.lit{background:var(--raised)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0;list-style:none;display:grid}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards .n{font:900 13px var(--mono);color:var(--rim);background:var(--hot);border-radius:6px;margin-bottom:12px;padding:3px 8px;display:inline-block}.modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0;list-style:none;display:grid}.modes li{align-content:start;gap:4px;display:grid}.modes .tier{font:800 14px var(--mono);letter-spacing:.14em;color:var(--hot)}.modes .meta{font:800 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}.modes .bui-key{justify-self:start;min-height:44px;margin-top:8px;padding:0 18px;text-decoration:none}.split{grid-template-columns:1.2fr .8fr;align-items:start;gap:40px;display:grid}.split>div>p{color:var(--muted);max-width:60ch}.bricks{flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex}.bricks code{font:700 13px var(--mono);border:2px solid var(--rim);background:var(--surface);border-radius:8px;padding:6px 10px;display:inline-block}.by .bui-key{min-height:44px;margin-top:14px;padding:0 18px;text-decoration:none}.site-foot{font:14px var(--round);color:var(--muted);padding:30px 0 40px}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.site-foot p{margin:0}.play-stage{background:#0d0b1c;height:calc(100svh - 66px);min-height:420px;position:relative}.play-host{position:absolute;inset:0}[data-app] .site-nav{display:none}@media (width<=1000px){.cards,.modes,.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.site-nav{display:none}.head-keys{margin-left:auto}}@media (width<=560px){.cards,.modes,.cards.three{grid-template-columns:1fr}.brand small{display:none}.section{padding:52px 0}.dt-hero{align-items:end;min-height:calc(100svh - 66px)}.dt-hero:before{background:linear-gradient(#0000 30%,#0d0b1c8c 58%,#0d0b1ce0 100%)}.dt-copy{padding:24px 0 28px}}@media (pointer:coarse) and (width<=900px){[data-app] .site-head{display:none}[data-app] .play-stage{height:100svh}}[data-app] .head-keys{margin-left:auto}.bui .start-key{background:#39ffb0}.bui .start-key b,.bui .start-key span{color:#07060f}.brand b{white-space:nowrap}@media (width<=560px){.brand b{font-size:17px}.head-keys{gap:6px}}.modes .panel{align-content:start;gap:4px;display:grid}.modes .meta,.cards .meta{font:800 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hot)}.soon{font:800 15px var(--round);color:var(--muted);margin:22px 0 0}.dt-hero h1 em{font-size:.58em;line-height:1.05;display:inline-block}
