@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@500;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-top:#30226f;--bg-bottom:#120e2f;--panel:#171339b8;--panel-border:#ffffff24;--panel-shine:#ffffff14;--text-main:#f8f4ff;--text-soft:#f0e8ffc2;--gold:#f6c96f;--gold-deep:#c98c29;--glow-pink:#ff5fa857;--glow-blue:#56bfff4d;--board-size:min(86vw, 560px);--tile-gap:clamp(6px, 1.1vw, 10px);--tile-radius:20px;--shadow-heavy:0 32px 80px #04001285}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text-main);background:radial-gradient(circle at top left, #8159ff73, transparent 26%), radial-gradient(circle at 88% 18%, #ff74af57, transparent 22%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);margin:0;font-family:Manrope,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}#app{min-height:100svh}.app-shell{max-width:1440px;min-height:100svh;margin:0 auto;padding:24px;position:relative}.app-shell__glow{filter:blur(28px);pointer-events:none;z-index:0;border-radius:50%;width:320px;height:320px;position:fixed}.app-shell__glow--left{background:var(--glow-pink);top:120px;left:-80px}.app-shell__glow--right{background:var(--glow-blue);top:260px;right:-60px}.topbar,.layout,.overlay{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.brand__eyebrow,.panel-card__label,.board-chrome__caption,.overlay-card__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#faf0ffad;margin:0 0 8px;font-size:.72rem}.brand__title,.overlay-card__title{margin:0;font-family:Fraunces,serif;font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:.98}.brand__subtitle{max-width:52ch;color:var(--text-soft);margin:14px 0 0}.topbar__actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.chrome-button{color:#2f1f00;background:linear-gradient(#ffe5a8 0%,#f3c361 45%,#d99531 100%);border:0;border-radius:999px;padding:14px 22px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:inset 0 2px #ffffff73,inset 0 -2px #56290038,0 14px 26px #0b071f4d}.chrome-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.chrome-button:active{transform:translateY(1px)scale(.99)}.chrome-button--ghost{color:var(--text-main);background:linear-gradient(#ffffff24,#ffffff14);border:1px solid #ffffff2e;box-shadow:inset 0 1px #ffffff29}.layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr) minmax(250px,300px);align-items:start;gap:20px;display:grid}.panel,.board-chrome{border:1px solid var(--panel-border);background:linear-gradient(180deg, #ffffff12, #ffffff05), var(--panel);box-shadow:var(--shadow-heavy);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel{border-radius:30px;padding:18px}.panel-card{background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff1c;border-radius:22px;padding:20px}.panel-card+.panel-card{margin-top:16px}.panel-card__title{margin:0 0 14px;font-family:Fraunces,serif;font-size:1.55rem}.panel-card__meta{color:var(--text-soft);margin:12px 0 0}.goal-chip{background:#ffffff14;border:1px solid #ffffff1c;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;display:inline-flex}.goal-chip__orb{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 2px 3px #ffffff7a,0 0 18px #fff3}.goal-chip__orb--ruby{background:linear-gradient(#ffd6e4,#ff5b92 55%,#b51757)}.goal-chip__orb--citrine{background:linear-gradient(#fff2be,#ffbc32 55%,#bc6a08)}.goal-chip__orb--emerald{background:linear-gradient(#dbffe8,#48df8d 55%,#147a41)}.goal-chip__orb--sapphire{background:linear-gradient(#dff4ff,#4db4ff 55%,#0e5fa6)}.goal-chip__orb--amethyst{background:linear-gradient(#efdeff,#b989ff 55%,#6a2cd8)}.progress-bar{background:#ffffff14;border-radius:999px;width:100%;height:12px;margin-top:18px;overflow:hidden}.progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#ffda85,#ff8bb0 45%,#7ab7ff);width:0;height:100%;transition:width .22s}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stat-pill{background:#ffffff0f;border:1px solid #ffffff17;border-radius:18px;padding:14px}.stat-pill__label{color:#f4e9ffb8;margin-bottom:6px;font-size:.8rem;display:block}.stat-pill__value{font-size:1.15rem}.board-panel{min-width:0}.board-chrome{border-radius:34px;padding:18px}.board-chrome__top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.board-chrome__subcaption{color:var(--text-soft);margin:6px 0 0}.combo-badge{white-space:nowrap;background:linear-gradient(#ffffff2e,#ffffff14);border:1px solid #ffffff26;border-radius:999px;padding:10px 14px;font-weight:800}.board-shell{background:linear-gradient(#ffffff2e,#ffffff05),linear-gradient(#2c1d57f2,#11102ef2);border:2px solid #ffe9b642;border-radius:30px;padding:16px;position:relative;box-shadow:inset 0 3px #ffffff2e,inset 0 -4px #0000002e}.board-grid{gap:var(--tile-gap);width:var(--board-size);aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));max-width:100%;display:grid}.tile{border-radius:var(--tile-radius);aspect-ratio:1;background:radial-gradient(circle at 30% 18%,#ffffff94,#0000 26%),linear-gradient(#ffffff14,#00000026);border:0;min-width:0;padding:0;transition:transform .16s,filter .16s,box-shadow .16s;position:relative;overflow:hidden;box-shadow:inset 0 4px 10px #ffffff38,inset 0 -4px 10px #0000003d,0 10px 18px #05001647}.tile:hover{transform:translateY(-2px)}.tile:active{transform:scale(.98)}.tile--empty{box-shadow:none;pointer-events:none;background:#ffffff0a;border:1px dashed #ffffff14}.tile__shine,.tile__core{border-radius:inherit;position:absolute;inset:0}.tile__shine{opacity:.7;background:linear-gradient(145deg,#ffffff8a,#0000 36%)}.tile__core{border-radius:14px;inset:12%;box-shadow:inset 0 2px 4px #ffffff57,inset 0 -4px 6px #00000029}.tile__special{letter-spacing:.08em;color:#fffffff0;background:#14103061;border:1px solid #ffffff1f;border-radius:999px;min-width:0;padding:4px 7px;font-size:.54rem;font-weight:800;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.tile:not(.tile--rocketH):not(.tile--rocketV):not(.tile--bomb):not(.tile--disco) .tile__special:empty{display:none}.tile--ruby{background-color:#b81d58}.tile--ruby .tile__core{background:linear-gradient(#ffc4d8,#ff5b92 45%,#b81d58 100%)}.tile--citrine{background-color:#b8670a}.tile--citrine .tile__core{background:linear-gradient(#fff0ae,#ffbb38 48%,#b8670a 100%)}.tile--emerald{background-color:#157c43}.tile--emerald .tile__core{background:linear-gradient(#d8ffea,#4fe08f 48%,#157c43 100%)}.tile--sapphire{background-color:#145fa7}.tile--sapphire .tile__core{background:linear-gradient(#dff5ff,#4db4ff 48%,#145fa7 100%)}.tile--amethyst{background-color:#6e34dc}.tile--amethyst .tile__core{background:linear-gradient(#efdeff,#b989ff 48%,#6e34dc 100%)}.tile--rocketH:after,.tile--rocketV:after,.tile--bomb:after,.tile--disco:after{content:"";border:2px solid #fff6;border-radius:18px;position:absolute;inset:5px;box-shadow:inset 0 0 20px #ffffff38}.tile--rocketH:after{background:linear-gradient(90deg,#0000 0 18%,#ffeca8cc 18% 82%,#0000 82% 100%)}.tile--rocketV:after{background:linear-gradient(#0000 0 18%,#ffeca8cc 18% 82%,#0000 82% 100%)}.tile--bomb:after{background:radial-gradient(circle,#fff5c7eb,#ff9354a3 54%,#0000 56%)}.tile--disco:after{opacity:.8;background:conic-gradient(from 180deg,#ff96b7,#ffe17c,#8ef2bd,#84d8ff,#ff96b7)}.tile.is-selected{transform:translateY(-3px)scale(1.04);box-shadow:0 0 0 3px #ffdd8f9e,0 16px 28px #05001657}.tile.is-hint{animation:1.1s ease-in-out infinite tileHint}.tile.is-clearing{animation:.22s forwards tileClear}.tile.is-falling{animation:.26s cubic-bezier(.2,.9,.25,1) both tileFall}.tile.is-spawned{animation:.26s both tileSpawn}.message-bar{color:#f5efffe6;background:#ffffff0f;border:1px solid #ffffff17;border-radius:18px;align-items:center;min-height:54px;margin-top:14px;padding:14px 16px;display:flex}.level-list{gap:10px;display:grid}.level-pill{text-align:left;width:100%;color:var(--text-main);background:#ffffff0d;border:1px solid #ffffff1c;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;transition:transform .15s,background .15s,border-color .15s;display:flex}.level-pill:hover:not(:disabled){background:#ffffff14;transform:translateY(-1px)}.level-pill.is-active{background:linear-gradient(#ffe8ab2e,#ffffff14);border-color:#ffe09385}.level-pill.is-locked{opacity:.45}.level-pill__number{background:#ffffff1a;border-radius:12px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.level-pill__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tips-list{color:var(--text-soft);margin:0;padding-left:18px}.tips-list li+li{margin-top:10px}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a071b8f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay-card{text-align:center;background:linear-gradient(#ffffff17,#ffffff08),#130f32f0;border:1px solid #ffffff29;border-radius:32px;width:min(92vw,560px);padding:28px;box-shadow:0 40px 90px #0006}.overlay-card__text{max-width:40ch;color:var(--text-soft);margin:16px auto 0}.overlay-card__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}@keyframes tileHint{0%,to{transform:translateY(0);box-shadow:0 0 #ffe9ab3d,0 10px 18px #05001647}50%{transform:translateY(-4px)scale(1.03);box-shadow:0 0 0 6px #ffe9ab00,0 12px 22px #05001657}}@keyframes tileClear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.68)}}@keyframes tileFall{0%{transform:translateY(calc(var(--fall-distance) * -24px))}to{transform:translateY(0)}}@keyframes tileSpawn{0%{filter:brightness(1.12);transform:scale(.85)}to{filter:brightness();transform:scale(1)}}@media (width<=1180px){.layout{grid-template-columns:1fr}.panel{order:2}.board-panel{order:1}}@media (width<=760px){.app-shell{padding:16px}.topbar{flex-direction:column}.topbar__actions{justify-content:stretch;width:100%}.topbar__actions .chrome-button{flex:1 1 0}.board-chrome{padding:14px}.board-shell{padding:12px}.board-chrome__top{flex-direction:column;align-items:flex-start}.panel,.overlay-card{border-radius:24px}.tile__special{font-size:.48rem;bottom:6px}}