:root{font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#152238;background:#f7f6f2}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f6f2}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 20px calc(86px + env(safe-area-inset-bottom))}.home,.game,.settings-page{width:min(100%,960px);margin:auto}.hero{padding:32px 0 24px}h1{font-size:clamp(2rem,7vw,3.5rem);margin:4px 0 10px;letter-spacing:-.05em}h2{font-size:1.6rem;margin:12px 0 8px}p{color:#536174;margin:0;line-height:1.5}.eyebrow{color:#63758e;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.game-card{min-height:210px;padding:22px;border-radius:24px;text-decoration:none;color:#152238;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .18s ease}.game-card:hover{transform:translateY(-3px)}.game-card span{font-size:.8rem;font-weight:700}.orange{background:#ffd9aa}.blue{background:#c8ddff}.green{background:#bdebd4}nav{position:fixed;z-index:2;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:4px;padding:6px;background:#152238;border-radius:18px}nav a{padding:10px 14px;display:flex;gap:6px;align-items:center;text-decoration:none;color:#c9d3df;font-size:.78rem;border-radius:12px}nav a.active{background:#f7f6f2;color:#152238}.game header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin:8px 0 20px}.game header button,.difficulty button{background:#152238;color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;white-space:nowrap}.gomoku-board{aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);max-width:min(100%,700px);background:#dcae70;border:8px solid #b4793d;margin:auto}.gomoku-board button{min-width:0;min-height:0;padding:0;position:relative;background:linear-gradient(to right,transparent 48%,#72481f 49%,#72481f 51%,transparent 52%),linear-gradient(to bottom,transparent 48%,#72481f 49%,#72481f 51%,transparent 52%)}.stone{width:85%;aspect-ratio:1;border-radius:50%;position:absolute;inset:7.5%;box-shadow:1px 2px 2px #0004}.stone.black{background:#1b1b1b}.stone.white{background:#fffaf3}.chess-board{width:min(100%,700px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);margin:auto}.chess-board button{aspect-ratio:1;font-size:clamp(1.65rem,7vw,3.9rem);line-height:1}.chess-board .light{background:#e7d5bb}.chess-board .dark{background:#a97145}.chess-board .selected{outline:4px solid #ffbe47;outline-offset:-4px}.difficulty{display:flex;gap:8px;margin-bottom:16px}.difficulty button{background:#e2e6ec;color:#425166}.difficulty button.selected{background:#152238;color:#fff}.minesweeper-game{--mine-navy: #17243d;--mine-surface: #eef3f8;--mine-covered: #4a617a;--mine-accent: #eb6a4f}.mine-header .eyebrow,.status-copy,.new-game-button,.mine-stats span,.mine-hint{display:flex;align-items:center;gap:7px}.mine-header .eyebrow{color:#54708b}.status-copy{min-height:28px;color:#607187;font-weight:600}.new-game-button{justify-content:center;min-height:46px;padding-inline:16px!important;transition:transform .18s ease,background-color .18s ease}.new-game-button:hover{background:#263958;transform:translateY(-2px)}.new-game-button:active{transform:scale(.96)}.mine-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mine-toolbar .difficulty{margin:0}.mine-toolbar .difficulty button{min-height:44px;border:1px solid transparent;transition:color .18s ease,background-color .18s ease,transform .18s ease}.mine-toolbar .difficulty button:hover{background:#d2dce7}.mine-toolbar .difficulty button:active{transform:scale(.96)}.mine-toolbar .difficulty button.selected{background:var(--mine-navy)}.mine-controls{display:flex;align-items:center;gap:10px}.action-mode{display:flex;gap:3px;padding:3px;border:1px solid #d6e0ea;border-radius:13px;background:#fff}.action-mode button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:7px 10px;border-radius:9px;background:transparent;color:#607187;font-size:.78rem;font-weight:800;transition:background-color .16s ease,color .16s ease,transform .12s ease}.action-mode button.selected{background:var(--mine-navy);color:#fff}.action-mode button:active{transform:scale(.95)}.mine-stats{display:flex;gap:8px}.mine-stats span{min-width:72px;min-height:44px;justify-content:center;padding:8px 11px;border:1px solid #d6e0ea;border-radius:12px;background:#fff;color:var(--mine-navy);font-variant-numeric:tabular-nums;font-weight:800}.mine-board-shell{width:min(100%,650px);margin:auto;padding:clamp(6px,1.5vw,10px);border-radius:clamp(16px,3vw,24px);background:var(--mine-navy)}.mine-board{display:grid;gap:clamp(2px,.5vw,4px);overflow:hidden;border-radius:clamp(10px,2vw,15px);background:var(--mine-navy)}.mine-board button{position:relative;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0;overflow:hidden;border-radius:clamp(3px,.7vw,7px);color:var(--mine-navy);font-weight:900;font-size:clamp(.72rem,3vw,1.25rem);transition:background-color .16s ease,transform .12s ease,color .16s ease}.mine-board button.covered{background:var(--mine-covered)}.mine-board button.covered:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff40,transparent 50%);pointer-events:none}.mine-board button.covered:hover{z-index:1;background:#5d7795;transform:scale(.92)}.mine-board button.covered:active{transform:scale(.82)}.mine-board button.revealed{background:#e9eff5;animation:cell-reveal .22s ease-out both}.mine-board button.flagged{color:var(--mine-accent);background:#fff0e9;animation:flag-pop .22s ease-out both}.mine-board button.mine{color:#7e8da0;background:#edf1f5}.mine-board button.exploded{color:#fff;background:var(--mine-accent);animation:mine-shake .35s ease-in-out both}.mine-board .number-1{color:#3278c6}.mine-board .number-2{color:#2b9168}.mine-board .number-3{color:#db5d45}.mine-board .number-4{color:#7458b7}.mine-board .number-5,.mine-board .number-6,.mine-board .number-7,.mine-board .number-8{color:#9b4c63}.mine-hint{justify-content:center;margin:14px 0 0;color:#78889a;font-size:.8rem;text-align:center}.status-won .mine-board-shell{background:#287d60;animation:board-success .45s ease-out}.status-won .status-copy{color:#287d60}.status-lost .status-copy{color:#c9543d}@keyframes cell-reveal{0%{opacity:.45;transform:scale(.76)}to{opacity:1;transform:scale(1)}}@keyframes flag-pop{0%{transform:scale(.72) rotate(-10deg)}70%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1)}}@keyframes mine-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes board-success{0%{transform:scale(.97)}70%{transform:scale(1.01)}to{transform:scale(1)}}.settings-page{display:grid;gap:18px}.settings-page label{display:flex;gap:10px;align-items:center;padding:16px;background:#fff;border-radius:14px}.hint{margin-top:16px;font-size:.86rem}@media(max-width:620px){.mine-toolbar{align-items:stretch;flex-direction:column}.mine-toolbar .difficulty button{flex:1}.mine-controls{justify-content:space-between}.mine-stats span{flex:1}.mine-stats{width:100%}.action-mode,.action-mode button{flex:1}}@media(min-width:700px)and (orientation:landscape){.app-shell{padding-bottom:28px}.game{display:grid;grid-template-columns:minmax(260px,.55fr) 1fr;column-gap:32px;align-items:center}.game header,.game .difficulty,.game .hint{grid-column:1}.game-board,.gomoku-board,.chess-board,.mine-board{grid-column:2;grid-row:1 / span 3}.minesweeper-game .mine-header,.minesweeper-game .mine-toolbar,.minesweeper-game .mine-hint{grid-column:1}.minesweeper-game .mine-board-shell{grid-column:2;grid-row:1 / span 3}nav{left:22px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}