.amber{color:#eac48c}.mine-main{max-width:740px;margin:auto;padding:36px 24px 50px}.mine-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.mine-title .eyebrow{font-size:9px}.mine-title h1{font:500 46px/1.1 var(--display);letter-spacing:-1.8px;margin:12px 0 0}.mine-title h1>span{display:block;font:400 14px var(--body);color:var(--muted);letter-spacing:0;margin-top:10px}.mine-emblem{font:64px Georgia,serif;color:#eac48c;transform:rotate(12deg);margin-right:15px}.mine-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px}.mine-toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.mine-toolbar select{background:#202b35;color:#e4e9e8;border:1px solid #43505c;border-radius:7px;padding:10px;font:12px var(--body)}.mine-toolbar .button{font-size:11px;min-height:38px;padding:10px 12px}.mine-field{padding:23px;background:radial-gradient(ellipse at 50% 0,#39443f,#222e30 75%);border:1px solid #4a5750;border-radius:15px;box-shadow:inset 0 0 70px #17211e55}.mine-stats{display:flex;justify-content:space-between;align-items:center;padding:0 4px 22px}.mine-stats>div:last-child{text-align:right}.mine-stats span{display:block;font-size:8px;letter-spacing:1.5px;color:#a8b8af}.mine-stats b{display:block;font:500 28px var(--display);font-variant-numeric:tabular-nums;color:#f1d7a7;margin-top:5px}.mine-indicator{color:#ecc893;border:1px solid #a58d5d77;background:#b9a47a12;border-radius:12px;font-size:25px;width:48px;height:48px;display:grid;place-items:center}.mine-scroll{overflow:auto;border:1px solid #121f21;border-radius:8px;background:#182326;padding:7px;overscroll-behavior:contain}.mine-grid{display:grid;grid-template-columns:repeat(var(--size),minmax(32px,1fr));gap:4px;min-width:calc(var(--size) * 36px - 4px)}.mine-cell{aspect-ratio:1;padding:0;min-width:32px;min-height:32px;border:1px solid #65766c;border-bottom:3px solid #293e36;border-radius:5px;background:linear-gradient(145deg,#52685b,#405849);color:#e9d4a6;font:600 clamp(14px,2.7vw,23px) var(--display);display:grid;place-items:center;touch-action:manipulation;user-select:none}.mine-cell:hover{filter:brightness(1.18)}.mine-cell:focus-visible{outline:3px solid #f4dda5;outline-offset:-3px;z-index:1}.mine-cell.open{background:#243334;border:1px solid #3c4c49;box-shadow:none}.mine-cell.flag{background:#61543a;border-color:#aa905b;color:#ffe0a2}.mine-cell[data-number="1"]{color:#99c9f3}.mine-cell[data-number="2"]{color:#a7ebcb}.mine-cell[data-number="3"]{color:#f3ac9d}.mine-cell[data-number="4"]{color:#c7b3ed}.mine-cell[data-number="5"],.mine-cell[data-number="6"],.mine-cell[data-number="7"],.mine-cell[data-number="8"]{color:#f1d598}.mine-cell.exploded{background:#a65249;color:#fff;border-color:#e7a59a}.mine-cell.mine{color:#efaa9d}.mine-cell.wrong{color:#ffae9d;background:#653d37}.mine-field-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:17px;color:#94a99d;font-size:7px;letter-spacing:1.5px}.mine-modes{display:flex;gap:8px;justify-content:center;margin:22px 0 0}.mine-modes button{border:1px solid #394953;border-radius:8px;padding:12px 18px;background:#202b35;color:#a5b6bd;font-size:12px;min-height:44px}.mine-modes button[aria-pressed=true]{border-color:#d5b57e;color:#f2d39e;background:#3b362b}.mine-message{text-align:center;color:#c1cec7;font-size:12px;line-height:1.8;min-height:44px;margin:18px 0}.mine-record{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:18px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.mine-record>span:first-child{font-size:8px;letter-spacing:1px}.mine-record b{color:#eac48c;margin-left:9px;font-size:13px;font-variant-numeric:tabular-nums}.mine-tip{font-size:10px;line-height:1.9;color:var(--muted);text-align:center;margin-top:23px}.mine-feature{margin-top:22px}.mine-feature .game-art{background:radial-gradient(ellipse at center,#665f42,#343e35 75%)}.mine-preview{display:grid;grid-template-columns:repeat(5,47px);gap:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);filter:drop-shadow(0 14px 18px #1116)}.mine-preview span{display:grid;place-items:center;width:47px;height:47px;background:#526b55;border:1px solid #8b9b76;border-bottom:4px solid #2b4534;border-radius:6px;font:600 25px var(--display);color:#a7ebcb}.mine-preview .shown{background:#293e36;border:1px solid #506752;color:#a7c9f0}.mine-preview .marked{background:#74603b;color:#ffdea3}.mine-feature .art-bottom,.mine-feature .art-spark{color:#edcd98}
@media(max-width:650px){.mine-main{padding:26px 14px 35px}.mine-title h1{font-size:36px}.mine-title .eyebrow{font-size:8px;letter-spacing:1px}.mine-title h1>span{font-size:12px}.mine-emblem{font-size:48px}.mine-field{padding:12px}.mine-toolbar{align-items:end}.mine-toolbar label{flex-direction:column;align-items:start;gap:6px;font-size:10px}.mine-toolbar select{font-size:11px;padding:9px}.mine-toolbar .button{font-size:10px;padding:9px}.mine-stats{padding:3px 4px 15px}.mine-stats span{font-size:7px;letter-spacing:1px}.mine-stats b{font-size:24px}.mine-field-bottom{font-size:6px;letter-spacing:.7px}.mine-grid{gap:3px;min-width:calc(var(--size) * 35px - 3px)}.mine-scroll{padding:5px}.mine-record{font-size:8px}.mine-record>span:last-child{max-width:150px;text-align:right}.mine-modes button{font-size:11px;padding:12px}.mine-message{font-size:11px}}
