*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(120,90,200,.1),transparent 60%),radial-gradient(900px 500px at 100% 110%,rgba(30,160,190,.08),transparent 60%),var(--bg);background-attachment:fixed}#app{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:16px}.game{width:min(92vw,460px);display:flex;flex-direction:column;gap:12px}.crumb{font-size:14px}.crumb a{color:var(--accent);text-decoration:none;font-weight:700}.crumb a:hover{text-decoration:underline}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.title{font-size:clamp(30px,9vw,52px);font-weight:800;line-height:1;letter-spacing:-1px}.scores{display:flex;gap:8px}.score-box{background:var(--board-bg);color:var(--accent-text);border-radius:6px;padding:6px 12px;text-align:center;min-width:58px}.score-box .label{font-size:10px;text-transform:uppercase;letter-spacing:1px;opacity:.85;font-weight:700}.score-box .value{font-size:20px;font-weight:800;line-height:1.1}.objective{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}.obj-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.obj-label{font-weight:700;opacity:.9}.obj-val{font-weight:800;font-variant-numeric:tabular-nums}.obj-bar{margin-top:8px;height:8px;border-radius:5px;background:var(--cell-bg);overflow:hidden}.obj-bar i{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .2s ease}.obj-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.obj-chip{display:inline-flex;align-items:center;gap:6px;background:var(--cell-bg);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-weight:700;font-variant-numeric:tabular-nums}.obj-chip.done{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;opacity:.95}.obj-chip.done:after{content:"✓";color:var(--accent);font-weight:900}.obj-gem{font-size:15px}.obj-chip[data-color="0"] .obj-gem{color:#e23b4e}.obj-chip[data-color="1"] .obj-gem{color:#2f7fe0}.obj-chip[data-color="2"] .obj-gem{color:#27a559}.obj-chip[data-color="3"] .obj-gem{color:#e8a71c}.obj-chip[data-color="4"] .obj-gem{color:#9b51e0}.obj-chip[data-color="5"] .obj-gem{color:#17b3c4}.controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.how{font-size:12.5px;opacity:.85;flex:1}.how b{font-weight:700}.btnrow{display:flex;gap:8px;flex:none}.btn{background:var(--accent);color:var(--accent-text);border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:filter .12s ease}.btn:hover{filter:brightness(1.05)}.btn:active{filter:brightness(.95)}.btn.ghost{background:var(--surface);color:var(--text);border:1px solid var(--line)}.board-wrap{position:relative}.board{--gap: clamp(3px, 1vw, 6px);display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:var(--gap);width:100%;aspect-ratio:1 / 1;background:radial-gradient(120% 90% at 50% 18%,rgba(255,255,255,.12),transparent 55%),radial-gradient(120% 90% at 50% 108%,rgba(0,0,0,.22),transparent 60%),var(--board-bg);border-radius:14px;padding:calc(var(--gap) + 2px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 7px #0006,inset 0 -1px #ffffff0f,0 14px 34px #00000038;touch-action:none;user-select:none;-webkit-user-select:none}.gem{position:relative;border:none;padding:0;cursor:pointer;border-radius:24% 24% 26% 26%/26% 26% 24% 24%;color:#ffffffeb;isolation:isolate;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,4.6vw,24px);line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.45),0 0 6px rgba(255,255,255,.25);background:radial-gradient(60% 44% at 33% 26%,rgba(255,255,255,.85),rgba(255,255,255,.18) 46%,transparent 66%),radial-gradient(38% 32% at 50% 46%,rgba(255,255,255,.42),transparent 44%),conic-gradient(from -58deg at 50% 46%,var(--g-light),var(--g),var(--g-dark),var(--g),var(--g-light),var(--g),var(--g-dark),var(--g),var(--g-light)),var(--g-deep);box-shadow:inset 0 2px 2px #ffffff8c,inset 0 -5px 8px #0000006b,inset 0 0 0 1px #ffffff1f,0 3px 6px #00000052;transition:transform .1s ease,box-shadow .14s ease,filter .14s ease;touch-action:none}.gem:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;background:radial-gradient(26% 20% at 31% 24%,rgba(255,255,255,.95),transparent 60%),radial-gradient(10% 8% at 68% 66%,rgba(255,255,255,.55),transparent 70%)}.gem:hover{filter:brightness(1.08) saturate(1.05)}.gem:active{transform:scale(.94)}.gem[data-color="0"]{--g: #e23b4e;--g-light: #ff9dab;--g-dark: #a2142a;--g-deep: #5c0a18}.gem[data-color="1"]{--g: #2f7fe0;--g-light: #93c6ff;--g-dark: #1652ab;--g-deep: #0a2f6b}.gem[data-color="2"]{--g: #27a559;--g-light: #74eda1;--g-dark: #157a3f;--g-deep: #0a4423}.gem[data-color="3"]{--g: #e8a71c;--g-light: #ffdd7a;--g-dark: #b3760a;--g-deep: #6e470a}.gem[data-color="4"]{--g: #9b51e0;--g-light: #d4a8ff;--g-dark: #6d2db0;--g-deep: #40197a}.gem[data-color="5"]{--g: #17b3c4;--g-light: #82f0f9;--g-dark: #0c8794;--g-deep: #06525b}.gem[data-color=""]{background:transparent;box-shadow:none}.gem[data-color=""]:before{display:none}.gem[data-special=row]:after,.gem[data-special=col]:after{content:"";position:absolute;inset:14%;border-radius:18%;z-index:2;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 2px,transparent 2px 6px);mix-blend-mode:screen;opacity:.9}.gem[data-special=col]:after{background:repeating-linear-gradient(0deg,rgba(255,255,255,.85) 0 2px,transparent 2px 6px)}.gem[data-special=row],.gem[data-special=col]{animation:gem-glow 1.6s ease-in-out infinite}@keyframes gem-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}.gem[data-special=bomb]{--g: #b06bff;--g-light: #ffffff;--g-dark: #6a2bd0;--g-deep: #2a0d5c;background:radial-gradient(60% 44% at 33% 26%,rgba(255,255,255,.9),transparent 60%),conic-gradient(from 0deg,#ff5d6c,#ffd34e,#5ad16a,#35c4d6,#6a7bff,#c86bff,#ff5d6c);color:#fff;font-size:clamp(15px,5vw,26px);animation:bomb-spin 6s linear infinite,gem-glow 1.4s ease-in-out infinite}@keyframes bomb-spin{to{filter:hue-rotate(360deg)}}.gem.cursor{outline:3px solid var(--accent);outline-offset:2px;z-index:3}.gem.selected{transform:scale(1.08);z-index:4;box-shadow:0 0 0 3px #ffffffd9,0 0 16px 3px var(--g-light),inset 0 2px 2px #fff9,inset 0 -5px 8px #0006;animation:gem-pulse .9s ease-in-out infinite}@keyframes gem-pulse{0%,to{transform:scale(1.06);filter:brightness(1.05)}50%{transform:scale(1.12);filter:brightness(1.28)}}.gem.clearing{animation:gem-clear .2s ease forwards;z-index:5}@keyframes gem-clear{0%{transform:scale(1)}35%{transform:scale(1.22);filter:brightness(1.7) saturate(1.3)}to{transform:scale(.05);filter:brightness(2.4);opacity:0}}.gem.clearing:after{content:"";position:absolute;inset:-35%;border-radius:50%;pointer-events:none;z-index:6;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),rgba(255,255,255,.35) 32%,transparent 60%),radial-gradient(circle at 22% 30%,#fff,transparent 8%),radial-gradient(circle at 80% 26%,#fff,transparent 7%);animation:gem-burst .34s ease-out forwards}@keyframes gem-burst{0%{transform:scale(.3);opacity:0}30%{opacity:1}to{transform:scale(1.7);opacity:0}}.gem.drop{animation:gem-drop .26s cubic-bezier(.34,1.56,.64,1)}@keyframes gem-drop{0%{transform:translateY(-42%) scale(.9);opacity:.25}55%{transform:translateY(6%) scale(1.05);opacity:1}78%{transform:translateY(-3%) scale(.99)}to{transform:translateY(0) scale(1)}}.gem.reject{animation:gem-reject .3s ease}@keyframes gem-reject{0%,to{transform:translate(0)}25%{transform:translate(-8%)}75%{transform:translate(8%)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;background:var(--overlay-bg);border-radius:14px;backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .16s ease}.overlay.show{opacity:1;pointer-events:auto}.overlay .msg{font-size:clamp(26px,8vw,40px);font-weight:800}.overlay.over .msg{color:#ef6a4b}.overlay.win .msg{color:var(--accent)}.overlay .sub{font-size:15px;color:var(--text);opacity:.9;line-height:1.5}.overlay .sub .muted{opacity:.65}.overlay .actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}.stars[hidden],.levelgrid[hidden]{display:none!important}.stars{display:flex;gap:6px;font-size:34px}.stars .star{color:#ffffff38}.stars .star.on{color:#ffcf3f;text-shadow:0 0 14px rgba(255,207,63,.6)}.levelgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:340px;margin-top:4px}.lvl-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1 / 1;border-radius:10px;cursor:pointer;background:var(--surface);border:1px solid var(--line);color:var(--text)}.lvl-btn:hover:not(.locked){border-color:var(--accent)}.lvl-btn.locked{opacity:.5;cursor:default}.lvl-n{font-size:18px;font-weight:800}.lvl-stars{display:flex;gap:1px;font-size:9px}.lvl-stars .star{color:#ffffff38}.lvl-stars .star.on{color:#ffcf3f}@media(prefers-reduced-motion:reduce){.gem.selected,.gem.drop,.gem[data-special=row],.gem[data-special=col],.gem[data-special=bomb]{animation:none}.gem.clearing:after{animation:none;opacity:0}}