:root{color:#1e1b4b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2ff;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background-color:#0000;background-image:radial-gradient(1100px 650px at 12% -12%,#c7d2fe 0%,#0000 60%),radial-gradient(900px 600px at 102% 8%,#fbcfe8 0%,#0000 55%),linear-gradient(160deg,#eef2ff 0%,#e0f2fe 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0}body.is-electron:before{content:"";z-index:10;-webkit-app-region:drag;height:44px;position:fixed;top:0;left:0;right:0}.app{grid-template-rows:auto auto minmax(0,1fr) auto;place-items:center;gap:clamp(8px,1.6vh,18px);height:100dvh;padding:clamp(12px,2.4vh,34px) 16px clamp(10px,2vh,24px);display:grid;overflow:hidden}body.is-electron .app{padding-top:54px}.header{text-align:center;line-height:1.1}.header h1{letter-spacing:-.03em;background:linear-gradient(120deg,#4338ca 0%,#6366f1 45%,#db2777 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,4.6vh,3.2rem);font-weight:800}.tagline{color:#565e8a;margin:4px 0 0;font-size:clamp(.85rem,1.7vh,1.05rem)}.stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa8;border:1px solid #ffffffe6;border-radius:20px;flex-wrap:wrap;align-items:center;gap:8px 20px;width:min(880px,100%);padding:clamp(8px,1.3vh,14px) clamp(12px,1.6vw,20px);display:flex;box-shadow:0 12px 30px -18px #312e8180}.count{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:flex}.count-value{color:#312e81;font-size:clamp(1.4rem,3vh,1.9rem);font-weight:800;line-height:1}.count-total{color:#6b7299;font-size:.9rem}.progress{background:#6366f129;border-radius:999px;flex:160px;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#ec4899);height:100%;transition:width .18s ease-out}.controls{gap:10px;margin-left:auto;display:flex}.button{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:0;border-radius:999px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:transform .12s,box-shadow .12s;box-shadow:0 8px 16px -10px #4338cae6}.button:hover{transform:translateY(-1px);box-shadow:0 12px 20px -10px #4338cae6}.button:active{transform:scale(.97)}.button:focus-visible{outline-offset:2px;outline:3px solid #a5b4fc}.button.ghost{color:#4338ca;box-shadow:none;background:#6366f11f}.button.ghost:hover{box-shadow:none;background:#6366f133}.board{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;container-type:size}.sheet{--gap:clamp(4px, .9cqh, 12px);--pad:clamp(10px, 1.6cqh, 26px);--cell:min(calc((100cqw - 11 * var(--gap) - 2 * var(--pad)) / 12), calc((100cqh - 8 * var(--gap) - 2 * var(--pad)) / 9), 56px);grid-template-columns:repeat(12, var(--cell));grid-template-rows:repeat(9, var(--cell));gap:var(--gap);padding:var(--pad);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(150deg,#fff 0%,#eef1ff 100%);border-radius:clamp(16px,3vh,30px);width:max-content;max-width:100%;height:max-content;max-height:100%;display:grid;box-shadow:0 34px 60px -30px #312e818c,inset 0 2px #fff,inset 0 -10px 26px #6366f124}.bubble{cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 32% 26%,#fffffff2 0 9%,#ffffff61 24%,#0000 46%),radial-gradient(circle at 50% 58%,#dde5ff 0%,#b7c4ff 55%,#93a7ff 80%,#7d8ff6 100%);border:0;border-radius:50%;width:100%;height:100%;padding:0;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 6px 10px -5px #1e296373,inset 0 -6px 10px #28327838,inset 0 4px 8px #ffffffbf}.bubble:hover{transform:translateY(-2px)scale(1.04)}.bubble:active{transform:scale(.9)}.bubble.popped{cursor:default;background:radial-gradient(circle at 50% 45%,#e7eaf7 0%,#d4d9ef 55%,#c2c9e6 100%);animation:.3s ease-out pop;transform:none;box-shadow:inset 0 4px 10px #33418c57,inset 0 -2px 4px #ffffffe6}.bubble.popped:after{content:"";background:radial-gradient(circle at 50% 60%,#b8c0dd,#d0d6ea);border-radius:50%;position:absolute;inset:28%;box-shadow:inset 0 1px 2px #3c468259}@keyframes pop{0%{filter:brightness(1.15);transform:scale(.72)}60%{transform:scale(1.04)}to{filter:brightness();transform:scale(1)}}.complete{z-index:20;color:#831843;background:linear-gradient(135deg,#fce7f3,#e0e7ff);border-radius:999px;margin:0;padding:12px 22px;font-weight:700;animation:.35s ease-out fade;position:fixed;bottom:max(14px,2vh);left:50%;transform:translate(-50%);box-shadow:0 14px 24px -16px #83184399}@keyframes fade{0%{opacity:0}to{opacity:1}}.hint{color:#6b7299;text-align:center;margin:0;font-size:.85rem}.hint kbd{min-width:1.6em;font:inherit;color:#3730a3;background:#fff;border:1px solid #c7d2fe;border-radius:6px;padding:2px 6px;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 2px #c7d2fe}.credit{border-left:1px solid #c7d2fe;margin-left:10px;padding-left:12px;display:inline-block}.credit a{color:#4338ca;font-weight:700;text-decoration:none}.credit a:hover{text-decoration:underline}@media (height<=720px){.tagline{display:none}}@media (width<=560px){.stats{padding:8px 12px}.controls{width:100%;margin-left:0}.controls .button{flex:1}.hint{font-size:.78rem}.credit{border:0;margin:6px 0 0;padding:0;display:block}}.journey-app{gap:clamp(6px,1.3vh,14px)}.header.compact h1{font-size:clamp(1.4rem,3.2vh,2.2rem)}.journey-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa8;border:1px solid #ffffffe6;border-radius:18px;flex-wrap:wrap;align-items:center;gap:10px 18px;width:min(880px,100%);padding:8px clamp(12px,1.6vw,20px);display:flex;box-shadow:0 12px 30px -18px #312e8180}.journey-bar .controls{margin-left:auto}.coin-pill,.star-pill{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:5px 11px;font-size:.85rem;font-weight:800;display:inline-flex}.coin-pill{color:#92400e;background:#fbbf242e}.star-pill{color:#4338ca;background:#6366f124}.journey-scroll{scrollbar-width:thin;width:min(920px,100%);height:100%;min-height:0;padding:2px 4px 8px;overflow-y:auto}.section-title{text-align:left;letter-spacing:-.01em;margin:6px 0 10px;font-size:1rem}.section-note{color:#7b82a6;margin-left:6px;font-size:.72rem;font-weight:600}.level-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.level-card{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fffc;border:1px solid #fffffff2;border-radius:18px;flex-direction:column;gap:4px;padding:12px;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 16px 26px -24px #312e81b3}.level-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 30px -24px #312e81e6}.level-card:disabled{cursor:not-allowed;opacity:.55}.level-number{letter-spacing:.08em;text-transform:uppercase;color:#6366f1;font-size:.68rem;font-weight:800}.level-card strong{letter-spacing:-.01em;font-size:.92rem}.level-meta{color:#6b7299;font-size:.74rem}.level-stars{letter-spacing:2px;color:#f59e0b;margin-top:auto;padding-top:4px;font-size:.9rem}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.shop-card{background:#ffffffbd;border:1px solid #fffffff2;border-radius:18px;flex-direction:column;gap:5px;padding:13px;display:flex}.shop-icon{font-size:.9rem;font-weight:800}.shop-desc{color:#6b7299;font-size:.76rem}.shop-owned{color:#4338ca;font-size:.76rem;font-weight:700}.button.small{align-self:flex-start;padding:7px 12px;font-size:.76rem}.journey-hud{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa8;border:1px solid #ffffffe6;border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px 18px;width:min(880px,100%);padding:8px clamp(12px,1.6vw,20px);display:flex;box-shadow:0 12px 30px -18px #312e8180}.hud-stat{letter-spacing:.06em;text-transform:uppercase;color:#7b82a6;font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;font-size:.66rem;font-weight:700;display:flex}.hud-stat strong{letter-spacing:0;color:#312e81;font-size:1.05rem}.hud-stat strong.danger{color:#dc2626}.journey-hud .progress{flex:140px}.journey-hud .controls{align-items:center;margin-left:auto}.power-bar{flex-wrap:wrap;justify-content:center;gap:10px;width:min(880px,100%);display:flex}.power-button{color:#3730a3;font:inherit;cursor:pointer;background:#fffc;border:1px solid #fffffff2;border-radius:14px;align-items:center;gap:10px;padding:9px 14px;font-size:.84rem;font-weight:700;transition:transform .12s,opacity .12s;display:flex;box-shadow:0 12px 20px -22px #312e81cc}.power-button:hover:not(:disabled){transform:translateY(-1px)}.power-button:disabled{cursor:not-allowed;opacity:.42}.power-count{background:#6366f124;border-radius:999px;padding:2px 8px;font-size:.74rem}.sheet-locked,.sheet-locked .bubble{cursor:default}.result-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1b4b5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.result-card{text-align:center;background:linear-gradient(150deg,#fff,#eef2ff);border-radius:26px;width:min(400px,100%);padding:26px;box-shadow:0 34px 60px -24px #1e1b4bb3}.result-kicker{letter-spacing:.12em;text-transform:uppercase;color:#6366f1;margin:0;font-size:.7rem;font-weight:800}.result-card h2{letter-spacing:-.02em;margin:6px 0 8px;font-size:1.35rem}.result-stars{color:#f59e0b;letter-spacing:4px;margin:0 0 6px;font-size:1.6rem}.result-card p{color:#565e8a;margin:6px 0;font-size:.9rem}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}@media (width<=560px){.journey-bar .controls{width:100%;margin-left:0}.journey-bar .controls .button{flex:1}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:1fr}.power-button{flex:28%;justify-content:center;padding:8px 10px;font-size:.76rem}.result-actions .button{flex:100%}}