@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;600;700;900&display=swap');
:root{color-scheme:dark;--paper:#121611;--panel:#1b211a;--line:#394033;--lime:#d8ff3e;--muted:#a4ad99;--pink:#ff638a;--cyan:#63e3ee;font-family:'Noto Sans JP',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#f4f6e9;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button{border:1px solid var(--line);border-radius:5px;background:var(--panel)}[hidden]{display:none!important}.machine{width:min(100% - 32px,1000px);margin:auto;padding:14px 0 10px}header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;gap:12px}.wordmark{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:36px;line-height:1;letter-spacing:-.5px;color:#f4f6e9;text-decoration:none}.wordmark span{color:var(--lime)}.wordmark sup{font-family:monospace;font-size:12px;color:var(--pink);vertical-align:top;margin-left:6px}.header-actions{display:flex;gap:7px}.header-actions button{height:36px;min-width:38px;padding:0 10px;font-size:14px;font-weight:700}.hud{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;border-top:1px solid var(--line);padding:9px 0 12px;gap:12px}.hud div>span{display:block;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:1px}.hud strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;font-weight:700;line-height:1.08;font-variant-numeric:tabular-nums}.hud small{font-size:20px;margin-left:2px}.life-box strong{font-family:monospace;font-size:22px;padding-top:9px;letter-spacing:3px;color:var(--lime)}.field-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#151b13}.field-heading{display:flex;justify-content:space-between;padding:7px 12px;font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.5px}.arena{position:relative;aspect-ratio:3/2;width:100%;overflow:hidden;touch-action:none}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.battle-labels{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font-family:monospace;font-size:12px;color:#c0ccb0}.battle-labels span:last-child{color:var(--lime)}.experience{display:flex;align-items:center;padding:9px 12px;gap:12px;min-height:36px;font-size:12px;font-weight:700}.experience>span{white-space:nowrap}.experience>span:last-child{color:var(--muted);font-size:12px}.xp-track{height:6px;flex:1;background:#333c2b;overflow:hidden}.xp-track i{display:block;width:0;height:100%;background:var(--lime);transition:width .16s}.equipment{display:flex;gap:14px;align-items:center;padding:10px 0 8px}.build{flex:1;min-width:0}.build>span{display:block;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:1px}.build strong{display:block;font-size:14px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build small{display:block;color:var(--muted);font-size:12px}.burst{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 15px;min-height:48px;border-color:#586037;font-weight:700;position:relative;overflow:hidden}.burst>span{font-size:14px}.burst strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;color:var(--lime);line-height:1}.burst kbd{font-size:10px;color:var(--muted);padding:3px;border:1px solid var(--line)}.burst:enabled{background:var(--lime);color:#121611;border-color:var(--lime);box-shadow:0 0 22px #d8ff3e24}.burst:enabled strong{color:#121611}.burst:enabled kbd{color:#121611;border-color:#859720}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:8px;font-size:12px;color:var(--muted)}.overlay{position:absolute;inset:0;background:#0f150cdd;backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:5;padding:20px;text-align:center}.eyebrow{font-family:monospace;font-weight:700;font-size:12px;letter-spacing:1px;color:var(--lime)}h1{font-size:clamp(32px,5vw,64px);line-height:1.35;letter-spacing:-2px;margin:14px 0 14px;font-weight:900}h1 em{font-style:normal;color:var(--lime)}.start-content p{font-size:16px;line-height:1.8;color:#d0d7c4;margin:0 0 20px}.primary{display:flex;align-items:center;justify-content:center;gap:26px;margin:auto;background:var(--lime);color:#141b0d;border:0;border-radius:5px;padding:14px 25px;font-size:16px;font-weight:900;min-height:48px}.primary span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:20px}.start-note{display:block;margin-top:13px;color:var(--muted);font-size:12px}.best-note{font-size:12px;color:var(--muted);margin-top:16px}.best-note strong{color:#fff;margin-left:7px}h2{font-size:30px;line-height:1.4;margin:12px 0 16px;font-weight:900}.pause-content h2{margin-bottom:24px}.event-toast{position:absolute;pointer-events:none;left:50%;transform:translateX(-50%);top:19%;z-index:3;background:#15200fe8;border:1px solid var(--lime);border-radius:6px;padding:10px 18px;text-align:center;min-width:230px;max-width:90%;box-shadow:0 6px 20px #0007}.event-toast strong{display:block;font-size:23px;font-weight:900;color:var(--lime)}.event-toast span{display:block;font-size:12px;margin-top:4px}.boss-bar{position:absolute;top:34px;left:22%;right:22%;z-index:2;text-align:center}.boss-bar>span{font-size:12px;font-weight:900;color:var(--pink)}.boss-bar>div{height:7px;background:#462535;border:1px solid #76505d;margin-top:4px}.boss-bar i{display:block;height:100%;background:var(--pink);width:100%}.result-content{width:min(100%,420px)}.result-score{font-family:'Barlow Condensed',Impact,sans-serif;font-size:64px;color:var(--lime);line-height:1}.result-content p{font-size:14px;line-height:1.7;margin:10px 0 14px;color:#cdd7bd}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats span{display:block;font-size:12px;color:var(--muted)}.result-stats strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px}.result-content .final-build{font-size:12px}.result-content h2{font-size:26px;margin:9px 0 11px}.result-content .primary{font-size:14px;padding:12px 20px}.upgrade-dialog,.help-dialog{border:1px solid #687144;background:#1a2115;color:#f4f6e9;padding:24px;border-radius:9px;width:min(740px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto}.upgrade-dialog::backdrop,.help-dialog::backdrop{background:#0b110bdd;backdrop-filter:blur(6px)}.upgrade-dialog h2{margin:8px 0}.upgrade-dialog>p{font-size:14px;color:#b8c2a9;margin:8px 0 20px}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upgrade-card{display:flex;flex-direction:column;text-align:left;padding:16px;gap:9px;background:#252e1d;border-color:#495737}.upgrade-card:hover{border-color:var(--lime);background:#2c3921}.upgrade-icon{font-family:monospace;font-size:30px;color:var(--lime);line-height:1}.upgrade-card strong{font-size:16px;font-weight:900}.upgrade-card>span:not(.upgrade-icon){font-size:14px;line-height:1.65}.upgrade-card small{font-size:12px;line-height:1.65;color:#b8c2a9;margin-bottom:7px;flex:1}.upgrade-card b{font-size:12px;color:var(--lime)}.upgrade-card.evolve{border-color:var(--pink)}.upgrade-card.evolve .upgrade-icon,.upgrade-card.evolve b{color:var(--pink)}.upgrade-dialog .owned{font-size:12px;margin-bottom:0}.help-dialog{width:min(600px,calc(100% - 24px));position:relative}.help-dialog h2{font-size:28px}.help-dialog li{font-size:14px;line-height:1.8;padding-bottom:10px}.help-dialog ol{padding-left:21px}.help-dialog p{font-size:14px}.close{position:absolute;right:14px;top:12px;font-size:25px;width:36px;height:36px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.machine{width:min(calc(100% - 32px),1000px,calc((100svh - 335px)*1.5))}}
@media(max-width:699px){.machine{width:calc(100% - 20px);padding-top:10px}header{padding-bottom:10px}.wordmark{font-size:29px}.header-actions{gap:5px}.header-actions button{height:33px;min-width:32px;padding:0 8px;font-size:12px}.hud{gap:7px;padding:8px 0 10px}.hud strong{font-size:34px}.hud div>span{font-size:10px;letter-spacing:.5px}.life-box strong{font-size:16px;letter-spacing:1px;padding-top:8px}.arena{aspect-ratio:3/4;max-height:calc(100svh - 235px)}.field-heading{padding:6px 8px;font-size:10px}.field-heading span:last-child{letter-spacing:0}.battle-labels{font-size:10px;left:8px;right:8px}.experience{gap:7px;padding:8px;font-size:11px}.experience>span:last-child{font-size:10px}.equipment{gap:8px;padding:8px 0}.build strong{font-size:12px}.build small{font-size:10px}.build>span{font-size:10px}.burst{gap:7px;padding:9px 10px}.burst>span{font-size:11px}.burst strong{font-size:24px}.burst kbd{display:none}footer{font-size:10px;gap:6px}footer>span:last-child{max-width:45%;text-align:right}.overlay{padding:15px}h1{font-size:38px;line-height:1.3;margin:13px 0}.start-content p{font-size:14px;margin-bottom:17px}.eyebrow{font-size:10px;letter-spacing:.5px}.primary{font-size:14px;padding:12px 17px;gap:16px}.start-note{font-size:10px;margin-top:10px}.best-note{margin-top:12px}.event-toast{min-width:180px;padding:8px 12px}.event-toast strong{font-size:18px}.event-toast span{font-size:10px}.upgrade-dialog{padding:18px}.upgrade-dialog h2{font-size:25px}.upgrade-dialog>p{font-size:12px;margin:8px 0 14px}.upgrade-cards{grid-template-columns:1fr;gap:8px}.upgrade-card{display:grid;grid-template-columns:32px 1fr;gap:5px 10px;padding:11px 12px}.upgrade-icon{grid-row:1/4;font-size:27px;padding-top:3px}.upgrade-card strong{font-size:15px}.upgrade-card>span:not(.upgrade-icon){font-size:12px}.upgrade-card small{font-size:11px;margin:0}.upgrade-card b{display:none}.result-score{font-size:52px}.result-content h2{font-size:23px}.result-content p{font-size:12px;margin:8px 0}.result-stats{padding:8px 0}.result-stats strong{font-size:24px}.result-content .final-build{font-size:10px}.result-content .primary{padding:11px 14px;font-size:12px;gap:12px}.help-dialog{padding:20px}.help-dialog li{font-size:13px}.boss-bar{left:15%;right:15%}}
@media(prefers-reduced-motion:reduce){.xp-track i{transition:none}.overlay{backdrop-filter:none}}

.result-content{max-height:100%;overflow-y:auto;scrollbar-width:thin}.result-content h2{font-size:22px;line-height:1.25;margin:6px 0 8px}.result-score{font-size:48px}.result-content p{font-size:12px;line-height:1.4;margin:6px 0 8px}.result-stats{padding:6px 0}.result-stats strong{font-size:25px}.result-content .final-build{font-size:11px;line-height:1.5}.result-content .primary{min-height:44px;padding:10px 15px}

.event-toast{width:max-content}.header-actions button{white-space:nowrap}@media(max-width:699px){.wordmark{font-size:27px}#soundBtn{min-width:48px;padding-inline:6px}.event-toast strong{font-size:16px}.build small{line-height:1.6}}
.start-content h1{font-size:clamp(32px,4vw,44px);line-height:1.2;margin:10px 0 12px}.start-content p{font-size:14px;line-height:1.6;margin-bottom:14px}.start-note{margin-top:10px}.best-note{margin-top:10px}@media(max-width:699px){.start-content h1{font-size:36px}}