@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-0:#d7efe8;--bg-1:#f3f8f4;--bg-2:#c5e4db;--ink:#1d2f2a;--ink-soft:#4a635c;--line:#1d2f2a1f;--panel:#ffffffb8;--accent:#e35d4b;--accent-deep:#c44738;--mint:#2f8f7b;--mint-deep:#1f6d5d;--cell:#8fc7b8;--cell-hover:#7eb9aa;--cell-open:#f7fbf9;--shadow:0 18px 40px #1f4a4024;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Outfit", sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 700px at 10% -10%, #fff7e8 0%, transparent 55%), radial-gradient(900px 600px at 100% 0%, #bfe8df 0%, transparent 50%), linear-gradient(160deg, var(--bg-0), var(--bg-1) 45%, var(--bg-2));background-attachment:fixed}body:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 20% 30%,#ffffff8c 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#2f8f7b2e 0 1.5px,#0000 2.5px),radial-gradient(circle at 40% 80%,#e35d4b24 0 1.5px,#0000 2.5px);background-size:140px 140px,90px 90px,110px 110px;animation:28s linear infinite drift;position:fixed;inset:0}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-40px,-24px)}}#app{min-height:100dvh;position:relative}button{font:inherit;cursor:pointer}.shell{width:min(1100px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.brand-block{text-align:center;margin-bottom:2rem;animation:.7s both rise}.brand,.brand-mini{color:var(--accent-deep);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.brand{font-size:clamp(2rem,6vw,3.4rem);font-family:var(--font-display);letter-spacing:-.02em;text-transform:none;margin-bottom:.75rem;line-height:1;animation:.8s cubic-bezier(.2,.9,.2,1.2) both brand-pop}.brand-block h1,.game-title h1{font-family:var(--font-display);letter-spacing:-.02em;margin:.2rem 0 .6rem;font-size:clamp(1.35rem,3vw,1.85rem);font-weight:600}.lede{max-width:36rem;color:var(--ink-soft);margin:0 auto;line-height:1.55}.hint-note{text-align:center;max-width:40rem;color:var(--ink-soft);margin:1.5rem auto 0;font-size:.92rem}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;display:grid}.stage-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);color:inherit;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.1rem 1rem 1.2rem;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.55s both rise;display:flex;position:relative}.stage-card:first-child{animation-delay:20ms}.stage-card:nth-child(2){animation-delay:50ms}.stage-card:nth-child(3){animation-delay:80ms}.stage-card:nth-child(4){animation-delay:.11s}.stage-card:nth-child(5){animation-delay:.14s}.stage-card:nth-child(6){animation-delay:.17s}.stage-card:nth-child(7){animation-delay:.2s}.stage-card:nth-child(8){animation-delay:.23s}.stage-card:nth-child(9){animation-delay:.26s}.stage-card:nth-child(10){animation-delay:.29s}.stage-card:hover:not(:disabled){border-color:#2f8f7b59;transform:translateY(-4px);box-shadow:0 22px 44px #1f4a402e}.stage-card.cleared{border-color:#2f8f7b73}.stage-card.locked{opacity:.55;cursor:not-allowed}.stage-id{letter-spacing:.08em;color:var(--mint-deep);font-size:.75rem;font-weight:700}.stage-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600}.stage-meta,.stage-desc{color:var(--ink-soft);font-size:.9rem}.stage-badge{letter-spacing:.06em;color:var(--mint-deep);margin-top:.55rem;font-size:.75rem;font-weight:700}.stage-card.cleared .stage-badge{color:var(--accent-deep)}.game-top{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-bottom:1rem;animation:.5s both rise;display:grid}.game-title{text-align:center}.game-title h1{margin:.15rem 0 0;font-size:clamp(1.1rem,2.5vw,1.45rem)}.ghost-btn,.primary-btn{border:1px solid var(--line);color:var(--ink);background:#ffffffb3;border-radius:999px;padding:.55rem 1rem;transition:background .2s,transform .2s}.ghost-btn:hover,.primary-btn:hover{background:#fff;transform:translateY(-1px)}.primary-btn{background:var(--mint);color:#fff;border-color:#0000;font-weight:600}.primary-btn:hover{background:var(--mint-deep);color:#fff}.primary-btn.alt{background:var(--accent)}.primary-btn.alt:hover{background:var(--accent-deep)}.hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.75rem;display:grid}@media (width>=720px){.hud{grid-template-columns:repeat(4,minmax(0,1fr))}.hud-item.wide{grid-column:auto}}.hud-item{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:.75rem .9rem}.hud-label{color:var(--ink-soft);margin-bottom:.2rem;font-size:.75rem;display:block}.hud-value{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.tool-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem 1rem;margin:0 0 .9rem;display:flex}.tool-btn{border:1px solid var(--line);color:var(--ink);background:#ffffffbf;border-radius:999px;padding:.55rem 1rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.tool-btn.active{background:var(--accent);color:#fff;border-color:#0000}.controls-hint{color:var(--ink-soft);text-align:center;max-width:42rem;margin:0;font-size:.82rem;line-height:1.4}.board-wrap{border-radius:calc(var(--radius) + 4px);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;background:#ffffff73;place-items:center;padding:1rem;display:grid;position:relative;overflow:auto}.board{--cols:8;--rows:8;z-index:1;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:min(100%, calc(var(--cols) * 34px));-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;isolation:isolate;gap:3px;display:grid;position:relative}.board.flag-mode{outline-offset:4px;border-radius:10px;outline:2px solid #e35d4b73}.cell{aspect-ratio:1;background:linear-gradient(180deg, var(--cell-hover), var(--cell));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;border:none;border-radius:7px;place-items:center;padding:0;transition:transform .12s,filter .12s,background .12s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff59,0 1px #1f4a401f}.cell.holding{filter:brightness(.92);transform:scale(.96)}.cell:hover:not(:disabled):not(.revealed){filter:brightness(1.05);transform:scale(1.03)}.cell:active:not(:disabled):not(.revealed){transform:scale(.97)}.cell.revealed{background:var(--cell-open);box-shadow:inset 0 0 0 1px #1d2f2a0f}.cell.empty{background:#eef7f3}.cell.flagged{background:linear-gradient(#f6d3b0,#efc094)}.cell.treasure{background:#fff4d6}.cell.cat,.cell.boom{background:#ffe6df}.cell.boom{background:#ffc9bc;animation:.45s shake;box-shadow:inset 0 0 0 2px #e35d4b8c}.icon{font-size:clamp(.85rem,2.4vw,1.15rem);line-height:1}.icon.flag{color:var(--accent-deep)}.icon.cat{filter:none;font-size:clamp(1.1rem,3.2vw,1.55rem);animation:.35s pop}.icon.treasure{font-size:clamp(1.05rem,3vw,1.4rem);animation:.35s pop}.num.tiny{font-size:.65rem;line-height:1;position:absolute;bottom:1px;right:2px}.num{font-size:clamp(.85rem,2.2vw,1.05rem);font-weight:700}.n1{color:#2b6cb0}.n2{color:#2f8f7b}.n3{color:#d64545}.n4{color:#5b4db8}.n5{color:#a15c2f}.n6{color:#0f766e}.n7{color:#1f2937}.n8{color:#6b7280}.overlay{z-index:20;pointer-events:none;background:linear-gradient(#0000 30%,#1d2f2a1f 58%,#1d2f2a6b 100%);align-content:end;place-items:center;padding:.75rem;animation:.25s fade;display:grid;position:absolute;inset:0}.overlay.hidden{display:none}.overlay.is-win{background:#1d2f2a2e;align-content:center;place-items:center}.overlay-card{text-align:center;width:min(420px,100%);box-shadow:var(--shadow);pointer-events:auto;background:#fffffff5;border-radius:20px;padding:1.4rem 1.2rem 1.2rem;animation:.35s rise}.overlay-kicker{letter-spacing:.1em;color:var(--mint-deep);margin:0;font-size:.78rem;font-weight:700}.overlay-card.lose .overlay-kicker{color:var(--accent-deep)}.overlay-card h2{font-family:var(--font-display);margin:.35rem 0 .45rem;font-size:1.55rem}.overlay-card p{color:var(--ink-soft);margin:0}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (width<=720px){.shell{width:min(100% - 1rem,1100px);padding-top:1.25rem}.game-top{grid-template-columns:1fr;justify-items:center}.hud{grid-template-columns:1fr 1fr}.hud-item.wide{grid-column:1/-1}.board{width:min(100%, calc(var(--cols) * 28px));gap:2px}.cell{border-radius:5px}}