:root{--bg:#f5f7fa;--surface:#fff;--ink:#172a3a;--muted:#75818e;--line:#e8ecf0;--accent:#087f70;--accent-light:#e7f5f0;--tile:#e9eef2;--tile-border:#dce3e9;--board:#dbe3e9;--open:#f5f7f9;--shadow:0 6px 24px #172a3a05;--cell:38px;color-scheme:light;font-family:Inter,'Segoe UI',Arial,'Noto Sans',sans-serif;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #36b6a8;outline-offset:4px}button{border:0;background:none}svg{flex-shrink:0;vertical-align:middle}p{line-height:1.7}button .icon{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:absolute;top:-100px;left:20px;z-index:99;background:var(--accent);color:white;padding:15px}.skip:focus{top:10px}.header{height:86px;background:var(--surface);border-bottom:1px solid var(--line)}.header-inner{max-width:1176px;height:100%;margin:auto;display:flex;align-items:center;gap:55px;padding:0 28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-dot{color:var(--accent)}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-6deg);width:26px}.brand-mark b{height:9px;border-radius:2px;background:var(--accent)}.brand-mark b:nth-child(2){opacity:.35}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;height:100%}.main-nav a,.main-nav button{padding:0;height:100%;display:flex;align-items:center;position:relative;color:var(--muted)}.main-nav .nav-active{color:var(--accent)}.nav-active:after{content:'';position:absolute;bottom:0;height:3px;background:var(--accent);width:100%;border-radius:3px}.header-actions{display:flex;align-items:center;gap:12px;margin-inline-start:auto}.language-button{display:flex;align-items:center;gap:8px;font-size:14px}.language-button .icon:last-child{width:14px}.divider{width:1px;height:22px;background:var(--line);display:block}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:9px;color:var(--muted)}.icon-button:hover{background:var(--bg);color:var(--accent)}main{max-width:1100px;margin:auto;padding:0 28px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:43px 0 27px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--accent)}h1{font-size:36px;letter-spacing:-1.2px;line-height:1.2;margin:9px 0}h2{font-size:23px;letter-spacing:-.5px;line-height:1.4}.page-heading p{color:var(--muted);font-size:15px;margin:8px 0 0}.safe-badge{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;border:1px solid #d9eae4;background:#edf7f2;color:var(--accent);font-size:12px;border-radius:30px}.safe-badge .icon{width:15px;height:15px}.play-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px;align-items:start}.game-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;min-width:0;scroll-margin-top:20px}.game-tabs{height:65px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 22px}.game-tabs [role=tablist]{height:100%;display:flex;gap:24px}.tab{position:relative;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;font-weight:650;padding:0}.tab .icon{width:17px}.tab.active{color:var(--accent)}.tab.active:after{content:'';position:absolute;bottom:-1px;inset-inline:0;height:3px;background:var(--accent)}.game-toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 25px 0;gap:12px}.level-picker{display:flex;gap:12px;align-items:center}.level-picker select{border:1px solid var(--line);padding:9px 30px 9px 12px;border-radius:8px;color:var(--ink);background:var(--surface);font-size:13px;font-weight:600;max-width:165px}.level-picker>span{color:var(--muted);font-size:12px;white-space:nowrap}.new-game{background:var(--accent);color:#fff;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:600;display:flex;gap:7px;align-items:center}.new-game:hover,.primary-button:hover{filter:brightness(1.08)}.new-game .icon{width:15px}.scoreboard{max-width:345px;display:flex;align-items:center;justify-content:space-between;margin:25px auto 22px;gap:32px}.score{min-width:82px;text-align:center}.score-label{font-size:10px;letter-spacing:.4px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:6px}.score-label .icon{width:13px;height:13px}.score strong{font-family:ui-monospace,'Cascadia Code',monospace;font-size:29px;line-height:1.1;font-weight:650;letter-spacing:1px;direction:ltr;display:block}.face-button{width:52px;height:52px;padding:0;flex-shrink:0;transition:transform .15s}.face-button:hover{transform:rotate(-8deg)}.face-button svg{width:48px;height:48px;fill:#e6f4e9;stroke:#51926d;stroke-width:1.5}.face-button .eyes{stroke-width:4;stroke-linecap:round}.face-button .mouth{fill:none;stroke-linecap:round}.board-wrap{position:relative;overflow:auto;padding:3px 24px;overscroll-behavior:contain;min-height:100px;max-height:650px}.board{display:grid;grid-template-columns:repeat(var(--columns),var(--cell));gap:3px;padding:8px;background:var(--board);border:1px solid #cfd9e0;border-radius:10px;width:max-content;margin:auto;direction:ltr;touch-action:pan-x pan-y;user-select:none}.cell{height:var(--cell);width:var(--cell);padding:0;display:flex;align-items:center;justify-content:center;font-family:ui-monospace,monospace;font-weight:750;font-size:21px;line-height:1;border-radius:4px;background:linear-gradient(155deg,#f9fbfc,var(--tile));box-shadow:0 2px 0 #bfcbd6,0 0 0 1px #d7e0e7;touch-action:manipulation;color:var(--ink);-webkit-user-select:none;-webkit-touch-callout:none;transition:background .1s}.cell:hover:not(.open){background:#d5eee5;box-shadow:0 2px 0 #a5c3b5,0 0 0 1px #b9d6c8}.cell.open{background:var(--open);box-shadow:none}.cell .icon{width:20px;height:20px}.cell.flagged{color:var(--accent)}.cell.flagged .icon{fill:#087f7020}.cell[data-count="1"]{color:#387ccc}.cell[data-count="2"]{color:#239273}.cell[data-count="3"]{color:#d55c63}.cell[data-count="4"]{color:#8c62b8}.cell[data-count="5"]{color:#b26930}.cell[data-count="6"]{color:#148896}.cell[data-count="7"]{color:#35445b}.cell[data-count="8"]{color:#727887}.cell.exploded{background:#fbd0d0;color:#c54040;box-shadow:inset 0 0 0 2px #e68181}.cell.wrong{color:#ca5158}.cell:focus-visible{outline-offset:-2px;outline:3px solid var(--accent);position:relative;z-index:1}.game-status{min-height:50px;margin:9px 15px 3px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--muted);text-align:center}.game-status .icon{width:14px;height:14px;color:var(--accent)}.game-status.won{color:var(--accent);font-size:15px;font-weight:650}.game-status.lost{color:#c45058}.board-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:14px 22px 8px;gap:10px}.flag-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;padding:0}.flag-toggle .icon{width:17px}.toggle-track{width:29px;height:17px;background:#dfe5e9;border-radius:20px;position:relative;margin-inline-start:3px}.toggle-track:after{content:'';position:absolute;width:11px;height:11px;background:white;border-radius:50%;top:3px;left:3px;transition:transform .15s}.flag-toggle[aria-pressed=true]{color:var(--accent)}.flag-toggle[aria-pressed=true] .toggle-track{background:var(--accent)}.flag-toggle[aria-pressed=true] .toggle-track:after{transform:translateX(12px)}.board-tools{display:flex;gap:2px;align-items:center}.board-tools .icon-button{width:31px;height:31px}.board-tools .icon{width:17px}.control-hint{text-align:center;font-size:10px;color:var(--muted);margin:3px 15px 18px}.side-rail{display:grid;gap:19px}.daily-card{position:relative;background:#eaf4ef;border:1px solid #dcebe3;border-radius:16px;padding:24px;overflow:hidden}.card-kicker{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650}.daily-card .card-kicker{color:#347c61}.card-kicker .icon{width:17px;height:17px}.tiny-tag{margin-inline-start:auto;font-size:9px;letter-spacing:1px;font-weight:500}.daily-date{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#6e8c7e;margin:19px 0 7px}.daily-card h2{font-size:24px;line-height:1.3;max-width:210px;margin:0 0 9px;color:#244b3e}.daily-card>p:not(.daily-date){font-size:12px;line-height:1.8;color:#658274;margin:0}.daily-art{width:127px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;transform:rotate(-10deg);margin:22px auto 25px;direction:ltr}.daily-art span{height:27px;border-radius:4px;background:#d3e7db;display:grid;place-items:center;color:#337e5b;font-size:15px;font-weight:700;box-shadow:0 2px 0 #c2dacb}.daily-art span:nth-child(3n){background:#f1f8f3;box-shadow:none}.daily-art .d4{background:#91c5a6;font-size:19px}.daily-art .d7{color:#638caf}.daily-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 13px;background:#fff;color:#2c6c53;border:1px solid #d7e8dd;border-radius:8px;font-size:12px;font-weight:650;gap:10px}.daily-button:hover{background:#f7fffa}.daily-button .icon{width:16px}.daily-card small{display:block;text-align:center;font-size:9px;margin-top:11px;color:#748d80;line-height:1.6}.record-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:21px}.record-card .card-kicker{margin-bottom:17px}.record-card .card-kicker .icon{color:#b9994b}.record-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 0;font-size:12px;border-bottom:1px solid var(--line)}.record-row>span{display:flex;align-items:center;gap:9px}.level-dots{color:#83bfa9;font-size:7px;min-width:24px;letter-spacing:-1px}.level-dots.intermediate{color:#d4b96d}.level-dots.expert{color:#d69c95}.record-row strong{font-family:ui-monospace,monospace;font-weight:500}.text-button{display:inline-flex;align-items:center;gap:8px;padding:0;color:var(--muted);font-size:12px}.text-button .icon{width:15px}.record-card .text-button{width:100%;justify-content:space-between;margin-top:17px;color:var(--accent)}.local-note{font-size:10px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.local-note .icon{width:12px}.how-section{margin-top:64px;scroll-margin-top:30px}.section-heading h2{font-size:25px;margin:11px 0}.section-heading p{font-size:14px;color:var(--muted);max-width:630px;margin-top:8px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:29px}.guide-item{position:relative;padding-top:4px}.step-number{font-size:11px;color:#a3aeb7;position:absolute;top:6px;right:6px;font-family:ui-monospace,monospace}.guide-icon{height:40px;display:flex;align-items:center;color:var(--accent)}.guide-icon .icon{width:24px;height:24px}.number-demo{font-size:23px;font-weight:750;letter-spacing:2px;color:#3e86b3}.guide-item h3{font-size:14px;margin:12px 0 8px}.guide-item p{font-size:12px;color:var(--muted);margin:0;line-height:1.85}.tip{display:flex;align-items:center;gap:16px;background:#edf1f6;border:1px solid #e2e8ef;border-radius:10px;padding:17px 20px;margin-top:30px}.tip-icon{color:#8496a8}.tip p{margin:0;font-size:12px;color:var(--muted)}.tip strong{color:var(--ink);display:block;font-size:12px;margin-bottom:3px}.faq{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin:53px 0 64px;border-top:1px solid var(--line);padding-top:34px}.faq h2{font-size:21px;margin:0}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:16px 0;font-size:13px;font-weight:600;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:16px;color:var(--muted)}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);margin:0 0 17px}footer{border-top:1px solid var(--line);background:var(--surface);padding:30px max(28px,calc((100vw - 1044px)/2)) 20px}.footer-top{display:flex;align-items:center;gap:25px}.footer-top .brand{font-size:20px}.footer-top>span{font-size:12px;color:var(--muted)}.footer-top>div{display:flex;gap:23px;margin-inline-start:auto;font-size:12px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-top:1px solid var(--line);padding-top:17px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);width:min(560px,calc(100% - 28px));padding:25px;max-height:85dvh;box-shadow:0 24px 90px #14253330}dialog::backdrop{background:#132b3b66;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-header h2{margin:0;font-size:23px}#modal-body p{font-size:14px;color:var(--muted)}.locale-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.locale-grid a{border:1px solid var(--line);padding:12px;border-radius:8px;font-size:14px}.locale-grid a[aria-current=true]{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.locale-grid a:hover{background:var(--bg)}.primary-button,.secondary-button{padding:12px 18px;border-radius:8px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:var(--accent);color:white}.secondary-button{border:1px solid var(--line);background:var(--surface)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;flex-wrap:wrap}.custom-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.custom-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px}.custom-fields input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--bg)}.field-error{color:#c45058!important}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.settings-row input{accent-color:var(--accent);width:18px;height:18px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{background:var(--bg);padding:20px 8px;border-radius:12px;text-align:center}.stat-box strong{display:block;font-family:ui-monospace,monospace;font-size:27px;color:var(--accent)}.stat-box span{font-size:11px;display:block;margin-top:8px;color:var(--muted)}.result-actions{display:flex;gap:10px;justify-content:center;margin:0 10px 20px}.pause-cover{position:absolute;inset:0;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.pause-cover>span .icon{width:35px;height:35px;color:var(--accent)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:13px 20px;border-radius:10px;z-index:20;font-size:14px;max-width:90vw;text-align:center}.policy-main{min-height:65vh;max-width:780px;margin:50px auto}.policy-main p{font-size:16px;color:var(--muted)}.game-card:fullscreen{background:var(--surface);overflow:auto;display:flex;flex-direction:column;align-items:stretch;max-width:none}.game-card:fullscreen .board-wrap{max-height:none;flex:1;display:grid;place-items:center}.ad-slot{margin:40px auto;min-height:100px;text-align:center}.ad-slot small{display:block;color:var(--muted);font-size:11px;margin-bottom:12px}
[data-theme=dark]{--bg:#101b24;--surface:#182630;--ink:#e1eaf0;--muted:#8d9eac;--line:#2a3945;--accent:#67cab1;--accent-light:#233d37;--tile:#304452;--tile-border:#3a5162;--board:#23323f;--open:#1c2c38;color-scheme:dark}[data-theme=dark] .cell{background:linear-gradient(155deg,#3c5263,#2c414f);box-shadow:0 2px 0 #101e28,0 0 0 1px #405362}[data-theme=dark] .cell.open{background:var(--open);box-shadow:none}[data-theme=dark] .cell:hover:not(.open){background:#416958}[data-theme=dark] .daily-card{background:#1d382e;border-color:#2b4a3d}[data-theme=dark] .daily-card h2{color:#c5e3d3}[data-theme=dark] .daily-card .card-kicker,[data-theme=dark] .daily-card>p:not(.daily-date){color:#9fbdad}[data-theme=dark] .daily-button{background:#2c4c3e;border-color:#416453;color:#d4eee0}[data-theme=dark] .tip{background:#1b2d3b;border-color:#2c4051}[data-theme=dark] .safe-badge{background:#203b33;border-color:#345344}[data-theme=dark] .cell.flagged{color:#7ce0bb}[data-theme=dark] .cell[data-count="1"]{color:#79b7ff}[data-theme=dark] .cell[data-count="2"]{color:#6acfae}[data-theme=dark] .cell[data-count="3"]{color:#ff999f}[data-theme=dark] .cell[data-count="4"]{color:#c2a1fa}[data-theme=dark] .cell[data-count="5"]{color:#e8b47a}[data-theme=dark] .cell[data-count="6"]{color:#6bcbd4}[data-theme=dark] .cell[data-count="7"],[data-theme=dark] .cell[data-count="8"]{color:#c1ccd8}
@media(min-width:1250px){:root{--cell:40px}}@media(max-width:1000px){.header-inner{gap:30px}.main-nav{gap:20px}.play-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.daily-card{padding:20px}.game-toolbar{margin-inline:18px}.level-picker>span{display:none}.board-wrap{padding-inline:12px}.game-tabs{padding-inline:18px}.game-tabs [role=tablist]{gap:18px}.tab{font-size:12px}}@media(max-width:760px){.header{height:69px}.header-inner{padding:0 20px}.brand{font-size:23px}.main-nav{display:none}.header-actions{gap:7px}.language-button{font-size:12px}.header-actions>.divider{display:none}main{padding:0 18px}.page-heading{margin:27px 0 21px}.page-heading h1{font-size:29px}.page-heading p{font-size:13px}.eyebrow{font-size:8px;letter-spacing:1.7px}.safe-badge{font-size:10px;padding:7px 9px}.play-layout{grid-template-columns:1fr;gap:20px}.game-card{border-radius:14px}.game-tabs{height:58px}.tab{font-size:13px}.side-rail{grid-template-columns:1fr 1fr;gap:14px}.daily-card{padding:19px}.daily-card h2{font-size:20px}.daily-art{display:none}.daily-card>p:not(.daily-date){font-size:11px}.daily-button{margin-top:18px;font-size:11px;padding:10px}.daily-card small{font-size:9px}.daily-date{margin-top:15px;font-size:10px}.record-card{padding:19px}.record-row{font-size:11px}.record-row>span{gap:5px}.level-dots{min-width:18px}.local-note{grid-column:1/-1;margin-top:0}.how-section{margin-top:42px}.section-heading h2{font-size:22px}.guide-grid{grid-template-columns:1fr 1fr;gap:27px}.guide-item h3{font-size:14px}.guide-item p{font-size:13px}.section-heading p{font-size:13px}.faq{grid-template-columns:1fr;gap:13px;margin:35px 0 45px}.faq h2{font-size:21px}.footer-top{flex-wrap:wrap;gap:15px}.footer-top>span{width:calc(100% - 160px);font-size:11px}.footer-top>div{margin:7px 0 0;width:100%;gap:20px}footer{padding:25px 20px}.board-wrap{max-height:550px}.scoreboard{margin-block:22px 19px}.board-bottom{padding-inline:17px}.control-hint{font-size:10px}.game-toolbar{margin-top:17px}.new-game{font-size:12px}.card-kicker{font-size:11px}.daily-card .tiny-tag{display:none}}
@media(max-width:420px){:root{--cell:31px}.safe-badge{display:none}.page-heading h1{font-size:29px}.header-inner{padding-inline:17px}.language-button{gap:5px}.language-button #locale-label{max-width:82px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-rail{grid-template-columns:1fr}.daily-card{display:grid;grid-template-columns:1fr;}.daily-card h2{max-width:none}.daily-card>p:not(.daily-date){font-size:12px;max-width:100%}.daily-card .daily-art{display:none}.daily-card small{font-size:10px}.record-row{font-size:13px}.card-kicker{font-size:12px}.board-bottom{padding-inline:12px}.flag-toggle{font-size:11px;gap:5px}.board-tools .icon-button{width:28px}.scoreboard{gap:20px;max-width:280px}.game-tabs [role=tablist]{gap:18px}.tab{font-size:12px}.game-tabs{padding-inline:14px}.level-picker select{font-size:12px;padding-inline:10px}.game-toolbar{margin-inline:15px}.board-wrap{padding-inline:8px}.cell{font-size:18px}.guide-grid{gap:22px}.footer-top>span{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.board-row{display:contents}.guide-item p,.tip p,.faq details p{font-size:14px}.daily-card>p:not(.daily-date){font-size:13px}.policy-date{font-size:12px!important}.game-card [role=tab]:focus-visible{outline-offset:-6px}.cell:active:not(.open){transform:translateY(1px)}@media(max-width:760px){.guide-item p,.tip p{font-size:13px}}
.brand{direction:ltr}[data-theme=dark] .new-game,[data-theme=dark] .primary-button{color:#102a24}[data-theme=dark] .cell.exploded{background:#683840;color:#ffb1b1;box-shadow:inset 0 0 0 2px #c66b75}[dir=rtl] .game-status{line-height:1.8}.language-button{min-height:40px}
@media(max-width:350px){main{padding-inline:12px}.header-inner{padding-inline:14px;gap:10px}.header-actions{gap:4px}.language-button #locale-label{display:none}.brand{font-size:21px}.scoreboard{max-width:255px;gap:14px}.score strong{font-size:26px}.score{min-width:70px}.game-tabs{padding-inline:12px}.game-tabs [role=tablist]{gap:12px}.tab{font-size:11px}.game-toolbar{margin-inline:12px}.new-game{padding:10px;font-size:11px}.board-tools .icon-button{width:25px}.board-tools .divider{display:none}}