@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+JP:wght@400;600;700;800;900&display=swap";:root{color:#f4f7fa;font-synthesis:none;background:#090e18;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{touch-action:manipulation;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#game-shell{isolation:isolate;background:#111a2a;width:100%;max-width:560px;height:100dvh;min-height:460px;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 90px #0008}#game-canvas,#game-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{z-index:12;flex-direction:column;display:flex;position:absolute;inset:0}.title-screen{padding:max(20px,env(safe-area-inset-top)) 22px max(21px,env(safe-area-inset-bottom));background:linear-gradient(#080e1be8 0%,#080e1b1f 25%,#080e1b1a 60%,#080d19 94%);justify-content:space-between}.top-brand,.ranking-nav{letter-spacing:.11em;color:#b1c0cf;justify-content:space-between;align-items:center;font-size:11px;font-weight:900;display:flex}.top-brand>a,.ranking-nav>a{padding:6px 2px}.hero-title{text-align:center;filter:drop-shadow(0 4px 12px #0a0c12);margin-top:2vh}.eyebrow,.result-eyebrow{color:#ffe063;letter-spacing:.19em;font:800 12px Barlow Condensed,sans-serif;display:inline-block}.hero-title h1{letter-spacing:-.055em;text-shadow:3px 5px #0b111e,-2px -2px #0b111e;color:#fff;margin:10px 0 16px;font:900 clamp(61px,16vw,88px)/.91 Barlow Condensed,Noto Sans JP,sans-serif}.hero-title h1 span{letter-spacing:-.065em;color:#ffdf53;font-size:.64em;display:block}.hero-title p{font-size:14px;font-weight:800}.hero-title p strong{color:#ff704f}.title-foot{flex-direction:column;gap:9px;display:flex}.world-counter{background:linear-gradient(125deg,#101c2df5,#172436eb);border:1px solid #91c5e055;border-radius:5px;padding:12px 18px;box-shadow:inset 0 0 25px #ffffff06}.counter-label{letter-spacing:.14em;color:#b6bfc8;font:800 13px Barlow Condensed,sans-serif}.counter-num{color:#fffbc6;align-items:baseline;gap:5px;display:flex}.counter-num strong{letter-spacing:.02em;font-variant-numeric:tabular-nums;font:900 clamp(36px,9vw,52px)/1 Barlow Condensed,sans-serif}.counter-num span{font-size:13px;font-weight:800}.counter-money{color:#f89f71;margin-top:4px;font-size:13px;font-weight:800}.update-hint{letter-spacing:.01em;color:#8fabbf;margin-top:5px;font-size:10px;font-weight:600;line-height:1.45;display:block}.ranking-update-hint{text-align:right;color:#9daebf;margin:9px 0 3px}.btn{letter-spacing:.06em;border:0;border-radius:5px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:53px;padding:11px 16px;font-size:15px;font-weight:900;display:flex}.btn-primary{color:#171719;background:#ffe36a;transition:transform .1s;box-shadow:inset 0 -5px #edb84d,0 7px #060b13}.btn-primary:disabled{opacity:.72;cursor:wait;box-shadow:none}.btn-primary:disabled:active{transform:none}.btn-primary:active{transform:translateY(4px);box-shadow:inset 0 -1px #edb84d,0 3px #060b13}.btn-primary span{font-size:24px}.btn-secondary{color:#e1e9f5;background:#1c2b3c;border:1px solid #526476;min-height:47px}.price-note{text-align:center;color:#94a9bf;margin-top:4px;font-size:10px}.price-note a{text-underline-offset:3px;-webkit-text-decoration:underline #94a9bf77;text-decoration:underline #94a9bf77}.hud{z-index:6;pointer-events:none;position:absolute;inset:0}.hud-top{top:max(12px,env(safe-area-inset-top));justify-content:space-between;align-items:start;gap:8px;display:flex;position:absolute;left:14px;right:14px}.tiny-link{pointer-events:auto;color:#fff;background:#0d1727cc;border:1px solid #91b3cc70;border-radius:3px;padding:10px 9px;font-size:11px;font-weight:700}.combo-board{background:#0d1727dc;border:1px solid #4d789580;border-radius:4px;flex-direction:column;align-items:center;padding:5px 13px;display:flex}.combo-board span{color:#acc4d8;letter-spacing:.12em;font:800 12px Barlow Condensed}.combo-board strong{color:#ffe46c;font:900 38px/1 Barlow Condensed}.power-callout{text-align:center;color:#ffdd58;text-shadow:0 4px #be561b,0 0 35px #ffba3490;opacity:0;width:100%;font:900 50px/1 Barlow Condensed;transition:opacity 90ms;position:absolute;top:18%}.power-callout.visible{opacity:1}.meter{left:15px;right:15px;bottom:max(21px,env(safe-area-inset-bottom));background:#0c1423ef;border:1px solid #45617c;border-radius:5px;padding:12px 15px 10px;position:absolute;box-shadow:0 4px 20px #02061099}.meter-text{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.meter-text strong{letter-spacing:.1em;font:900 19px Barlow Condensed}.meter-text span{color:#f3c755;font:800 14px Barlow Condensed}.meter-track{background:repeating-linear-gradient(90deg,#1e314b 0 10px,#182538 10px 20px);border:3px solid #566576;border-radius:3px;height:37px;position:relative;overflow:hidden}.meter-zone{background:#3a954a;width:28%;position:absolute;top:0;bottom:0;left:36%;box-shadow:0 0 24px #65ff7b80}.meter-center{border-left:2px solid #d5ffd4;position:absolute;top:0;bottom:0;left:50%}.meter-needle{background:#ffec9c;border-radius:2px;width:7px;height:43px;position:absolute;top:-5px;left:0;transform:translate(-50%);box-shadow:0 0 0 2px #542c19,0 0 16px #ffbd52}.hud.smashing .meter{opacity:0;transition:opacity .18s,transform .3s;transform:translateY(80px)}.hud.smashing .hud-top{opacity:.12;transition:opacity .2s}.meter p{color:#aabbd1;text-align:center;margin:8px 0 0;font-size:11px}.result-screen{padding:20px 20px max(20px,env(safe-area-inset-bottom));background:linear-gradient(170deg,#0d1723f5,#121c2af5);justify-content:center;align-items:center;overflow:auto}.result-content{text-align:center;width:100%;max-width:440px}.result-eyebrow{font-size:14px}.result-content h2{margin:3px 0 0;font-size:24px}.result-count{color:#ffde56;text-shadow:0 7px #702c1f;justify-content:center;align-items:baseline;gap:5px;display:flex}.result-count strong{letter-spacing:-.03em;overflow-wrap:anywhere;font:900 clamp(74px,22vw,116px)/1 Barlow Condensed}.result-count span{font-size:25px;font-weight:900}.result-label{letter-spacing:.14em;color:#b3bfca;margin-top:8px;font-size:12px;font-weight:900}.result-money{color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:6px 0 5px;font:900 clamp(31px,9vw,53px)/1.15 Barlow Condensed,sans-serif}.result-sub{color:#a6d8f7;font-size:13px;font-weight:800}.result-joke{color:#9da9b4;border-top:1px solid #526072;margin:21px 0 17px;padding-top:15px;font-size:11px;line-height:1.6}#name-form{text-align:left;background:#101d2a;border:1px solid #344f69;border-radius:4px;margin-bottom:15px;padding:12px}#name-form label{color:#cbd8e4;font-size:12px;font-weight:800}.name-row{gap:6px;margin-top:8px;display:flex}.name-row input{color:#fff;background:#06101c;border:1px solid #546375;border-radius:3px;flex:1;min-width:0;min-height:41px;padding:9px;font-size:14px}.name-row button{color:#111827;background:#ffde61;border:0;border-radius:3px;padding:0 18px;font-size:13px;font-weight:900}.name-row button:disabled{opacity:.5}#name-status{color:#a4cfad;min-height:15px;margin-top:6px;font-size:11px;display:block}.result-links{color:#aec4d9;justify-content:space-between;gap:8px;margin-top:17px;font-size:12px;font-weight:700;display:flex}.result-links button{color:inherit;font:inherit;background:0 0;border:0;padding:0}.pause-screen{background:#060c19e8;justify-content:center;align-items:center;padding:22px}.pause-card{text-align:center;background:#121e30;border:1px solid #4e718b;gap:14px;width:100%;max-width:330px;padding:25px;display:grid}.pause-card h2{margin:0 0 10px}#tap-layer{z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:crosshair;position:absolute;inset:0}.smash-overlay{z-index:9;text-align:right;pointer-events:none;color:#ffdc4a;text-shadow:3px 4px #a83e22,0 0 25px #ffbb42;width:auto;font:900 clamp(48px,13vw,68px)/1 Barlow Condensed;position:absolute;top:max(85px,12%);right:20px}.smash-overlay .smash-caption{letter-spacing:.14em;color:#fff;font:900 12px Barlow Condensed;display:block}@keyframes result-arrive{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.flash{z-index:11;pointer-events:none;opacity:0;background:#fff;position:absolute;inset:0}@media (height<=660px){.hero-title h1{font-size:60px}.hero-title p{margin:5px}.world-counter{padding:8px 12px}.counter-num strong{font-size:37px}.btn{min-height:45px}.result-content h2{font-size:18px}.result-count strong{font-size:75px}.result-joke{margin:8px 0}.result-links{margin-top:11px}}.ranking-body{background:radial-gradient(at 50% 0,#213651 0,#0b1321 54%,#070d17 100%);height:auto;min-height:100dvh;overflow:auto}.ranking-page{width:min(760px,100%);margin:auto;padding:25px 20px 70px}.ranking-nav{margin:0 0 48px}.ranking-hero .eyebrow{color:#ffdb5c}.ranking-hero h1{margin:8px 0 15px;font:900 clamp(55px,14vw,91px)/1 Barlow Condensed,Noto Sans JP}.ranking-hero h1 span{color:#ffe061;font-size:.57em;display:block}.ranking-hero p{color:#afbdca;margin:0 0 38px;font-size:13px;line-height:1.7}.ranking-head{color:#adbac6;border-bottom:2px solid #eec455;justify-content:space-between;padding:0 0 13px;font-size:11px;font-weight:800;display:flex}.ranking-list{min-height:150px}.ranking-row{border-bottom:1px solid #324557;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;min-height:84px;padding:10px 0;display:grid}.ranking-position{color:#92a8b9;font:900 31px Barlow Condensed}.ranking-row:first-child .ranking-position{color:#ffda49}.ranking-row:nth-child(2) .ranking-position{color:#d6e6f4}.ranking-row:nth-child(3) .ranking-position{color:#e89f62}.ranking-name{overflow-wrap:anywhere;font-size:15px;font-weight:900}.ranking-score{text-align:right}.ranking-score strong{color:#ffe064;font:900 31px Barlow Condensed}.ranking-score strong span{margin-left:3px;font:700 11px Noto Sans JP}.ranking-score small{color:#b0bfce;margin-top:3px;font:700 14px Barlow Condensed;display:block}.ranking-loading{color:#95a9ba;padding:30px 4px}.ranking-bottom{margin-top:40px;max-width:460px;margin-inline:auto}@media (width<=430px){.ranking-row{grid-template-columns:35px 1fr auto;gap:7px}.ranking-name{font-size:13px}.ranking-score strong{font-size:27px}.ranking-score small{font-size:12px}}.result-screen{pointer-events:none;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:linear-gradient(#07101bf0 0%,#07101ba8 19%,#0000 34% 63%,#07101b8c 82%,#07101bb8 100%);justify-content:flex-start;align-items:stretch}.result-content{pointer-events:none;flex-direction:column;justify-content:space-between;gap:12px;max-width:510px;height:100%;min-height:100%;display:flex}.result-summary{flex:none;padding:5px 8px 9px}.result-summary h2{margin:2px 0;font-size:19px}.result-summary .result-count strong{font-size:clamp(57px,15vw,80px)}.result-summary .result-count span{font-size:19px}.result-summary .result-label{margin-top:3px}.result-summary .result-money{margin:3px 0;font-size:clamp(29px,7.4vw,42px)}.result-summary .result-joke{border-color:#74899a55;margin:7px 0 0;padding-top:5px;font-size:10px}.result-actions{pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1825d9;border:1px solid #52697a85;border-radius:6px;flex:none;padding:11px}.result-actions #name-form{margin-bottom:8px;padding:9px}.result-actions .result-links{margin-top:12px}.result-actions .btn{min-height:46px}.smash-total{color:#f4f4ee;text-shadow:none;vertical-align:baseline;font-size:.4em}.visual-note{letter-spacing:0;color:#d7e7ed;text-shadow:0 1px 2px #0009;font-size:11px;font-weight:700;line-height:1.35}.aftermath-label{z-index:10;text-align:center;pointer-events:none;color:#ffe36c;text-shadow:0 2px 10px #03060c,0 4px #643f22;font-size:clamp(23px,7vw,34px);font-weight:900;animation:.5s ease-out both aftermath-enter;position:absolute;top:max(165px,24%);left:10px;right:10px}@keyframes aftermath-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (height<=660px){.result-screen{overflow-y:auto}.result-content{height:auto;min-height:100%}.result-summary{padding:0 5px}.result-summary .result-count strong{font-size:50px}.result-summary .result-joke{display:none}.result-actions #name-form{margin-bottom:5px}.result-actions .btn{min-height:39px}}.smash-overlay #smash-count{font:inherit;color:#ffdc4a;display:inline}.smash-overlay .smash-total{vertical-align:baseline;color:#fff;font-size:.42em;display:inline}.power-callout{top:auto;bottom:calc(max(21px,env(safe-area-inset-bottom)) + 129px);color:#dbffb8;text-shadow:0 2px #165e35,0 0 22px #8aff7e8a;letter-spacing:.035em;white-space:nowrap;pointer-events:none;z-index:1;background:#091c19ed;border:1px solid #d5ffb98f;border-radius:5px;width:max-content;max-width:calc(100% - 28px);padding:8px 18px;font:900 clamp(28px,8.5vw,42px)/1 Barlow Condensed,sans-serif;left:50%;transform:translate(-50%,10px)scale(.86)}.power-callout.visible{opacity:1;animation:.57s cubic-bezier(.2,1.4,.35,1) both hit-pop;transform:translate(-50%)scale(1)}.power-callout.miss{color:#fff1e4;text-shadow:0 3px #b42d21,0 0 22px #ff4b36a5;background:#451d20dc;border-color:#ff725d;font-size:clamp(28px,9vw,48px);top:41%;bottom:auto}.power-callout.miss.visible{animation:.75s ease-out both miss-pop}@keyframes hit-pop{0%{opacity:0;transform:translate(-50%,18px)scale(.75)}20%{opacity:1;transform:translate(-50%,-5px)scale(1.17)}55%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes miss-pop{0%{opacity:1;transform:translate(-50%,12px)scale(.85)}22%{opacity:1;transform:translate(-50%)scale(1.13)}to{opacity:1;transform:translate(-50%)scale(1)}}.meter.hit{animation:.48s ease-out meter-accept}@keyframes meter-accept{0%{border-color:#45617c;box-shadow:0 4px 20px #02061099}12%{background:#153a30;border-color:#fff;box-shadow:0 0 0 4px #d3ff93b3,0 0 34px #9aff62d1}to{border-color:#45617c;box-shadow:0 4px 20px #02061099}}.meter.hit .meter-zone{animation:.48s ease-out zone-accept}@keyframes zone-accept{10%{background:#e4ffaf;box-shadow:0 0 35px #d5ff9a}to{background:#3a954a;box-shadow:0 0 24px #65ff7b80}}.combo-board.bump strong{animation:.42s cubic-bezier(.15,1.7,.35,1) both chain-pop}@keyframes chain-pop{0%{transform:scale(1)}25%{color:#f5ffca;transform:scale(1.4)}to{color:#ffe46c;transform:scale(1)}}.hit-marker{pointer-events:none;z-index:3;background:#f7ffe4;width:13px;animation:.55s ease-out both marker-flash;position:absolute;top:-4px;bottom:-4px;transform:translate(-50%);box-shadow:0 0 0 3px #a8ff7fc8,0 0 23px 9px #c4ff86a6}@keyframes marker-flash{0%{opacity:1;width:10px}25%{opacity:1;width:18px}to{opacity:0;width:25px}}@media (prefers-reduced-motion:reduce){.power-callout.visible,.power-callout.miss.visible,.meter.hit,.meter.hit .meter-zone,.combo-board.bump strong,.hit-marker{animation:none}.hit-marker{opacity:.75}}.meter.waiting{opacity:.72}.meter.waiting .meter-track{filter:saturate(.5)}.meter.waiting .meter-text strong{color:#f5e3a6}.flash{z-index:4}.hit-marker.miss{background:#fff3e6;box-shadow:0 0 0 3px #ff655dcc,0 0 23px 9px #ff584ba6}.meter.miss .meter-track{border-color:#ff715d}.meter.miss .meter-zone{background:#ad5144;box-shadow:0 0 22px #ff4e46a1}.hud.smashing .meter{transition:opacity .18s .55s,transform .3s .55s}.result-screen:not([hidden]) .result-summary{animation:.4s ease-out both result-summary-in}.result-screen:not([hidden]) .result-actions{animation:.5s ease-out .13s both result-summary-in}@keyframes result-summary-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-rank{color:#ffe36a;margin-top:5px;font-size:13px;font-weight:900}.result-action-row{align-items:stretch;gap:8px;display:flex}.result-action-row #retry-button{flex:1.4;min-width:0}.result-action-row #share-button{flex:1;min-width:0;min-height:46px}@media (width<=350px){.result-action-row .btn{letter-spacing:0;padding:7px 5px;font-size:13px}}.replay-button{width:100%;min-height:43px;margin-top:8px;font-size:13px}.replay-controls{z-index:10;top:max(12px,env(safe-area-inset-top));pointer-events:auto;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;left:14px;right:14px}.replay-info{letter-spacing:.13em;color:#ffe36a;text-shadow:0 2px 5px #000;font:900 16px Barlow Condensed,sans-serif}.replay-info span{letter-spacing:.02em;color:#fff;font-size:12px;display:block}.replay-control-actions{gap:6px;display:flex}.replay-controls button{color:#fff;touch-action:manipulation;background:#101e30e8;border:1px solid #64839a;border-radius:4px;min-height:40px;padding:7px 10px;font-size:12px;font-weight:800}.hud.replaying .hud-top{top:calc(max(12px,env(safe-area-inset-top)) + 54px)}.hud.replaying #pause-button{display:none}.history-screen{z-index:13;padding:max(20px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#091322f8;gap:12px;max-width:560px;margin:auto}.history-header{border-bottom:1px solid #56697d;flex:none;align-items:center;gap:17px;padding-bottom:13px;display:flex}.history-header button{color:#c7dae8;background:0 0;border:0;padding:9px 0;font-size:13px;font-weight:800}.history-header h2{color:#ffe36a;margin:0;font-size:23px}.history-description{color:#b9cadc;margin:0;font-size:12px;line-height:1.6}.history-list{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.history-record{color:#fff;text-align:left;touch-action:manipulation;background:0 0;border:0;border-bottom:1px solid #35495e;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:76px;padding:12px 5px;display:flex}.history-record:active{background:#23354a}.history-record-text{flex-direction:column;gap:5px;min-width:0;display:flex}.history-record-time{color:#b6c7d5;font-variant-numeric:tabular-nums;font-size:12px}.history-record-score{color:#ffe36a;font-size:17px;font-weight:900}.history-record-score small{color:#b4c6d5;font-size:12px;font-weight:700}.history-record-action{color:#fff;border:1px solid #617d98;border-radius:4px;flex:none;padding:9px;font-size:12px;font-weight:800}.history-note{color:#91a7bc;margin:0;font-size:11px;line-height:1.5}.local-history-status{text-align:center;color:#a8c6dc;margin-top:5px;font-size:11px;display:block}.bot-ranking{border-top:1px solid #56708380;margin-top:56px;padding-top:30px}.bot-ranking-intro .eyebrow{color:#9aafbf}.bot-ranking-intro h2{color:#c4d0dc;margin:7px 0 10px;font:900 clamp(34px,9vw,48px)/1.15 Barlow Condensed,Noto Sans JP,sans-serif}.bot-ranking-intro p{color:#92a8ba;margin:0 0 24px;font-size:12px;line-height:1.75}.bot-ranking .ranking-head{border-bottom-color:#6a8090}.bot-ranking .ranking-score strong{color:#b8c5d1}