: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}.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;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172abf}.overlay-card{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}.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}.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{width:100%;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;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-cell{display:flex;align-items:center;justify-content:center;border-radius:14px;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff0f}.g2048-cell--empty{box-shadow:inset 0 0 0 1px #ffffff08}.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}.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-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}