:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bg:#1b1d24;--ink:#17181c;--paper:#fff7e6;--accent:#fc3;--accent-2:#4fc3f7;--danger:#ff5c7a;--ok:#7ddc5c;color:var(--paper);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#game{touch-action:none;position:fixed;inset:0}#game canvas{touch-action:none;display:block}#ui{pointer-events:none;touch-action:manipulation;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);position:fixed;inset:0}#ui [data-interactive],#ui button{pointer-events:auto}.hud{letter-spacing:.02em;font-weight:800;position:absolute;inset:0}.pill{border:3px solid var(--ink);background:var(--paper);height:34px;color:var(--ink);box-shadow:0 3px 0 var(--ink);font:inherit;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:15px;font-weight:900;line-height:1;display:inline-flex;position:absolute;transform:translateY(-50%)}.pill .icon{width:18px;height:18px}.pill__value{font-variant-numeric:tabular-nums;font-size:17px}.pill--btn{cursor:pointer}.pill--btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(calc(2px - 50%))}.pill--tl,.pill--tr{top:calc(var(--safe-top) + 23px)}.pill--tl{left:calc(var(--table-left,0px) + 12px);color:var(--accent);background:#fff7e640}.pill--tr{right:calc(100% - var(--table-right,100vw) + 12px);padding:0 9px}.pill--bl{left:calc(var(--table-left,0px) + 12px);top:calc(100% - var(--safe-bottom) - 23px)}.slab{border:3px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);box-shadow:0 4px 0 var(--ink);letter-spacing:.02em;border-radius:16px;align-items:center;gap:8px;padding:6px 14px;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.slab--accent{background:var(--accent)}.slab--blue{background:var(--accent-2)}.slab__label{opacity:.7;text-transform:uppercase;font-size:11px}.slab__value{font-variant-numeric:tabular-nums;font-size:22px}.btn{appearance:none;cursor:pointer;font:inherit;border:3px solid var(--ink);background:var(--accent);min-height:52px;color:var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:18px;padding:8px 18px;font-size:18px;font-weight:900;transition:transform 80ms,box-shadow 80ms}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn:disabled{cursor:default;opacity:.5;box-shadow:0 5px 0 var(--ink);transform:none}.btn--ghost{background:var(--paper)}.btn--danger{background:var(--danger)}.btn--small{border-radius:14px;min-height:40px;padding:4px 12px;font-size:15px}.hint{color:var(--paper);background:#00000073;border-radius:999px;align-self:center;padding:6px 12px;font-size:14px;font-weight:700}.modal{touch-action:pan-x pan-y;pointer-events:auto;background:#0a0c128c;justify-content:center;align-items:center;padding:16px;animation:.16s ease-out both modal-fade-in;display:flex;position:absolute;inset:0}.modal--closing{animation:.14s ease-in both modal-fade-out}.modal__panel{border:4px solid var(--ink);background:var(--paper);width:min(100%,520px);max-height:min(82%,720px);color:var(--ink);box-shadow:0 8px 0 var(--ink);border-radius:28px;flex-direction:column;animation:.24s cubic-bezier(.2,1.4,.4,1) both modal-pop-in;display:flex;overflow:hidden}.modal--closing .modal__panel{animation:.14s ease-in both modal-pop-out}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(28px)scale(.82)}to{opacity:1;transform:none}}@keyframes modal-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(18px)scale(.9)}}.modal--bottom,.modal--top{pointer-events:none;background:0 0}.modal--bottom .modal__panel,.modal--top .modal__panel{pointer-events:auto}.modal--bottom{align-items:flex-end;padding-bottom:72px}.modal--top{align-items:flex-start;padding-top:72px}.modal--top .modal__float{top:calc(100% + 8px);bottom:auto}.modal--top .modal__panel{animation:.26s cubic-bezier(.2,1.1,.4,1) both modal-drop-in}.modal--top.modal--closing .modal__panel{animation:.18s ease-in both modal-drop-out}@keyframes modal-drop-in{0%{transform:translateY(-120%)}to{transform:none}}@keyframes modal-drop-out{0%{transform:none}to{transform:translateY(-120%)}}.modal--bottom .modal__panel{animation:.26s cubic-bezier(.2,1.1,.4,1) both modal-slide-in}.modal--bottom.modal--closing .modal__panel{animation:.18s ease-in both modal-slide-out}@keyframes modal-slide-in{0%{transform:translateY(110%)}to{transform:none}}@keyframes modal-slide-out{0%{transform:none}to{transform:translateY(110%)}}@media (prefers-reduced-motion:reduce){.modal,.modal--closing,.modal__panel,.modal--closing .modal__panel,.modal--bottom .modal__panel,.modal--bottom.modal--closing .modal__panel,.modal--top .modal__panel,.modal--top.modal--closing .modal__panel{animation-duration:1ms}}.modal__header{flex:none;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;font-size:22px;font-weight:900;display:flex}.modal__title{flex:auto}.modal__tabs{flex-wrap:wrap;flex:none;justify-content:center;gap:6px;padding:0 12px 10px;display:flex}.tab{font:inherit;white-space:nowrap;border:3px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:8px 12px;font-weight:800;line-height:1.2}.tab--active{background:var(--accent-2)}.modal__list{flex-direction:column;gap:10px;padding:4px 12px 16px;display:flex;overflow-y:auto}.scroll-area{flex-direction:column;min-height:0;display:flex;position:relative}.scroll-area .modal__list{min-height:0}.scroll-area--dots .modal__list{padding-right:30px}.scroll-dots{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.scroll-dots__dot{border:2px solid var(--ink);background:#ffffffbf;border-radius:50%;width:9px;height:9px;transition:transform .12s,background .12s}.scroll-dots__dot--active{background:var(--accent);transform:scale(1.3)}.upgrade{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.upgrade__icon{text-align:center;font-size:30px}.upgrade__name{font-size:17px;font-weight:900}.upgrade__desc{opacity:.75;font-size:13px;font-weight:600}.upgrade__level{color:#3a7d1e;font-size:12px;font-weight:800}.ball-view{margin:0 auto;display:block}.ball-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width>=480px){.ball-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ball-tile{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;transition:transform 80ms,box-shadow 80ms;display:flex}.ball-tile:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.ball-tile--locked{background:#f1ece2}.ball-tile__level{color:#3a7d1e;white-space:nowrap;font-size:12px;font-weight:900}.ball-tile--locked .ball-tile__level{color:#8a6d3b}.ball-tile__buy{white-space:nowrap;border-radius:12px;width:100%;min-height:36px;padding:4px 6px;font-size:14px}.modal__panel--card{width:min(100%,340px);max-height:min(100% - 60px,640px);box-shadow:none;background:0 0;border:none;border-radius:18px;position:relative;overflow:visible}.modal__float{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.modal__float .btn{min-width:44px;min-height:44px;padding:4px 8px}.card{--card-color:#f2c14e;--card-soft:color-mix(in srgb, var(--card-color) 28%, #fff);--money:#b26a00;--level:#3a7d1e;--next:#1f78c1;--perk:#7a3fbf;background:var(--ink);min-height:0;max-height:100%;color:var(--ink);border-radius:16px;flex-direction:column;padding:6px;display:flex;box-shadow:0 12px 30px #0000008c}.card__frame{background:var(--card-soft);border:1px solid #0000004d;border-radius:10px;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:8px 10px 10px;display:flex;overflow-y:auto}.card__stage{align-items:center;font-size:11px;font-weight:700;display:flex}.card__stage-tag{background:var(--danger);color:var(--ink);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;border-radius:999px;padding:2px 8px}.card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card__name{font-size:24px;font-weight:900;line-height:1.1}.card__hp{color:var(--money);white-space:nowrap;align-items:center;gap:4px;font-size:22px;font-weight:900;display:inline-flex}.card__hp-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:.7;font-size:10px}.card__art{flex:none;justify-content:center;align-items:center;height:140px;display:flex}.card__art-ball{width:108px;height:108px;position:relative}.card__art-ball:after{content:"";background:radial-gradient(#14140a66 0%,#14140a2e 45%,#0000 72%);border-radius:50%;height:22px;position:absolute;bottom:-14px;left:8%;right:8%}.card__art-ball .ball-view{z-index:1;position:relative}.card__info{text-align:center;background:#f9edc5;border:1px solid #00000059;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:700}.card__info em{color:var(--level);font-style:normal}.card__power{font-size:12.5px;font-weight:600;line-height:1.3}.card__power-title{color:var(--perk);font-weight:900}.card__stats{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;font-size:10px;display:grid}.card__stats--rack{grid-template-columns:repeat(2,minmax(0,1fr))}.card__stat span{text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-weight:700;display:block}.card__stat b{font-size:14px;display:block}.card__stat--level b{color:var(--level)}.card__stat--next b{color:var(--next)}.card__stat--cost b{color:var(--money)}.card__buy{flex:none;width:100%;min-height:44px;font-size:17px}.modal__empty{text-align:center;opacity:.6;padding:24px;font-weight:700}.btn--icon{border-radius:14px;min-width:44px;min-height:44px;padding:4px 8px;font-size:20px}.settings__group{letter-spacing:.08em;text-transform:uppercase;opacity:.6;padding:4px 4px 0;font-size:12px;font-weight:900}.setting{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.setting__label{font-size:17px;font-weight:900}.setting__desc{opacity:.75;font-size:13px;font-weight:600}.switch{border:3px solid var(--ink);cursor:pointer;background:#cfd3dc;border-radius:999px;flex:none;width:64px;height:36px;padding:0;transition:background .12s;position:relative}.switch--on{background:var(--ok)}.switch__knob{border:3px solid var(--ink);box-sizing:border-box;background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch--on .switch__knob{transform:translate(28px)}.money{font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.money__value{display:inline-block}.money__value--bump{animation:.36s cubic-bezier(.2,1.6,.4,1) both money-bump}@keyframes money-bump{0%{transform:scale(1)}35%{color:#3a7d1e;transform:scale(1.28)}to{transform:scale(1)}}.setting__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting__value{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.setting--stack{flex-direction:column;align-items:stretch;gap:10px}.setting--disabled{opacity:.5}.slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:34px;margin:0}.slider:disabled{cursor:default}.slider::-webkit-slider-runnable-track{border:3px solid var(--ink);background:#cfd3dc;border-radius:999px;height:14px}.slider::-moz-range-track{border:3px solid var(--ink);box-sizing:border-box;background:#cfd3dc;border-radius:999px;height:14px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:3px solid var(--ink);background:var(--accent);width:30px;height:30px;box-shadow:0 3px 0 var(--ink);border-radius:50%;margin-top:-11px}.slider::-moz-range-thumb{border:3px solid var(--ink);background:var(--accent);width:24px;height:24px;box-shadow:0 3px 0 var(--ink);border-radius:50%}.crt{z-index:1000;pointer-events:none;opacity:.1;background-repeat:repeat;background-size:auto;position:absolute;inset:0}.icon{vertical-align:-.2em;pointer-events:none;width:1.15em;height:1.15em}.icon--button{width:26px;height:26px;display:block}