:root{color:#211a23;background:#ffe96d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.app{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 18% 12%,rgba(255,122,193,.46) 0 9%,transparent 10%),radial-gradient(circle at 85% 18%,rgba(72,214,166,.52) 0 8%,transparent 9%),linear-gradient(145deg,#fff06a,#ffb0d6 46%,#8fe9ce)}.shell{width:min(1040px,100%);padding:clamp(14px,2.5vw,24px);border:3px solid #211a23;border-radius:26px;background:#fffff6e0;box-shadow:0 18px #211a23,0 28px 50px #211a2333}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.kicker{margin:0 0 3px;color:#7a3971;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(1.8rem,5vw,4.2rem);line-height:.95}.mascot{position:relative;width:clamp(64px,12vw,96px);height:clamp(68px,12vw,102px);flex:0 0 auto}.ear{position:absolute;top:2px;width:30%;height:46%;border:3px solid #211a23;border-radius:50% 50% 10% 10%;background:#f54f9c;transform-origin:bottom center}.ear.left{left:13%;transform:rotate(-22deg)}.ear.right{right:13%;transform:rotate(22deg)}.face{position:absolute;inset:22% 4% 0;border:3px solid #211a23;border-radius:46% 46% 42% 42%;background:#f6f0ff;box-shadow:inset 0 -10px #cfb5ff}.eye{position:absolute;top:34%;width:15%;height:21%;border-radius:999px;background:#211a23}.eye.left{left:28%}.eye.right{right:28%}.tooth{position:absolute;left:50%;bottom:17%;width:14%;height:20%;border:2px solid #211a23;border-top:0;border-radius:0 0 999px 999px;background:#fff;transform:translate(-50%)}.reset-button,.segmented button,.mode-switch button{border:2px solid #211a23;color:#211a23;background:#fff8ca;box-shadow:0 4px #211a23;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.reset-button:hover,.segmented button:hover,.mode-switch button:hover{transform:translateY(-2px);box-shadow:0 6px #211a23}.reset-button:active,.segmented button:active,.mode-switch button:active{transform:translateY(3px);box-shadow:0 1px #211a23}.reset-button{min-width:82px;min-height:44px;border-radius:999px;font-weight:950}.controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-top:18px}.segmented,.mode-switch{display:grid;gap:8px}.segmented{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-switch{grid-template-columns:repeat(2,54px)}.segmented button,.mode-switch button{min-height:52px;border-radius:16px;font-weight:950}.segmented button{display:grid;place-items:center}.segmented small{color:#6f5966;font-size:.72rem;font-weight:850}.segmented .active,.mode-switch .active{background:#58e0b6}.score-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.score-card{min-height:70px;padding:10px;border:2px solid #211a23;border-radius:18px;background:#fff;box-shadow:inset 0 -8px #ffe1f0}.score-card span,.message span{display:block;color:#7a3971;font-size:.76rem;font-weight:950}.score-card strong{display:block;margin-top:4px;font-size:clamp(1.2rem,5vw,2rem)}.message{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:52px;margin-top:14px;padding:10px 14px;border:2px dashed #211a23;border-radius:18px;background:#fffbdf}.message strong{overflow-wrap:anywhere}.message em{color:#6f5966;font-size:.82rem;font-style:normal;font-weight:800;white-space:nowrap}.message.won{background:#c9ffe8}.message.lost{background:#ffd0df}.board-wrap{margin-top:16px;overflow-x:auto;padding:4px 0 18px;-webkit-overflow-scrolling:touch}.board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(3px,.9vw,6px);width:min(100%,var(--board-width));min-width:min(100%,var(--board-min));margin:0 auto;padding:clamp(7px,1.5vw,12px);border:3px solid #211a23;border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.22) 1px,transparent 1px),#3b2d48;background-size:18px 18px}.cell{display:grid;place-items:center;aspect-ratio:1;width:100%;min-width:0;border:2px solid #211a23;border-radius:9px;color:#211a23;background:linear-gradient(145deg,#ff78bd,#fff46b);box-shadow:inset 0 -5px #211a233d;cursor:pointer;font-size:clamp(.84rem,4vw,1.28rem);font-weight:1000;line-height:1;touch-action:manipulation;-webkit-user-select:none;user-select:none}.cell:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.cell:disabled{cursor:default}.cell.revealed{background:#fff9df;box-shadow:inset 0 3px #211a2314}.cell.flagged{background:linear-gradient(145deg,#58e0b6,#b6ff6d)}.cell.mine{color:#fff;background:#211a23;animation:pop .42s cubic-bezier(.18,.89,.32,1.28)}.cell.wrong{background:#ff8d8d}.one{color:#2a65d9}.two{color:#0d8f57}.three{color:#dd2e68}.four{color:#7a43d1}.five{color:#b85d00}.six,.seven,.eight{color:#1e8c8c}@keyframes pop{0%{transform:scale(.76)}70%{transform:scale(1.12)}to{transform:scale(1)}}@media(max-width:700px){.app{align-items:start;padding:10px}.shell{border-radius:20px;box-shadow:0 10px #211a23,0 16px 32px #211a2333}.topbar{align-items:flex-start}.controls{grid-template-columns:1fr}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.score-row{gap:7px}.score-card{min-height:58px;padding:8px}.message{grid-template-columns:1fr;gap:3px}.message em{white-space:normal}.board{border-radius:16px}.cell{border-radius:7px;border-width:1.5px}}@media(max-width:380px){.topbar{display:grid}.reset-button{width:100%}}