.rotate-notice{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-notice{z-index:100;text-align:center;background:#0b2233;place-content:center;justify-items:center;gap:20px;padding:24px;font-size:1.2rem;font-weight:700;display:grid;position:fixed;inset:0}}.rotate-notice__phone{border:4px solid #ffd166;border-radius:10px;width:48px;height:80px;animation:2s ease-in-out infinite rotate-hint}@keyframes rotate-hint{40%,to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.rotate-notice__phone{animation:none;transform:rotate(90deg)}}.match{background:#0b2233;width:100%;height:100%;position:relative;overflow:hidden}.match__arena{position:absolute;inset:0}.match__arena .game-canvas{touch-action:none;display:block}.match__legend{pointer-events:none;background:#081824cc;border-radius:8px;padding:8px 12px;font-size:.85rem;position:absolute;bottom:12px;left:12px}.match__legend ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.match__legend kbd{color:#ffd166;min-width:5.5em;font-family:inherit;font-weight:700;display:inline-block}@media (pointer:coarse){.match__legend{display:none}}.match__tool{--btn-height:38px;min-width:0;font-size:.75rem}@media (max-height:500px){.match__tool{--btn-height:32px;font-size:.65rem}}.match__topbar{pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:absolute;top:12px;left:12px;right:12px}.match__slot{align-items:center;gap:8px;display:flex}.match__slot>*{pointer-events:auto}.match__slot--center{justify-content:center}.match__slot--end{justify-content:flex-end}.match__banner{color:#ffd166;text-shadow:0 3px 10px #000000b3;pointer-events:none;place-content:center;margin:0;font-size:clamp(2rem,6vw,4rem);font-weight:800;animation:.4s ease-out banner-in;display:grid;position:absolute;inset:0}@keyframes banner-in{0%{opacity:0;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.match__banner{animation:none}}.match__overlay{text-align:center;background:#081824d9;place-content:center;gap:12px;display:grid;position:absolute;inset:0}.match__pause{text-align:center;justify-items:center;gap:16px;width:min(440px,100vw - 32px);max-width:none;margin:auto;display:grid;position:fixed;inset:0}.match__pause[open]{animation:.18s ease-out pause-in}.match__pause::backdrop{background:#040e16d1}.match__pause h2{color:var(--gold);margin:0}.match__pause p{max-width:34ch}.match__pause button{min-width:150px}@keyframes pause-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.match__pause[open]{animation:none}}.match__actions{justify-content:center;gap:12px;display:flex}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4ecd8;background:#0e2f44;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}:focus-visible{outline-offset:2px;outline:3px solid #ffd166}button{font:inherit;color:#f4ecd8;cursor:pointer;background:#7a4a24;border:2px solid #f4ecd8;border-radius:8px;padding:8px 18px}button:hover{background:#8d5a2e}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{text-align:center;place-content:center;gap:16px;height:100%;display:grid}:root{--ink-dark:#3b2410;--gold:#ffd166;--parchment:#f4ecd8}.scene{background:linear-gradient(#05142040,#05142040),url(/assets/ui_scene_background.png) 50%/cover no-repeat,#1c6f95;place-items:center;height:100%;padding:16px;display:grid;position:relative;overflow:auto}.scene__brand{opacity:.9;pointer-events:none;width:92px;position:absolute;bottom:12px;right:16px}.panel{border-style:solid;border-width:40px 32px;width:min(480px,100%);color:var(--parchment);text-align:center;background:0 0;border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/panel_menu.png) 1x,url(/assets/png/retina/ui/menu/panel_menu.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/panel_menu.png" 1x,"/assets/png/retina/ui/menu/panel_menu.png" 2x);border-image-slice:40 32 fill;border-image-width:40px 32px;justify-items:center;gap:14px;padding:8px 16px;display:grid}.panel h1,.panel h2{letter-spacing:.05em;text-transform:uppercase;color:var(--gold);margin:0;font-size:1.6rem;font-weight:800}.panel p{margin:0}.panel__title-art{width:min(320px,100%);height:auto}.panel__tagline{letter-spacing:.18em;text-transform:uppercase;color:#c9bfa6;font-size:.8rem}.panel__row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.panel__muted{color:#c9bfa6;font-size:.9rem}.btn{--btn-height:52px;min-width:200px;height:var(--btn-height);border-style:solid;border-width:0 calc(var(--btn-height) * 64 / 88);border-image-slice:0 64 fill;border-image-width:0 calc(var(--btn-height) * 64 / 88);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border-radius:0;padding:0 4px;font-size:1.05rem;font-weight:800}.btn:hover{background:0 0}.btn--primary{color:var(--ink-dark);border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/button_primary_normal.png) 1x,url(/assets/png/retina/ui/menu/button_primary_normal.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/button_primary_normal.png" 1x,"/assets/png/retina/ui/menu/button_primary_normal.png" 2x)}.btn--primary:hover{border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/button_primary_hover.png) 1x,url(/assets/png/retina/ui/menu/button_primary_hover.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/button_primary_hover.png" 1x,"/assets/png/retina/ui/menu/button_primary_hover.png" 2x)}.btn--primary:active{border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/button_primary_pressed.png) 1x,url(/assets/png/retina/ui/menu/button_primary_pressed.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/button_primary_pressed.png" 1x,"/assets/png/retina/ui/menu/button_primary_pressed.png" 2x)}.btn--primary:disabled{cursor:not-allowed;color:#5b554b;border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/button_primary_disabled.png) 1x,url(/assets/png/retina/ui/menu/button_primary_disabled.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/button_primary_disabled.png" 1x,"/assets/png/retina/ui/menu/button_primary_disabled.png" 2x)}.btn--secondary{--btn-height:42px;min-width:150px;color:var(--parchment);border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/button_secondary_normal.png) 1x,url(/assets/png/retina/ui/menu/button_secondary_normal.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/button_secondary_normal.png" 1x,"/assets/png/retina/ui/menu/button_secondary_normal.png" 2x);font-size:.85rem}.btn--secondary:hover{color:var(--gold)}.btn--secondary:disabled{cursor:not-allowed;opacity:.5;color:var(--parchment)}.btn--secondary:active,.btn--secondary[aria-selected=true]{color:var(--gold);border-image-source:-webkit-image-set(url(/assets/png/default/ui/menu/button_secondary_pressed.png) 1x,url(/assets/png/retina/ui/menu/button_secondary_pressed.png) 2x);border-image-source:image-set("/assets/png/default/ui/menu/button_secondary_pressed.png" 1x,"/assets/png/retina/ui/menu/button_secondary_pressed.png" 2x)}.btn-round{--size:48px;width:var(--size);height:var(--size);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:-webkit-image-set(url(/assets/png/default/ui/controls/button_round_normal.png) 1x,url(/assets/png/retina/ui/controls/button_round_normal.png) 2x) 50%/contain no-repeat;background:image-set("/assets/png/default/ui/controls/button_round_normal.png" 1x,"/assets/png/retina/ui/controls/button_round_normal.png" 2x) 50%/contain no-repeat;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.btn-round:hover{background-image:-webkit-image-set(url(/assets/png/default/ui/controls/button_round_hover.png) 1x,url(/assets/png/retina/ui/controls/button_round_hover.png) 2x);background-image:image-set("/assets/png/default/ui/controls/button_round_hover.png" 1x,"/assets/png/retina/ui/controls/button_round_hover.png" 2x)}.btn-round:active,.btn-round[data-pressed]{background-image:-webkit-image-set(url(/assets/png/default/ui/controls/button_round_pressed.png) 1x,url(/assets/png/retina/ui/controls/button_round_pressed.png) 2x);background-image:image-set("/assets/png/default/ui/controls/button_round_pressed.png" 1x,"/assets/png/retina/ui/controls/button_round_pressed.png" 2x)}.icon{pointer-events:none;background:50%/contain no-repeat;width:55%;height:55%;display:block}.icon--home{background-image:url(/assets/png/retina/ui/controls/icon_home.png)}.icon--close{background-image:url(/assets/png/retina/ui/controls/icon_close.png)}.icon--fire-front{background-image:url(/assets/png/retina/ui/controls/icon_fire_front.png)}.icon--fire-left{background-image:url(/assets/png/retina/ui/controls/icon_fire_left.png)}.icon--fire-right{background-image:url(/assets/png/retina/ui/controls/icon_fire_right.png)}.icon--forward{background-image:url(/assets/png/retina/ui/controls/icon_forward.png)}.icon--minus{background-image:url(/assets/png/retina/ui/controls/icon_minus.png)}.icon--plus{background-image:url(/assets/png/retina/ui/controls/icon_plus.png)}.btn-round:disabled{cursor:not-allowed;opacity:.4}.stepper{justify-items:center;gap:6px;display:grid}.stepper__label{color:#c9bfa6;font-size:.9rem}.stepper__controls{align-items:center;gap:18px;display:flex}.stepper__button{--btn-height:40px;width:78px;min-width:78px;padding:0;font-size:0}.stepper__button .icon{width:18px;height:18px}.result__title:focus-visible{outline:none}.stepper__value{font-variant-numeric:tabular-nums;text-align:center;cursor:default;border-radius:6px;min-width:5.5ch;padding:4px 8px;font-size:1.3rem;font-weight:800}dialog.panel{max-width:calc(100vw - 80px);max-height:calc(100vh - 100px);margin:auto;overflow:auto}dialog.panel:not([open]){display:none}dialog.panel::backdrop{background:#040e16b3}.field{text-align:left;gap:6px;width:min(280px,100%);display:grid}.field label{font-weight:700}.field input{font:inherit;color:var(--parchment);background:#0e1d2a;border:2px solid #c9a46a;border-radius:8px;padding:8px 10px}.field input[aria-invalid=true]{border-color:#ff6b6b}.field__error{color:#ff9b9b;min-height:1.3em;font-size:.85rem}.scene__corner{position:absolute;top:12px;right:12px}.panel--wide{width:min(640px,100%)}.panel__form{justify-items:center;gap:14px;display:grid}.result__score{color:var(--gold);font-size:4rem;font-weight:800;line-height:1}.result__badge{border:2px solid var(--gold);text-transform:uppercase;color:var(--gold);border-radius:999px;padding:4px 14px;font-weight:800}.options__list{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:12px 20px;width:100%;margin:0;display:grid}.options__list dt{font-weight:700}.options__list dd{justify-content:flex-end;align-items:center;gap:12px;margin:0;display:flex}.records__panel{width:100%;min-height:160px;padding:12px 0;display:block}.records__content{gap:12px;width:100%;display:grid;overflow-x:auto}.records__content h2{color:var(--gold);margin:0;font-size:1rem}.records__scenario{text-align:left;gap:8px;width:min(100%,520px);margin:16px auto 4px;display:grid}.records__scenario>label{color:var(--gold);font-weight:700}.records__scenario-controls{justify-content:center;align-items:center;gap:12px;display:flex}.records__scenario-controls select{color:#fff4d6;min-width:200px;min-height:40px;font:inherit;background:#102a32;border:1px solid #c9bfa6;border-radius:4px;padding:0 36px 0 12px}.records__scenario-controls select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.records__scenario>.panel__muted{text-align:center}.records__table{border-collapse:collapse;width:100%;font-size:.9rem}.records__table th,.records__table td{text-align:left;white-space:nowrap;border-bottom:1px solid #c9bfa640;padding:8px 10px}.records__table th{color:var(--gold)}.records__pagination{color:#c9bfa6;justify-content:center;align-items:center;gap:12px;display:flex}.records__page-button{--btn-height:40px;min-width:120px}.records__page-button:disabled{cursor:not-allowed;opacity:.55}.records__error{color:#ffc6bd;text-align:center;justify-items:center;gap:12px;display:grid}.records__error p,.records__stale-error{margin:0}.records__stale-error{color:#ffc6bd;font-size:.85rem}.records__scenario-controls{flex-wrap:wrap}.records__you{color:var(--gold);font-weight:700}.records__table tr[data-current] td{background:#ffd1661f}.menu__pending{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.menu__pending .panel__muted{margin:0}.menu__pending .btn{--btn-height:40px}.screen-title:focus{outline:none}.screen-title:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:4px}.how-to__rules{text-align:left;gap:6px;margin:0;padding-left:1.2em;display:grid}.how-to__controls{border-collapse:collapse}.how-to__controls caption{color:var(--gold);margin-bottom:6px;font-weight:700}.how-to__controls th,.how-to__controls td{text-align:left;padding:2px 10px}.how-to__controls kbd{color:var(--gold);font-family:inherit}