.page-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 0 18px}.game-title{display:flex;align-items:center;gap:13px}.game-title img{border-radius:10px;object-fit:contain}.eyebrow{font-size:9px;letter-spacing:2px;color:#58657a;font-weight:800}h1{margin:2px 0 0;font-size:27px;line-height:1.2;letter-spacing:-1px}.back-link{font-size:12px;color:#53627b;text-decoration:none;border:1px solid #e2e6ef;border-radius:20px;padding:9px 15px}.back-link:hover{background:#f5f8fa}
.game{--rows:9;display:grid;grid-template-columns:310px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:'controls board' 'guide board';column-gap:36px;padding:24px;border:1px solid #d8e9e2;border-radius:16px;background:linear-gradient(110deg,#f4fcf8 0,#fff 55%);align-items:start}.controls{grid-area:controls}.control-heading h2{margin:0 0 7px;font-size:19px;letter-spacing:-.7px}.control-heading p{font-size:12px;color:#53627b;margin:0 0 20px;line-height:1.6}.difficulty{display:flex;gap:4px;padding:4px;background:#eaf2ee;border-radius:10px}.difficulty button{flex:1;min-height:49px;border:0;background:transparent;border-radius:7px;color:#536b62;font-size:13px;font-weight:700}.difficulty small{display:block;font-size:10px;font-weight:400;margin-top:2px}.difficulty button[aria-pressed=true]{background:#006c50;color:#fff;box-shadow:0 2px 5px #00533b12}.stats{display:flex;text-align:center;padding:24px 0}.stats div{flex:1;border-right:1px solid #dce7e1}.stats div:last-child{border:0}.stats span{display:block;color:#647487;font-size:10px;margin-bottom:6px}.stats strong{font-size:22px;font-variant-numeric:tabular-nums;color:#142b38;letter-spacing:.5px}.actions{display:flex;gap:8px}.actions button{border:1px solid #cfe1d8;border-radius:9px;padding:11px 9px;background:#fff;color:#17624d;font-size:12px;font-weight:700;flex:1;min-height:43px}.actions #flag{flex:1.25}.actions #flag>span{font-size:16px;margin-right:4px}.actions small{font-size:9px;background:#eef4f0;padding:3px 4px;border-radius:4px;margin-left:3px}.actions #flag[aria-pressed=true]{background:#fff1d8;border-color:#dfb56b;color:#755222}.actions #flag[aria-pressed=true] small{background:#f5d998}.safe-note{font-size:11px;color:#5d786b;margin:14px 0 0}.safe-note>span{color:#00815d;margin-right:4px}.play-area{grid-area:board;display:flex;flex-direction:column;align-items:center;min-width:0}.board-wrap{width:min(100%,clamp(270px,calc((100dvh - 230px) * 9 / var(--rows)),450px));padding:6px;background:#d9e9e2;border-radius:12px}.board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}.cell{aspect-ratio:1;min-width:0;border:0;border-radius:5px;padding:0;display:flex;align-items:center;justify-content:center;background:#80b5a0;color:#123b2e;box-shadow:inset 0 -3px #0000000c;font-size:19px;font-weight:800;touch-action:manipulation;user-select:none}.cell:hover:not(.open):not(:disabled){background:#9bcab6}.cell.open{background:#f7faf9;box-shadow:none}.cell.flagged{color:#fff}.cell[data-n="1"]{color:#326d99}.cell[data-n="2"]{color:#25764e}.cell[data-n="3"]{color:#bc5536}.cell[data-n="4"]{color:#7854a0}.cell[data-n="5"],.cell[data-n="6"],.cell[data-n="7"],.cell[data-n="8"]{color:#923853}.cell.exploded{background:#d36954;color:white}.cell.wrong{background:#f6dacc;color:#9b3b25}.cell:disabled{opacity:1;cursor:default}.status{font-size:12px;color:#536b62;text-align:center;min-height:18px;margin:12px 0 0;line-height:1.5}.status.win{color:#00764e;font-weight:800}.status.lost{color:#b24d32;font-weight:700}.guide{grid-area:guide;margin-top:22px;border-top:1px solid #dce7e1;padding-top:15px}.guide summary{cursor:pointer;font-size:12px;font-weight:600;color:#53627b;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:30px}.guide summary::-webkit-details-marker{display:none}.guide[open] summary>span{transform:rotate(45deg)}.tips p{font-size:11px;color:#657387;line-height:1.7;margin:12px 0}.tips b{display:block;color:#34445b;margin-bottom:3px}.tips .footnote{font-size:10px}.guide[open]{padding-bottom:8px}dialog{border:1px solid #dce3ec;border-radius:16px;padding:26px;color:#101b30;max-width:calc(100% - 40px)}dialog::backdrop{background:#102b2566}dialog h2{font-size:19px;margin:0 0 15px}dialog p{font-size:13px;color:#647487}.dialog-actions{display:flex;gap:8px;margin-top:23px}.dialog-actions button{flex:1;border:0;border-radius:7px;padding:11px;background:#edf3ef;color:#17624d}.dialog-actions button[value=confirm]{background:#006c50;color:#fff}
@media(max-width:800px){.game{grid-template-columns:255px minmax(0,1fr);gap:20px;padding:18px}.board-wrap{min-width:0}.control-heading h2{font-size:17px}.control-heading p{font-size:11px}.actions button{font-size:11px;padding:10px 5px}}
@media(max-width:650px){.page-heading{padding:13px 0}.game-title{gap:9px}.game-title img{width:38px;height:40px}h1{font-size:22px}.eyebrow{font-size:8px}.back-link{font-size:11px;padding:8px 11px}.game{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:'controls' 'board' 'guide';gap:0;padding:12px;background:linear-gradient(#f3fbf7,#fff)}.control-heading{display:none}.difficulty button{min-height:42px;padding:4px;font-size:12px}.difficulty small{font-size:9px}.stats{padding:11px 0}.stats span{font-size:9px;margin-bottom:2px}.stats strong{font-size:20px}.actions{margin-bottom:12px}.actions button{min-height:38px;padding:7px;font-size:12px}.safe-note{display:none}.board-wrap{width:100%;max-width:360px;padding:5px}.board{gap:2px}.cell{font-size:17px}.status{font-size:11px;margin-top:10px}.guide{margin-top:11px;padding-top:7px}.guide summary{font-size:11px}.tips{padding:0 4px}}
@media(prefers-reduced-motion:no-preference){.cell,.actions button,.difficulty button{transition:background .12s}}