:root{color:#f7f9ff;font-synthesis:none;text-rendering:optimizelegibility;background:#050816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 14%,#5d4dff2e,#0000 32rem),radial-gradient(circle at 86% 74%,#ff43be24,#0000 30rem),linear-gradient(160deg,#050817 0%,#080d22 48%,#050714 100%);min-width:320px;min-height:100vh;overflow-x:hidden}button{font:inherit}button,canvas{-webkit-tap-highlight-color:transparent}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.game-panel{width:min(100%,820px)}.topbar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.eyebrow{color:#8099dc;letter-spacing:.22em;margin-bottom:5px;font-size:10px;font-weight:900;display:block}h1,h2{margin:0}h1{letter-spacing:-.055em;font-size:clamp(28px,6vw,46px);line-height:.92}.hud{gap:8px;display:flex}.hud>div{background:#0d1531bd;border:1px solid #8ca6eb2e;border-radius:12px;min-width:92px;padding:9px 12px 10px}.hud span,.hud strong{display:block}.hud span{color:#7188bd;letter-spacing:.14em;margin-bottom:3px;font-size:9px;font-weight:900}.hud strong{font:800 15px ui-monospace,SFMono-Regular,monospace}.event-strip{background:#0b122bc7;border:1px solid #7f9be229;border-radius:14px;align-items:center;gap:12px;min-height:68px;margin-bottom:10px;padding:10px 13px;display:flex}.event-strip.is-match{background:#2e0f30c7;border-color:#ff65be59}.event-strip.is-fever{background:#092a2dc7;border-color:#59ffcc57}.event-copy{flex:1;min-width:0}.event-copy strong,.event-copy span{display:block}.event-copy strong{letter-spacing:.12em;color:#9db7f7;font-size:11px}.event-copy>span{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;font-weight:800;overflow:hidden}.event-meta{color:#ffabd9;font-size:10px!important}.event-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:235px;display:flex}.event-badges span{color:#adc0ef;white-space:nowrap;background:#617dc429;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.event-badges .multiplier-badge{color:#ffe78b;background:#ffd84d2e}.event-badges .boost-badge{color:#ffb5df;background:#ff6cbe2e}.progress-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.mini-card{background:#0a1127bd;border:1px solid #7f9be226;border-radius:12px;min-height:96px;padding:10px 11px;position:relative;overflow:hidden}.mini-card>span,.mini-card>strong,.mini-card>small,.mini-card>b{display:block}.mini-card>span{color:#6f85b7;letter-spacing:.13em;font-size:8px;font-weight:900}.mini-card>strong{color:#dfe8ff;margin-top:2px;font-size:13px}.mini-card>small{color:#7789b4;min-height:28px;margin-top:3px;font-size:9px;line-height:1.45}.mini-card>b{color:#8fa9e7;margin-top:5px;font-size:9px}.mini-card.fever-card{border-color:#59ffcc5c;box-shadow:inset 0 0 24px #59ffcc14}.mini-meter{background:#ffffff14;border-radius:999px;height:5px;margin-top:7px;overflow:hidden}.mini-meter i{border-radius:inherit;background:#65e8c2;height:100%;transition:width .2s;display:block}.date-meter i{background:#ffd75e}.fever-meter i{background:#69ffd2}.cabinet{background:linear-gradient(145deg,#131f46ed,#060b1efa);border:1px solid #8eb5ff30;border-radius:22px;padding:10px;box-shadow:0 32px 80px #00000070,inset 0 1px #ffffff0f}.canvas-wrap{position:relative}canvas{aspect-ratio:2/3;touch-action:none;background:#101934;border-radius:15px;width:100%;height:auto;display:block}.controls{grid-template-columns:1fr minmax(110px,.55fr) 1fr;gap:9px;padding-top:9px;display:grid}.controls button,.primary-action,.secondary-action,.restart,.danger-action,.close-action,.overlay-link{cursor:pointer;border:0;border-radius:12px;font-weight:900}.controls button{color:#fff;letter-spacing:.06em;-webkit-user-select:none;user-select:none;touch-action:manipulation;min-height:50px}.controls button:disabled{opacity:.32;cursor:default}.flipper-button{background:linear-gradient(#364879,#1b2851);box-shadow:inset 0 1px #ffffff29,0 5px 12px #00000038}.launch-button{background:linear-gradient(#23d6ae,#11896f);box-shadow:inset 0 1px #ffffff40,0 5px 16px #14d0a32e}.game-overlay{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#030714d4;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;padding:42px;display:flex;position:absolute;inset:0}.game-overlay h2{letter-spacing:-.055em;margin:3px 0 15px;font-size:clamp(38px,8vw,68px);line-height:.95}.game-overlay p{color:#91a4cf;max-width:430px;margin:0 0 22px;font-size:13px;line-height:1.7}.primary-action{color:#071a18;background:#74f0ce;min-width:180px;padding:14px 24px}.overlay-link{color:#9bb2ea;background:0 0;margin-top:10px;padding:10px 18px}.toiyama-cutin{z-index:8;background:#060a1be6;border:1px solid #ffffff24;border-radius:13px;align-items:center;gap:12px;padding:12px 16px;animation:.22s both cutin;display:flex;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 15px 40px #00000057}.toiyama-cutin span{color:#aac0f4;background:#243969;border-radius:999px;flex:none;padding:5px 9px;font-size:9px;font-weight:900}.toiyama-cutin strong{font-size:15px}@keyframes cutin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.result-overlay{z-index:9;background:#091127f2;border:2px solid #ffffff59;border-radius:18px;align-items:center;gap:16px;width:min(84%,430px);padding:18px;animation:.25s cubic-bezier(.2,.8,.2,1) both resultPop;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000008c}.result-overlay.success{border-color:#ff70c7b3;box-shadow:0 24px 70px #ff2e9d38}.result-overlay.fail{border-color:#8292b78c}.result-overlay .portrait{flex:none;width:92px;height:106px}.result-overlay span,.result-overlay strong,.result-overlay small{display:block}.result-overlay span{color:#ff9dd6;letter-spacing:.14em;font-size:10px;font-weight:900}.result-overlay strong{margin-top:3px;font-size:29px}.result-overlay small{color:#a8b8dc;margin-top:5px}@keyframes resultPop{0%{opacity:0;transform:translate(-50%,-46%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.portrait{background:linear-gradient(145deg,#25355f,#131c3d);border-radius:10px;flex:none;width:48px;height:56px;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.portrait-fallback{color:#adc0ec;place-items:center;font-size:18px;font-weight:900;display:grid}.action-row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 3px 0;display:flex}.save-summary span,.save-summary strong{display:block}.save-summary span{color:#6378a9;letter-spacing:.14em;font-size:8px;font-weight:900}.save-summary strong{margin-top:2px;font-size:12px}.action-buttons{gap:7px;display:flex}.secondary-action,.restart,.close-action{color:#dbe5ff;background:#1b294e;padding:10px 14px;font-size:10px}.restart{color:#071a18;background:#79efd2}.settings-row{color:#6478a9;gap:16px;padding:6px 3px 2px;font-size:9px;font-weight:800;display:flex}.settings-row label{cursor:pointer}.collection-panel{background:#080e22eb;border:1px solid #86a3e82e;border-radius:18px;margin-top:12px;padding:16px}.collection-head{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.collection-head h2{font-size:24px}.save-stats{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.save-stats span{color:#8199d0;background:#748ece17;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:900}.close-action{padding:8px 10px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.profile-card{opacity:.62;background:#121b3a8c;border:1px solid #8097d21f;border-radius:12px;align-items:center;gap:10px;min-height:82px;padding:10px;display:flex}.profile-card.is-unlocked{opacity:1;border-color:#ff71c633}.profile-card .portrait{width:55px;height:66px}.profile-card strong,.profile-card span,.profile-card small,.profile-card em{display:block}.profile-card strong{font-size:13px}.profile-card span{color:#8da2d2;margin-top:2px;font-size:9px}.profile-card small{color:#697da9;margin-top:4px;font-size:8px;line-height:1.4}.profile-card em{color:#e3c861;margin-top:4px;font-size:8px;font-style:normal;font-weight:800}.collection-footer{color:#6679a5;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;font-size:8px;display:flex}.danger-action{color:#ffabb7;background:#9b2e3e33;padding:8px 11px;font-size:8px}.help-row{color:#697da9;min-height:40px;padding:10px 3px 0;font-size:10px;font-weight:700}.help-row p{margin:0}.help-row span{opacity:.5;margin:0 5px}kbd{color:#b8c9ee;text-align:center;background:#172349e6;border:1px solid #95adeb33;border-bottom-width:2px;border-radius:5px;min-width:24px;margin-right:3px;padding:3px 5px;font:800 9px ui-monospace,monospace;display:inline-block}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{transition-duration:.001ms!important;animation-duration:.001ms!important}@media (width<=680px){.app-shell{align-items:start;padding:10px}.topbar{align-items:center}.hud>div{min-width:65px;padding:7px 8px}.hud strong{font-size:12px}.progress-deck{grid-template-columns:1fr}.mini-card{min-height:76px}.mini-card>small{min-height:0}.cabinet{border-radius:16px;padding:6px}canvas,.game-overlay{border-radius:11px}.controls{gap:6px;padding-top:6px}.controls button{min-height:46px;font-size:11px}.event-badges{display:none}.profile-grid{grid-template-columns:1fr}.collection-head{grid-template-columns:1fr auto}.save-stats{grid-column:1/-1;justify-content:flex-start}.help-row{display:none}.result-overlay{padding:13px}.result-overlay .portrait{width:72px;height:84px}.result-overlay strong{font-size:23px}}.match-cutin-overlay{z-index:36;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle,#121a3a33,#030714b8);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.match-cutin-overlay:before,.match-cutin-overlay:after{content:"";pointer-events:none;position:absolute;inset:0}.match-cutin-overlay:before{background:linear-gradient(105deg,#0000 25%,#4bdaff2e 45%,#ff3ebe33 55%,#0000 75%);animation:.75s ease-out .16s both match-cutin-sweep;transform:translate(-110%)}.match-cutin-frame{filter:drop-shadow(0 14px 30px #00000094)drop-shadow(0 0 20px #32c9ff47);width:min(96%,820px);animation:.52s cubic-bezier(.16,.9,.25,1.12) both match-cutin-enter;position:relative}.match-cutin-overlay.is-success .match-cutin-frame{filter:drop-shadow(0 14px 30px #00000094)drop-shadow(0 0 26px #ff3dc26b);animation-name:match-success-enter}.match-cutin-frame img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.match-cutin-live-copy{text-align:center;color:#f9fbff;background:#04091bd1;border:1px solid #7de2ff75;border-radius:999px;width:min(78%,560px);padding:7px 14px;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 18px #30caff1f,0 0 18px #ff33c01f}.match-cutin-live-copy span,.match-cutin-live-copy small{letter-spacing:.16em;color:#9feeff;font-size:clamp(8px,1.4vw,11px);font-weight:800;display:block}.match-cutin-live-copy strong{letter-spacing:.06em;margin:1px 0;font-size:clamp(14px,2.8vw,24px);font-weight:950;display:block}.match-cutin-overlay.is-success .match-cutin-live-copy span,.match-cutin-overlay.is-success .match-cutin-live-copy small{color:#ffb7e7}@keyframes match-cutin-enter{0%{opacity:0;transform:translate(115%)scale(.78)rotate(1.5deg)}64%{opacity:1;transform:translate(-2%)scale(1.025)rotate(-.2deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes match-success-enter{0%{opacity:0;transform:scale(.62)}58%{opacity:1;transform:scale(1.055)}78%{transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes match-cutin-sweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}.reduce-motion .match-cutin-frame,.reduce-motion .match-cutin-overlay:before{animation:none}@media (width<=700px){.match-cutin-frame{width:98%}.match-cutin-live-copy{padding:5px 10px;bottom:2%}}