: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}.red{background:#ffd2c7}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}.game-status{font-weight:700}.gomoku-game.game-finished .gomoku-board{box-shadow:0 0 0 4px #ffd45c,0 0 28px #f2b84b88}.stone.winner{z-index:1;outline:3px solid #ffde71;outline-offset:2px;animation:winning-stone .75s ease-in-out infinite alternate}.chess-board{position:relative;width:min(100%,700px);aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border:7px solid #17243d;border-radius:clamp(12px,2vw,20px);margin:auto;background:#17243d}.chess-board button{display:grid;place-items:center;aspect-ratio:1;padding:0;font-size:clamp(1.65rem,7vw,3.9rem);line-height:1;transition:filter .15s ease,transform .15s ease}.chess-board button:hover{z-index:1;filter:brightness(1.08);transform:scale(.96)}.chess-board .light{background:#f2e2c3}.chess-board .dark{background:#805033}.chess-board .selected{outline:4px solid #2fbd98;outline-offset:-4px;box-shadow:inset 0 0 0 2px #dffff4}.chess-board .last-move{box-shadow:inset 0 0 0 4px #ffd45c}.chess-board.thinking,.chess-board.thinking button{cursor:wait}.chess-piece{display:block;line-height:.9;transform:translateY(-2%) scale(1.08)}.chess-piece.white{color:#fff;-webkit-text-stroke:1.45px #1a2b45;text-shadow:0 2px 0 #1a2b45,0 3px 3px #17243d80}.chess-piece.black{color:#101827;-webkit-text-stroke:1.6px #fff0ce;text-shadow:0 1px 0 #fff0ce,0 3px 3px #17243d80}.move-guide{position:absolute;z-index:4;height:0;border-top:3px dashed;pointer-events:none;transform-origin:left center;animation:move-guide-in .28s ease-out both}.move-guide:after{content:"";position:absolute;top:-6px;right:-1px;width:10px;height:10px;border-top:3px solid;border-right:3px solid;transform:rotate(45deg)}.move-guide.player{border-color:#2fbd98cc}.move-guide.player:after{border-color:#2fbd98cc}.move-guide.computer{border-color:#f2b84bcc}.move-guide.computer:after{border-color:#f2b84bcc}.chess-game.game-won .chess-board{border-color:#2fbd98;box-shadow:0 0 0 4px #b6f3df,0 0 28px #2fbd9877;animation:board-success .45s ease-out}.chess-game.game-lost .chess-board{border-color:#e76752;box-shadow:0 0 0 4px #ffd4ca;animation:mine-shake .35s ease-in-out}.chess-game.game-draw .chess-board{border-color:#8090a3}.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: #16263d;--mine-covered: #3d6685;--mine-accent: #df6048}.mine-header{align-items:center!important;margin:0 0 12px!important}.mine-header h1{margin:0;font-size:clamp(1.65rem,7vw,2.35rem)}.mine-header-actions,.mine-controls,.mine-stats,.flag-toggle,.mine-result{display:flex;align-items:center;gap:8px}.mine-header-actions{margin-left:auto}.icon-button,.new-game-button{display:grid;place-items:center;min-width:42px;min-height:42px;border-radius:13px;color:#fff;transition:transform .18s ease,filter .18s ease}.icon-button{background:#e9f0f6;color:#31516e}.new-game-button{grid-template-columns:auto auto;gap:6px;padding-inline:13px!important;background:var(--mine-navy)!important}.new-game-button:hover,.icon-button:hover{filter:brightness(.94);transform:translateY(-1px)}.new-game-button:active,.icon-button:active{transform:scale(.95)}.mine-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;margin-bottom:10px}.mine-toolbar .difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0}.mine-toolbar .difficulty button{min-height:38px;padding:7px 5px;border:1px solid #d7e2ea;background:#f0f5f8;color:#587087;font-size:.76rem;transition:background-color .16s ease,color .16s ease,transform .12s ease}.mine-toolbar .difficulty button.selected{border-color:var(--mine-navy);background:var(--mine-navy);color:#fff}.mine-toolbar .difficulty button:active{transform:scale(.96)}.mine-controls{justify-content:end}.flag-toggle{justify-content:center;min-height:38px;padding:7px 10px;border:1px solid #f0c0b5;border-radius:11px;background:#fff2ed;color:#ad4a37;font-size:.78rem;font-weight:800}.flag-toggle.active{border-color:var(--mine-accent);background:var(--mine-accent);color:#fff;box-shadow:0 4px 11px #df60484a}.mine-stats{gap:5px}.mine-stats span{display:flex;align-items:center;justify-content:center;gap:5px;min-width:48px;min-height:38px;padding:7px 8px;border-radius:11px;background:#e9f1f7;color:var(--mine-navy);font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:900}.mine-board-shell{width:min(100%,650px,calc(100dvh - 240px));margin:auto;padding:clamp(5px,1.5vw,10px);border-radius:clamp(16px,3vw,24px);background:var(--mine-navy);box-shadow:0 12px 28px #16263d2e}.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}.status-won .mine-board-shell{background:#287d60;animation:board-success .45s ease-out}.mine-result{justify-content:center;margin:10px 0 0;font-size:.82rem;font-weight:800}.mine-result.won{color:#287d60}.mine-result.lost{color:#c9543d}.mine-leaderboard-view{width:min(100%,520px);margin:auto}.leaderboard-panel{position:relative;overflow:hidden;margin-top:20px;padding:18px;border:1px solid #d8e2eb;border-radius:20px;background:linear-gradient(135deg,#fff,#f3f8fb);box-shadow:0 12px 30px #17243d0d}.leaderboard-panel:before{content:"";position:absolute;top:-48px;right:-26px;width:130px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffd77375,transparent 68%);pointer-events:none}.leaderboard-heading{position:relative;display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.leaderboard-heading .eyebrow{display:flex;align-items:center;gap:6px;color:#6b7c91}.leaderboard-heading h2{margin:3px 0 0;font-size:1.12rem}.leaderboard-sparkle{color:#e4a21a;animation:leaderboard-sparkle 1.8s ease-in-out infinite alternate}.leaderboard-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:42px;padding:7px 9px;border-radius:12px;color:#63758e;font-size:.78rem;animation:leaderboard-row-in .35s ease-out both}.leaderboard-row:nth-child(2){animation-delay:.04s}.leaderboard-row:nth-child(3){animation-delay:.08s}.leaderboard-row:nth-child(4){animation-delay:.12s}.leaderboard-row:nth-child(5){animation-delay:.16s}.leaderboard-row.rank-1{color:#805e10;background:linear-gradient(90deg,#fff2bd,#fffaf0)}.leaderboard-row.rank-2{color:#536174;background:#f0f3f7}.leaderboard-row.rank-3{color:#8c5b37;background:#fff1e6}.leaderboard-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#e6edf3;color:#607187;font-weight:900}.rank-1 .leaderboard-rank{background:#f6c84c;color:#775300}.rank-2 .leaderboard-rank{background:#d7dfe8}.rank-3 .leaderboard-rank{background:#f0b27b;color:#75421c}.leaderboard-player{overflow:hidden;color:#263950;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row time{color:#8795a5;font-variant-numeric:tabular-nums}.leaderboard-row strong{min-width:42px;color:var(--mine-navy);font-variant-numeric:tabular-nums;text-align:right}.leaderboard-row.is-new{outline:2px solid #2fbd98;background:#e4faf1;animation:leaderboard-new .7s ease-out}.leaderboard-empty{display:grid;place-items:center;gap:6px;min-height:108px;color:#77889b;font-size:.86rem;text-align:center}.leaderboard-empty svg{color:#d4a527}.leaderboard-empty small{color:#97a4b2}@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)}}@keyframes move-guide-in{0%{opacity:0}to{opacity:1}}@keyframes winning-stone{0%{transform:scale(.92);box-shadow:0 0 5px #ffef9c}to{transform:scale(1.08);box-shadow:0 0 15px #fff5b6}}.settings-page{display:grid;gap:18px}.settings-page label{display:flex;gap:10px;align-items:center;padding:16px;background:#fff;border-radius:14px}.settings-page .profile-field{display:grid;gap:8px;font-weight:700}.profile-field input{width:100%;padding:11px 12px;border:1px solid #d6e0ea;border-radius:10px;color:#152238;outline-color:#2fbd98}.hint{margin-top:16px;font-size:.86rem}.idiom-chain-game{width:min(100%,560px);margin:auto}.idiom-card{display:grid;gap:14px;padding:clamp(18px,4vw,26px);border:1px solid #f0d8d0;border-radius:22px;background:#fffdf9;box-shadow:0 12px 30px #7d34210d}.idiom-card h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.25rem}.idiom-player-list{display:grid;gap:8px}.idiom-player-list label,.idiom-select{display:grid;gap:6px;color:#536174;font-size:.82rem;font-weight:800}.idiom-player-list label>span{display:flex;gap:6px}.idiom-player-list input,.idiom-select select,.idiom-entry input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #e3cfc8;border-radius:11px;color:#152238;background:#fff;outline-color:#c84f2f}.idiom-remove{width:44px;border-radius:11px;color:#9d4431;background:#fff0eb;font-size:1.3rem}.idiom-card fieldset{display:grid;gap:8px;margin:0;padding:12px;border:1px solid #f0d8d0;border-radius:13px}.idiom-card legend{color:#536174;font-size:.82rem;font-weight:800}.idiom-option{display:flex;gap:8px;align-items:center;color:#536174;font-size:.84rem}.idiom-option strong{color:#152238}.idiom-primary{min-height:46px;border-radius:12px;color:#fff;background:#c84f2f;font-weight:800}.idiom-text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;padding:6px 8px;border-radius:10px;color:#a54431;background:transparent;font-weight:800}.idiom-note,.idiom-candidate-count{margin:14px 0;color:#7c6a64;font-size:.8rem;text-align:center}.idiom-game-header{align-items:center!important;margin:0 0 10px!important}.idiom-timer{min-width:68px;padding:9px 12px;border-radius:12px;color:#6c3428;background:#fff0eb;font-weight:900;font-variant-numeric:tabular-nums;text-align:center}.idiom-timer.danger{color:#fff;background:#d85642;animation:mine-shake .35s ease-in-out infinite}.idiom-turn{margin-bottom:10px}.idiom-turn>p{margin:0}.idiom-score-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:7px}.idiom-score-strip div{display:grid;gap:2px;padding:9px;border-radius:11px;color:#6a7889;background:#f5f0ec;font-size:.74rem}.idiom-score-strip div.active{color:#9d3d2c;background:#ffe4d9;outline:2px solid #e5aa99}.idiom-score-strip strong{color:#25364b}.idiom-chain{margin-bottom:10px;text-align:center}.idiom-chain h1{margin:0;color:#9f402d;font-family:Georgia,Songti SC,serif;letter-spacing:.04em}.idiom-chain small{color:#7b6962;line-height:1.5}.idiom-entry{gap:10px}.idiom-entry label{color:#536174;font-weight:800}.idiom-actions,.idiom-result-actions{display:flex;justify-content:center;gap:8px}.idiom-feedback{margin:0;color:#287d60;font-size:.86rem;font-weight:700}.idiom-feedback.error{color:#c44f3b}.idiom-hint{margin:0;padding:10px;border-radius:10px;color:#655b45;background:#fff8d9;font-size:.84rem}.idiom-ranking>div{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:8px;border-radius:11px;color:#6b7785;background:#f8f2ed;font-size:.8rem}.idiom-ranking>div>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#91412f;background:#ffe0d5;font-weight:900}.idiom-ranking strong{color:#27384d}.idiom-loading{display:grid;min-height:50dvh;place-content:center;gap:12px;text-align:center}.idiom-loader{width:34px;aspect-ratio:1;margin:auto;border:4px solid #f1c3b6;border-top-color:#c84f2f;border-radius:50%;animation:idiom-spin .8s linear infinite}@keyframes leaderboard-sparkle{0%{transform:rotate(-8deg) scale(.9);opacity:.65}to{transform:rotate(8deg) scale(1.12);opacity:1}}@keyframes leaderboard-row-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes leaderboard-new{0%{transform:scale(.94)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes idiom-spin{to{transform:rotate(360deg)}}@media(max-width:620px){.app-shell{padding-top:max(16px,env(safe-area-inset-top))}.mine-toolbar{grid-template-columns:1fr}.mine-controls{justify-content:space-between}.mine-stats{width:auto}.mine-board-shell{width:min(100%,calc(100dvh - 230px))}.new-game-button span{display:none}.new-game-button{min-width:42px;padding-inline:0!important}}@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-result,.minesweeper-game .mine-leaderboard-view{grid-column:1}.minesweeper-game .mine-board-shell{grid-column:2;grid-row:1 / span 3}.minesweeper-game.view-leaderboard .mine-leaderboard-view{grid-row:2}nav{left:22px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}