:root{--void:#0e1220;--deep:#161d31;--card:#1b2338;--line:#2b3550;--ink:#e8edf9;--ink-mute:#93a0bd;--ore:#ffd166;--core:#7fd3ff;--good:#6ee7a8;--rail:340px;--ui:12px;--sheet:12px}[hidden]{display:none!important}*{box-sizing:border-box}html,body{background:var(--void);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{height:100%;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:minmax(150px,34%) minmax(0,1fr);grid-template-areas:"stage""side";display:grid}@media (min-width:640px) and (min-aspect-ratio:1){#app{grid-template-areas:"stage side";grid-template-columns:minmax(0, 1fr) clamp(32%, var(--rail), 44%);grid-template-rows:100%}}.stage{background:var(--void);touch-action:none;grid-area:stage;min-height:0;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.side{background:var(--deep);border-top:1px solid var(--line);flex-direction:column;grid-area:side;min-width:0;min-height:0;display:flex}.side>*{--row-h:calc(var(--ui) * 74 / 12);--cap-l:calc(var(--row-h) * 163 / 172);--cap-r:calc(var(--row-h) * 196 / 172)}.logo{aspect-ratio:480/247;background:var(--art-logo) no-repeat center / contain;filter:drop-shadow(0 3px 6px #0000008c);pointer-events:none;z-index:2;width:clamp(104px,32%,170px);position:absolute;top:8px;left:10px}.boost{top:8px;right:calc(var(--ruler-w,44px) + 8px);z-index:2;align-items:center;gap:calc(6px * var(--chrome,1));padding:calc(5px * var(--chrome,1)) calc(10px * var(--chrome,1)) calc(5px * var(--chrome,1)) calc(7px * var(--chrome,1));color:var(--ore);font-size:calc(12px * var(--chrome,1));font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;background:linear-gradient(#3f2c0cf0,#261a08f0);border:1px solid #ffd1668c;border-radius:999px;font-weight:800;animation:1.9s ease-in-out infinite boostpulse;display:flex;position:absolute;box-shadow:0 3px 10px #00000080}.boost .left{padding-left:calc(6px * var(--chrome,1));color:var(--ink);border-left:1px solid #ffd16657;font-weight:700}.boostmark{width:calc(16px * var(--chrome,1));height:calc(16px * var(--chrome,1));background:var(--mark) no-repeat center / contain;display:block}@keyframes boostpulse{50%{border-color:#ffd166;box-shadow:0 3px 10px #00000080,0 0 12px #ffd16666}}@media (min-width:640px) and (min-aspect-ratio:1){.side{border-top:0;border-left:1px solid var(--line)}}@media (min-width:640px) and (min-aspect-ratio:1) and (min-height:621px){.side{container-type:inline-size}.side>*{--ui:clamp(12px, 3.5cqw, 19px)}}.readout{gap:calc(var(--ui) * 6 / 12);padding:calc(var(--ui) * 8 / 12) calc(var(--ui) * 10 / 12);border-bottom:1px solid var(--line);background:linear-gradient(180deg, #1d2740, var(--deep));flex:none;display:grid;position:relative}.stats{gap:calc(var(--ui) * 7 / 12);width:min(100%, calc(var(--ui) * 40));grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-start:auto;margin-inline-end:auto;display:grid;container-type:inline-size}.stat{aspect-ratio:560/218;background:var(--art-card-stat) no-repeat center / 100% 100%;position:relative}.stat span{white-space:nowrap;width:29.3%;height:21.1%;font-size:clamp(7px, 2.3cqw, calc(var(--ui) * 11 / 12));letter-spacing:.04em;text-transform:uppercase;color:#3d2a05;place-items:center;font-weight:700;display:grid;position:absolute;top:14.7%;left:6.8%;overflow:hidden}.stat b{white-space:nowrap;font-size:clamp(12px, 4.6cqw, calc(var(--ui) * 21 / 12));font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #0009;place-items:center;display:grid;position:absolute;top:30%;bottom:12%;left:38%;right:6%;overflow:hidden}.stat:nth-child(2) b{color:var(--ore)}.stat:nth-child(4) b{color:var(--core)}.band{gap:calc(var(--ui) * 5 / 12);width:min(100%, calc(var(--ui) * 40));margin-inline-start:auto;margin-inline-end:auto;display:grid}.bandline{align-items:center;gap:calc(var(--ui) * 8 / 12);font-size:var(--ui);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bandline span{text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--ink-mute);font-variant-numeric:tabular-nums;overflow:hidden}.track{height:calc(var(--ui) * 5 / 12);background:#0d1322;border-radius:3px;overflow:hidden}.track .fill{background:linear-gradient(90deg, #4d7fd0, var(--core));border-radius:3px;width:0;height:100%;transition:width .2s linear}.keys{gap:calc(var(--ui) * 6 / 12);display:flex}.flash{z-index:3;border:1px solid var(--line);text-align:center;opacity:0;pointer-events:none;background:#101728;border-radius:8px;padding:6px 10px;font-size:12px;transition:opacity .2s;position:absolute;bottom:-26px;left:12px;right:12px}.flash.on{opacity:1}.panel{width:100%;max-width:calc(var(--ui) * 44);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start;gap:calc(var(--ui) * 10 / 12);min-height:0;padding:calc(var(--ui) * 10 / 12) var(--ui) calc(var(--ui) * 18 / 12);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:auto;margin-inline-start:auto;margin-inline-end:auto;display:grid;overflow-y:auto}.panel::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-track{background:0 0}.panel::-webkit-scrollbar-thumb{background:var(--line);background-clip:content-box;border:3px solid #0000;border-radius:999px}.panel::-webkit-scrollbar-thumb:hover{background:var(--ore);background-clip:content-box}.panel::-webkit-scrollbar-thumb:active{background:var(--ore);background-clip:content-box}.card{gap:calc(var(--ui) * 8 / 12);display:grid}.card header{justify-content:space-between;align-items:center;gap:calc(var(--ui) * 8 / 12);display:flex}.card h2{font-size:var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0}.quota{font-size:calc(var(--ui) * 11 / 12);color:var(--core);font-variant-numeric:tabular-nums}.rows{gap:calc(var(--ui) * 6 / 12);display:grid}.ledger{gap:calc(var(--ui) * 6 / 12);padding:calc(var(--ui) * 8 / 12);border:1px solid var(--line);background:#141c2f;border-radius:10px;grid-template-columns:1fr 1fr;margin:0;display:grid}.ledger div{gap:2px;min-width:0;display:grid}.ledger dt{font-size:calc(var(--ui) * 10 / 12);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.ledger dd{font-size:calc(var(--ui) * 14 / 12);font-variant-numeric:tabular-nums;color:var(--ink);margin:0;font-weight:700}.ledger dd.gold{color:var(--core)}.keeps{padding-left:calc(var(--ui) * 16 / 12);gap:calc(var(--ui) * 3 / 12);font-size:calc(var(--ui) * 11 / 12);color:var(--ink-mute);margin:0;line-height:1.45;display:grid}.keeps b{color:var(--ink);font-weight:700}.row{grid-template-columns:var(--cap-l) minmax(0, 1fr) var(--cap-r);height:var(--row-h);border:0 solid #0000;border-image-source:var(--art-card-upgrade);border-image-slice:0 196 0 163 fill;border-image-width:0 var(--cap-r) 0 var(--cap-l);border-image-repeat:stretch;align-items:center;display:grid}.row[data-off=true]{filter:grayscale(.85);opacity:.62}.rowmark{width:calc(var(--row-h) * .42);height:calc(var(--row-h) * .42);transform:translate(calc(var(--row-h) * 8 / 172), calc(var(--row-h) * -1.5 / 172));background:var(--mark) no-repeat center / contain;justify-self:center}.what{align-self:stretch;min-width:0;position:relative}.what .line,.what .eff{position:absolute;left:9.96441%;transform:translateY(-50%)}.what .line{top:calc(var(--row-h) * 64.5 / 172);align-items:baseline;gap:calc(var(--ui) * 6 / 12);min-width:0;display:flex;right:4.27046%}.what .eff{top:calc(var(--row-h) * 112.5 / 172);right:15.3025%}.what b{font-size:calc(var(--ui) * 13 / 12);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.what .lv{font-size:calc(var(--ui) * 10 / 12);font-variant-numeric:tabular-nums;color:var(--ink-mute);flex:none}.what .eff{font-size:calc(var(--ui) * 11 / 12);text-overflow:ellipsis;white-space:nowrap;color:var(--good);font-variant-numeric:tabular-nums;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--line);background:#223050;border-radius:9px;transition:filter .12s,border-color .12s,transform 70ms}button:focus-visible{outline:2px solid var(--core);outline-offset:2px}@media (hover:hover){button:hover:not([aria-disabled=true]){filter:brightness(1.14);border-color:#4a6ea8}}button:active:not([aria-disabled=true]){filter:brightness(.93)}.wide,.mode,.tab{transform:translateY(var(--press,0))}.wide:active:not([aria-disabled=true]),.mode:active,.tab:active,.buy:active:not([aria-disabled=true]){--press:1px}.buy{justify-content:center;align-items:center;gap:calc(var(--ui) * 3 / 12);height:100%;font-size:calc(var(--ui) * 12.5 / 12);font-variant-numeric:tabular-nums;color:#3d2a05;transform:translateX(calc(var(--row-h) * -12 / 172)) translateY(var(--press,0));background:0 0;border:0;grid-auto-flow:column;padding:0;font-weight:800;display:grid}.buy[aria-disabled=true]{cursor:default}.coin{width:calc(var(--ui) * 14 / 12);height:calc(var(--ui) * 14 / 12);vertical-align:-2px;background:var(--mark) no-repeat center / contain;display:inline-block}.prize .coin{vertical-align:-4px;width:26px;height:26px;margin-right:5px}.mode{min-height:calc(var(--ui) * 28 / 12);padding:0 calc(var(--ui) * 9 / 12);font-size:calc(var(--ui) * 11 / 12);font-weight:600}.wide{--wide-h:calc(var(--ui) * 46 / 12);min-height:var(--wide-h);padding:0 calc(var(--ui) * 14 / 12);font-size:calc(var(--ui) * 13 / 12);font-weight:700}.wide.primary{border:0 solid #0000;border-image-source:var(--art-key-buy);border-image-slice:0 55 fill;border-image-width:0 calc(var(--wide-h) * 55 / 186) 0 calc(var(--wide-h) * 55 / 186);color:#10300f;text-shadow:0 1px #ffffff47;background:0 0;border-image-repeat:stretch;font-weight:800}.wide[data-ad=ready]:before{content:"▶ ";color:#0d3a5c}.wide[data-ad=dim],.wide[data-ad=spent],.wide[data-ad=wait],.wide[aria-disabled=true]{filter:grayscale()brightness(.62);opacity:.72;color:#24301f;text-shadow:none;cursor:default}.wide:not(.primary)[aria-disabled=true]{filter:none;opacity:1;color:var(--ink-mute);box-shadow:inset 0 0 0 1px var(--line);background:#151c2e}.fine{font-size:calc(var(--ui) * 11 / 12);color:var(--ink-mute);margin:0;line-height:1.45}.records{gap:4px;margin:0;padding:0;list-style:none;display:grid}.records li{grid-template-columns:calc(var(--ui) * 16 / 12) minmax(0, 1fr) auto auto;gap:calc(var(--ui) * 8 / 12);font-size:var(--ui);font-variant-numeric:tabular-nums;color:var(--ink-mute);padding:calc(var(--ui) * 4 / 12) calc(var(--ui) * 6 / 12);background:#141b2c;border-radius:7px;align-items:baseline;display:grid}.records li b{color:var(--ink)}.records .cores{align-items:center;gap:calc(var(--ui) * 3 / 12);color:var(--core);grid-auto-flow:column;display:grid}.records li.empty{color:var(--ink-mute);grid-template-columns:1fr}.records .rank{color:var(--core)}.tabs{gap:calc(var(--ui) * 6 / 12);padding:calc(var(--ui) * 7 / 12) calc(var(--ui) * 10 / 12) calc(var(--ui) * 7 / 12 + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#131a2c;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab{align-content:center;justify-items:center;gap:calc(var(--ui) * 2 / 12);padding:calc(var(--ui) * 5 / 12) calc(var(--ui) * 2 / 12);font-size:calc(var(--ui) * 10 / 12);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-mute);background:0 0;border:1px solid #0000;border-radius:10px;font-weight:700;display:grid}.tab[aria-current=true]{color:var(--ink);background:linear-gradient(#24314f,#1a2440);border-color:#4a6ea8}.tabmark{width:calc(var(--ui) * 30 / 12);height:calc(var(--ui) * 30 / 12 * 220 / 192);background:var(--art-tab-socket) no-repeat center / contain;opacity:.72;place-items:center;display:grid}.tabmark:after{content:"";background:var(--mark) no-repeat center / contain;width:54%;height:54%;margin-top:3.4%}.tab[aria-current=true] .tabmark{opacity:1}.tool{width:calc(var(--ui) * 34 / 12);height:calc(var(--ui) * 34 / 12);font-size:calc(var(--ui) * 15 / 12);background:#1b2540;place-items:center;font-weight:700;display:grid}.tool[aria-disabled=true]{opacity:.55;filter:grayscale()}.tool svg{width:calc(var(--ui) * 18 / 12);height:calc(var(--ui) * 18 / 12)}.tip{position:relative}.tip:after{content:attr(data-tip);border:1px solid var(--line);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;background:#0b1020;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:600;transition:opacity .15s;position:absolute;top:calc(100% + 6px);right:0}.tip:hover:after,.tip:active:after{opacity:1}.tip:focus-visible:after{opacity:1}.sheets{z-index:10;padding:calc(var(--sheet) * 14 / 12 + env(safe-area-inset-top)) calc(var(--sheet) * 14 / 12) calc(var(--sheet) * 14 / 12 + env(safe-area-inset-bottom));place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@media (min-aspect-ratio:1){.sheets{--sheet:clamp(12px, min(1.5vh, 1.1vw), 19px)}}.scrim{background:#060912b8;position:absolute;top:0;bottom:0;left:0;right:0}.sheet{--ui:var(--sheet);width:min(calc(var(--ui) * 430 / 12), 100%);gap:calc(var(--ui) * 10 / 12);max-height:100%;padding:calc(var(--ui) * 16 / 12);border:1px solid var(--line);border-radius:calc(var(--ui) * 14 / 12);background:var(--card);display:grid;position:relative;overflow-y:auto;box-shadow:0 20px 50px #00000080}.sheet h2{font-size:calc(var(--ui) * 17 / 12);margin:0}.sheet .lead{font-size:calc(var(--ui) * 13 / 12);color:var(--ink-mute);margin:0}.sheet .prize{font-size:calc(var(--ui) * 26 / 12);font-variant-numeric:tabular-nums;color:var(--ore);margin:0;font-weight:700}.rules{padding-left:calc(var(--ui) * 20 / 12);gap:calc(var(--ui) * 7 / 12);font-size:calc(var(--ui) * 12.5 / 12);color:var(--ink-mute);margin:0;line-height:1.5;display:grid}.rules b{color:var(--ink)}.setting{align-items:center;gap:calc(var(--ui) * 4 / 12) var(--ui);grid-template-columns:auto minmax(0,1fr);display:grid}.setting label{font-size:calc(var(--ui) * 10 / 12);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);grid-column:1/-1;font-weight:700}.setting input[type=range]{width:100%;accent-color:var(--core)}@media (max-height:620px){.side>*{--row-h:calc(var(--ui) * 68 / 12)}.readout{gap:5px;padding:6px 8px}.stats{gap:5px;width:min(100%,272px);margin-inline-start:auto;margin-inline-end:auto}.tool{width:28px;height:28px}.panel{gap:8px;padding:8px 8px 12px}.tabs{padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.tabmark{width:26px;height:29.7917px}}.coach{z-index:9;touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}.spot{box-shadow:0 0 0 100vmax #060912d1, 0 0 0 2px var(--core);border-radius:12px;transition:left .18s,top .18s,width .18s,height .18s;position:absolute}.coachcard{--ui:var(--sheet);width:min(calc(var(--ui) * 330 / 12), calc(100vw - var(--ui) * 28 / 12));gap:calc(var(--ui) * 10 / 12);padding:calc(var(--ui) * 12 / 12) calc(var(--ui) * 14 / 12) calc(var(--ui) * 14 / 12);border:1px solid var(--line);border-radius:calc(var(--ui) * 14 / 12);background:var(--card);display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0000008c}.coachtext{font-size:calc(var(--ui) * 13 / 12);color:var(--ink);margin:0;line-height:1.45}@media (prefers-reduced-motion:reduce){.spot,.track .fill,.flash,.tip:after,button{transition:none}.boost{animation:none}.wide:active:not([aria-disabled=true]),.mode:active,.tab:active,.buy:active:not([aria-disabled=true]){--press:0}}