:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1f5a3b 0,#092016 60%,#040809);color:#f8fafc}#root{min-height:100vh;display:flex;align-items:stretch;justify-content:center}.App-root{width:100%;max-width:480px;margin:0 auto;padding:16px 16px 24px}@media(min-width:768px){.App-root{max-width:720px}}.card{background:#0f172ae6;border-radius:16px;padding:16px;box-shadow:0 18px 45px #00000080}button{font:inherit}.app-shell{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 56px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.header-title{text-align:center;flex:1}.title-main{font-size:20px;font-weight:700;letter-spacing:.08em}.title-sub{font-size:11px;opacity:.75}.header-back,.header-spacer{width:72px;display:flex;align-items:center;justify-content:flex-start}.app-main{flex:1;display:flex;flex-direction:column;gap:16px}.board-section{padding:10px 10px 4px;border-radius:12px;background:radial-gradient(circle at top,#14532d 0,#052e16 55%,#020617);box-shadow:inset 0 0 0 1px #0f766e66}.board-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-bottom:8px}.board-cards-row{display:flex;justify-content:space-between;gap:8px}.card-slot{flex:1;display:flex;justify-content:center}.card-slot-button{all:unset;cursor:pointer;display:flex;justify-content:center}.poker-card{width:72px;height:96px;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 8px 18px #00000073;color:#020617;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 6px 8px;position:relative}.poker-label{font-weight:700;font-size:18px}.poker-suit{font-size:20px}.poker-value{font-size:13px;opacity:.7}.card-slot-used .poker-card{opacity:.35;transform:translateY(2px)}.expression-section{display:flex;flex-direction:column;gap:6px}.expression-label{font-size:12px;opacity:.85}.expression-row{display:flex;gap:8px}.expression-input{flex:1;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172ad9;color:#e5e7eb;padding:8px 12px;font-size:14px;outline:none}.expression-input::placeholder{color:#94a3b8e6}.expression-input:focus-visible{border-color:#34d399;box-shadow:0 0 0 1px #34d39999}.operator-section{padding-top:4px}.operator-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.operator-button{border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:#e5e7eb;padding:8px 0;font-size:16px;cursor:pointer;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}.operator-button:hover{background:#1e40afe6;box-shadow:0 0 0 1px #818cf8cc}.operator-button:active{transform:translateY(1px);box-shadow:none}.app-footer{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:8px 12px;font-size:14px;border:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,opacity .15s ease}.primary-button{flex:1.2;background:linear-gradient(135deg,#22c55e,#16a34a);color:#022c22;font-weight:600;box-shadow:0 10px 30px #16a34a99}.primary-button:hover{background:linear-gradient(135deg,#4ade80,#22c55e)}.primary-button:active{transform:translateY(1px);box-shadow:0 4px 12px #16a34ab3}.secondary-button{padding-inline:10px;background:#0f172ae6;color:#e5e7eb;border:1px solid rgba(148,163,184,.7)}.secondary-button:hover{background:#1e40afe6;box-shadow:0 0 0 1px #818cf8cc}.ghost-button{flex:.9;background:transparent;color:#e5e7eb;border:1px dashed rgba(148,163,184,.8)}.ghost-button:hover{background:#0f172acc}.ghost-button:disabled{opacity:.45;cursor:default}.timer{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:11px}.timer-label{opacity:.7}.timer-value{font-variant-numeric:tabular-nums;font-weight:600}.timer-danger .timer-value{color:#f97316}.score-panel{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.score-item{flex:1;padding:6px 8px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(30,64,175,.8)}.score-label{font-size:10px;opacity:.75}.score-value{font-size:16px;font-weight:600}.expression-message{margin-top:4px;font-size:12px;color:#facc15}.overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf}.overlay-card{position:relative;z-index:1;width:90%;max-width:360px;background:#0f172afa;border-radius:20px;padding:20px 18px 16px;box-shadow:0 24px 60px #000000a6;display:flex;flex-direction:column;gap:12px}.overlay-title{font-size:18px;font-weight:700;margin-bottom:4px}.overlay-body{font-size:14px;display:flex;flex-direction:column;gap:2px}.game-grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}@media(min-width:768px){.game-grid{grid-template-columns:repeat(3,1fr)}}.game-card{all:unset;cursor:pointer;border-radius:16px;padding:14px 14px 12px;background:linear-gradient(135deg,#1e40aff2,#065f46f2);box-shadow:0 16px 40px #0f172acc;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.game-card--has-bg{background-size:cover;background-position:center}.game-card--has-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#020617d1,#0206178c 55%,#020617c7);pointer-events:none}.game-card>*{position:relative;z-index:1}.game-card:focus-visible{outline:2px solid #22c55e;outline-offset:2px}.game-card:disabled{cursor:default;opacity:.65}.game-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.game-card-title{font-size:16px;font-weight:600}.game-card-subtitle{font-size:13px;opacity:.9}.game-card-tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.game-card-tag{font-size:11px;padding:2px 8px;border-radius:999px;background:#0f172acc}.game-card-badge{font-size:11px;padding:3px 8px;border-radius:999px;font-weight:500}.badge-ready{background:#16a34ae6;color:#022c22}.badge-planned{background:#1e40afd9;color:#e5e7eb}.game-card--footer-placeholder{background:linear-gradient(135deg,#3341558c,#0f172aeb);border:1px dashed rgba(148,163,184,.45);box-shadow:0 8px 24px #0f172a73}.game-card--footer-placeholder .game-card-title{font-size:14px;font-weight:500;line-height:1.45;flex:1;text-align:left}.game-card--footer-placeholder:disabled{opacity:.92;cursor:default}.badge-footer{background:#475569e6;color:#e2e8f0;flex-shrink:0}.ttt-section{display:flex;flex-direction:column;gap:12px}.ttt-status{font-size:14px;opacity:.95;text-align:center}.ttt-board{width:100%;aspect-ratio:1 / 1;position:relative;border-radius:18px;background:#0f172aa6;box-shadow:inset 0 0 0 1px #94a3b859,0 10px 35px #00000040;overflow:hidden}.ttt-line{position:absolute;background:#94a3b8e6;border-radius:999px;box-shadow:0 2px #02061740;pointer-events:none}.ttt-line--v1{left:calc(33.333% - 1px);top:10%;bottom:10%;width:2px;transform:rotate(-.6deg);opacity:.95}.ttt-line--v2{left:calc(66.666% - 1px);top:10%;bottom:10%;width:2px;transform:rotate(.6deg);opacity:.95}.ttt-line--h1{top:calc(33.333% - 1px);left:10%;right:10%;height:2px;transform:rotate(.6deg);opacity:.95}.ttt-line--h2{top:calc(66.666% - 1px);left:10%;right:10%;height:2px;transform:rotate(-.6deg);opacity:.95}.ttt-piece{position:absolute;transform:translate(-50%,-50%);font-size:44px;font-weight:900;line-height:1;text-shadow:0 10px 26px rgba(0,0,0,.35);pointer-events:none;-webkit-user-select:none;user-select:none}.ttt-piece--X{color:#fb7185}.ttt-piece--O{color:#60a5fa}.ttt-actions{display:flex;gap:10px}.ttt-hint{font-size:12px;opacity:.8;line-height:1.6}.g2048-section{display:flex;flex-direction:column;gap:12px}.g2048-status{font-size:14px;opacity:.95;text-align:center;line-height:1.6}.g2048-board{position:relative;width:100%;aspect-ratio:1 / 1;padding:12px;border-radius:18px;background:#0f172a8c;box-shadow:inset 0 0 0 1px #94a3b840,0 12px 40px #00000040;touch-action:none;-webkit-user-select:none;user-select:none}.g2048-grid-bg,.g2048-tile-layer{position:absolute;inset:12px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.g2048-cell-bg{border-radius:14px;background:#0f172a8c;box-shadow:inset 0 0 0 1px #ffffff08}.g2048-tile-layer{pointer-events:none;z-index:1}.g2048-tile{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:stretch;will-change:transform}.g2048-tile-face{flex:1;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0f}.g2048-tile-value{font-weight:900;letter-spacing:.02em;text-shadow:0 10px 26px rgba(0,0,0,.25);font-variant-numeric:tabular-nums;line-height:1}@keyframes g2048-tile-spawn{0%{transform:scale(.55);opacity:.75}to{transform:scale(1);opacity:1}}@keyframes g2048-tile-merge{0%{transform:scale(1.12)}to{transform:scale(1)}}.g2048-tile--spawn .g2048-tile-face{animation:g2048-tile-spawn .2s cubic-bezier(.34,1.2,.64,1) both}.g2048-tile--merge .g2048-tile-face{animation:g2048-tile-merge .18s cubic-bezier(.34,1.2,.64,1) both}.g2048-score-summary{margin-top:2px}.g2048-actions{display:flex;gap:10px;align-items:center}.g2048-actions>button{flex:1}.g2048-dir-buttons{display:grid;--dir-size: clamp(44px, 12vw, 56px);grid-template-columns:repeat(3,var(--dir-size));grid-template-rows:repeat(3,var(--dir-size));gap:10px;justify-content:center;align-items:center}.g2048-dir-button{border-radius:14px;border:1px solid rgba(148,163,184,.35);background:#0f172ad9;color:#e5e7eb;padding:0;width:100%;height:100%;font-size:20px;cursor:pointer;transition:transform .05s ease,background .15s ease,box-shadow .15s ease,opacity .15s ease;display:flex;align-items:center;justify-content:center;line-height:1;box-sizing:border-box}.g2048-dir-button:hover{background:#1e40af8c;box-shadow:0 0 0 1px #818cf899}.g2048-dir-button:active{transform:translateY(1px)}.g2048-dir-button:disabled{opacity:.45;cursor:default;box-shadow:none}.g2048-dir-button--up{grid-column:2;grid-row:1}.g2048-dir-button--left{grid-column:1;grid-row:2}.g2048-dir-button--right{grid-column:3;grid-row:2}.g2048-dir-button--down{grid-column:2;grid-row:3}.guess-round{width:72px;text-align:right;font-size:11px;opacity:.85;font-variant-numeric:tabular-nums}.guess-rules-list{margin:0;padding-left:1.15em;font-size:14px;line-height:1.65;opacity:.95}.guess-rules-list li{margin-bottom:8px}.guess-rules-list li:last-child{margin-bottom:0}.guess-history{max-height:170px;overflow-y:auto;border-radius:10px;background:#0f172ac7;border:1px solid rgba(148,163,184,.28);padding:8px 10px;display:flex;flex-direction:column;gap:6px}.guess-history-empty{font-size:13px;opacity:.75;line-height:1.6}.guess-history-row{display:flex;align-items:center;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:14px}.guess-input-section{display:flex;flex-direction:column;gap:8px}.guess-input-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.guess-input-slot{height:50px;border-radius:12px;border:1px solid rgba(148,163,184,.55);background:#0f172ae0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.guess-keypad{display:flex;flex-direction:column;gap:8px}.guess-keypad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.guess-key{border-radius:12px;border:1px solid rgba(148,163,184,.5);background:#0f172ae6;color:#e5e7eb;min-height:48px;font-size:18px;font-weight:700;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,opacity .15s ease}.guess-key:hover{background:#1e40afb3;box-shadow:0 0 0 1px #818cf899}.guess-key:active{transform:translateY(1px)}.guess-key:disabled{opacity:.45;cursor:default;box-shadow:none}.guess-key--func{font-size:14px}.category-nav-section{padding:0 0 8px}.category-nav{display:flex;gap:10px;overflow-x:auto;padding:6px 0;scrollbar-width:none;-ms-overflow-style:none}.category-nav::-webkit-scrollbar{display:none}.category-nav-item{flex-shrink:0;padding:10px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.15);color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;background:linear-gradient(180deg,#1e293be6,#0f172af2);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.category-nav-item--all{background:linear-gradient(180deg,#3b82f659,#1e3a8a80);border-color:#60a5fa4d}.category-nav-item--益智{background:linear-gradient(180deg,#8b5cf659,#4c1d9580);border-color:#a78bfa4d}.category-nav-item--策略{background:linear-gradient(180deg,#06b6d459,#155e7580);border-color:#22d3ee4d}.category-nav-item--休闲{background:linear-gradient(180deg,#6366f159,#312e8180);border-color:#818cf84d}.category-nav-item--多人{background:linear-gradient(180deg,#4f46e559,#3730a380);border-color:#818cf84d}.category-nav-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0006,inset 0 1px #fff3}.category-nav-item--all:hover{background:linear-gradient(180deg,#3b82f680,#2563ebb3);border-color:#60a5fa80}.category-nav-item--益智:hover{background:linear-gradient(180deg,#8b5cf680,#7c3aedb3);border-color:#a78bfa80}.category-nav-item--策略:hover{background:linear-gradient(180deg,#06b6d480,#0891b2b3);border-color:#22d3ee80}.category-nav-item--休闲:hover{background:linear-gradient(180deg,#6366f180,#4f46e5b3);border-color:#818cf880}.category-nav-item--多人:hover{background:linear-gradient(180deg,#4f46e580,#4338cab3);border-color:#818cf880}.category-nav-item--active{font-weight:600;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff4d}.category-nav-item--active.category-nav-item--all{background:linear-gradient(180deg,#60a5fae6,#2563ebf2);border-color:#93c5fd99;color:#fff}.category-nav-item--active.category-nav-item--益智{background:linear-gradient(180deg,#a78bfae6,#7c3aedf2);border-color:#c4b5fd99;color:#fff}.category-nav-item--active.category-nav-item--策略{background:linear-gradient(180deg,#22d3eee6,#0891b2f2);border-color:#67e8f999;color:#0c4a6e}.category-nav-item--active.category-nav-item--休闲{background:linear-gradient(180deg,#818cf8e6,#4f46e5f2);border-color:#a5b4fc99;color:#fff}.category-nav-item--active.category-nav-item--多人{background:linear-gradient(180deg,#818cf8e6,#4338caf2);border-color:#a5b4fc99;color:#fff}.category-nav-item--active:hover{transform:translateY(-2px);filter:brightness(1.1)}.games-section{display:flex;flex-direction:column;gap:12px}.empty-games-message{padding:40px 20px;text-align:center;font-size:14px;opacity:.75;background:#0f172a80;border-radius:12px;border:1px dashed rgba(148,163,184,.3)}.sudoku-game{display:flex;flex-direction:column;gap:16px}.sudoku-loading{text-align:center;padding:40px;font-size:16px;opacity:.8}.sudoku-header{display:flex;justify-content:space-between;align-items:center;padding:8px 4px}.sudoku-difficulty{font-size:16px;font-weight:600;color:#f8fafc}.sudoku-timer{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.sudoku-timer-label{font-size:10px;opacity:.7}.sudoku-timer-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:#4ade80}.sudoku-board{display:flex;flex-direction:column;background:#0f172ae6;border-radius:12px;padding:8px;box-shadow:inset 0 0 0 2px #94a3b84d}.sudoku-row{display:flex}.sudoku-cell{flex:1;aspect-ratio:1;border:1px solid rgba(148,163,184,.2);background:#1e293bcc;color:#f8fafc;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0;margin:0}.sudoku-cell:hover:not(:disabled){background:#334155e6}.sudoku-cell--selected{box-shadow:inset 0 0 0 2px #4ade80}.sudoku-cell--initial{background:#fffffff2;color:#0f172a;font-weight:700}.sudoku-cell--user{background:#3b82f659;color:#60a5fa}.sudoku-cell--hint{background:#22c55e59;color:#4ade80}.sudoku-cell--candidate{background:#facc1559;color:#facc15}.sudoku-cell--error{background:#ef444459;color:#f87171}.sudoku-cell--readonly{cursor:default}.sudoku-cell--box-right{border-right-width:2px;border-right-color:#94a3b899}.sudoku-cell--box-bottom{border-bottom-width:2px;border-bottom-color:#94a3b899}.sudoku-keypad{display:flex;flex-direction:column;gap:10px}.sudoku-keypad-numbers{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.sudoku-key{border-radius:8px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:#e5e7eb;aspect-ratio:1;font-size:18px;font-weight:600;cursor:pointer;transition:all .15s ease;padding:0}.sudoku-key:hover{background:#1e40afb3;box-shadow:0 0 0 1px #818cf899}.sudoku-key:active{transform:translateY(1px)}.sudoku-key--candidate{background:#facc1540;border-color:#facc1580;color:#facc15}.sudoku-key--candidate:hover{background:#facc1566}.sudoku-key--clear{width:100%;aspect-ratio:auto;padding:12px;font-size:14px;background:#475569e6}.sudoku-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sudoku-control-btn{border-radius:10px;border:1px solid rgba(148,163,184,.4);background:#0f172ae6;color:#e5e7eb;padding:12px 8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.sudoku-control-btn:hover:not(:disabled){background:#1e40afb3;box-shadow:0 0 0 1px #818cf899}.sudoku-control-btn:active:not(:disabled){transform:translateY(1px)}.sudoku-control-btn:disabled{opacity:.4;cursor:not-allowed}.sudoku-control-btn--candidate{background:#facc1540;border-color:#facc1580;color:#facc15}.sudoku-control-btn--candidate:hover{background:#facc1566}.sudoku-control-btn--confirm{background:#22c55e4d;border-color:#22c55e99;color:#4ade80}.sudoku-control-btn--confirm:hover{background:#22c55e80}.sudoku-control-btn--status{background:#facc1533;border-color:#facc1566;color:#facc15;cursor:default}.sudoku-control-btn--cancel{background:#ef44444d;border-color:#ef444499;color:#f87171}.sudoku-control-btn--cancel:hover{background:#ef444480}.sudoku-difficulty-list{display:flex;flex-direction:column;gap:12px}.sudoku-difficulty-btn{all:unset;cursor:pointer;border-radius:12px;padding:16px;background:#0f172ae6;border:1px solid rgba(148,163,184,.3);transition:all .2s ease;text-align:left}.sudoku-difficulty-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.sudoku-difficulty-btn--beginner{background:linear-gradient(135deg,#22c55e40,#0f172af2);border-color:#22c55e66}.sudoku-difficulty-btn--beginner:hover{border-color:#22c55eb3}.sudoku-difficulty-btn--normal{background:linear-gradient(135deg,#3b82f640,#0f172af2);border-color:#3b82f666}.sudoku-difficulty-btn--normal:hover{border-color:#3b82f6b3}.sudoku-difficulty-btn--expert{background:linear-gradient(135deg,#ef444440,#0f172af2);border-color:#ef444466}.sudoku-difficulty-btn--expert:hover{border-color:#ef4444b3}.sudoku-difficulty-title{font-size:18px;font-weight:700;margin-bottom:6px}.sudoku-difficulty-desc{font-size:13px;opacity:.85;line-height:1.5}.sudoku-rules-list{margin:0;padding-left:1.2em;font-size:13px;line-height:1.8;opacity:.95}.sudoku-rules-list li{margin-bottom:6px}.sudoku-win-actions{display:flex;gap:10px;margin-top:8px}.sudoku-win-actions button{flex:1}