.game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin:10px 0 26px}.game-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.game-stat{display:inline-flex;flex-direction:column;min-width:78px;padding:8px 12px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border)}.game-stat small{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--fg-faint);font-weight:700}.game-stat b{font-family:var(--font-head);font-size:1.25rem;line-height:1.2;color:var(--fg);font-variant-numeric:tabular-nums}.game-bar .sp{flex:1}.game-bar select{min-height:44px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--fg);font:inherit;padding:0 10px}.game-msg{min-height:1.6em;font-weight:600;margin:10px 0 0;color:var(--brand-text)}.game-msg.bad{color:#b3261e}.game-stage{position:relative;margin:0 auto;max-width:440px;touch-action:none}.game-stage canvas{display:block;width:100%;height:auto;border-radius:14px;background:var(--bg-2);border:1px solid var(--border)}.game-over{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:14px;background:color-mix(in srgb,var(--bg-card) 86%,transparent);text-align:center;padding:16px}.game-over.show{display:flex}.game-over strong{font-family:var(--font-head);font-size:1.6rem}.dpad{display:none;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:center;margin:14px auto 0}.dpad button{border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--fg);font-size:1.3rem;cursor:pointer}.dpad .u{grid-column:2}.dpad .l{grid-column:1;grid-row:2}.dpad .d{grid-column:2;grid-row:2}.dpad .r{grid-column:3;grid-row:2}@media (hover: none),(max-width: 760px){.dpad{display:grid}}.game-help{color:var(--fg-dim);font-size:.9rem;margin:12px 0 0}.g2048{--gap: 10px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap);padding:var(--gap);border-radius:14px;background:color-mix(in srgb,var(--brand) 22%,var(--bg-2));max-width:440px;margin:0 auto;touch-action:none;aspect-ratio:1}.g2048 .cell{min-width:0;min-height:0;border-radius:10px;background:color-mix(in srgb,var(--bg-card) 70%,transparent);display:grid;place-items:center;font-family:var(--font-head);font-weight:800;font-size:clamp(1.1rem,6vw,2rem);color:#1f1816;transition:transform .1s ease}.g2048 .v2{background:#eef4ec}.g2048 .v4{background:#dcebd7}.g2048 .v8{background:#b9d4b5}.g2048 .v16{background:#93bf8d}.g2048 .v32{background:#6fa968;color:#fff}.g2048 .v64{background:#4d8f4a;color:#fff}.g2048 .v128{background:#2f5640;color:#fff;font-size:clamp(1rem,5vw,1.7rem)}.g2048 .v256{background:#e0b45a;color:#fff;font-size:clamp(1rem,5vw,1.7rem)}.g2048 .v512{background:#d99a3c;color:#fff;font-size:clamp(1rem,5vw,1.7rem)}.g2048 .v1024,.g2048 .v2048,.g2048 .vbig{background:#c2672f;color:#fff;font-size:clamp(.9rem,4.2vw,1.4rem)}.g2048 .pop{transform:scale(1.08)}.mines-wrap{overflow-x:auto;padding-bottom:6px}.mines{display:grid;gap:2px;width:max-content;margin:0 auto;user-select:none;-webkit-user-select:none}.mines button{width:32px;height:32px;border:0;border-radius:5px;font:700 .95rem/1 var(--font-head);cursor:pointer;background:color-mix(in srgb,var(--brand) 30%,var(--bg-2));color:var(--fg);padding:0;touch-action:manipulation}.mines button.open{background:var(--bg-2);cursor:default}.mines button.boom{background:#e5534b}.mines .n1{color:#2f6fd1}.mines .n2{color:#2e8b3d}.mines .n3{color:#c62828}.mines .n4{color:#5b2fa8}.mines .n5{color:#8b2c1a}.mines .n6{color:#0f7f7f}.mines .n7{color:#222}.mines .n8{color:#666}@media (max-width: 760px){.mines button{width:30px;height:30px}}.memory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:440px;margin:0 auto}.memory button{aspect-ratio:1;border-radius:14px;border:1px solid var(--border);font-size:clamp(1.6rem,8vw,2.4rem);cursor:pointer;background:var(--grad);color:transparent;transition:transform .25s ease,background .25s ease}.memory button.up,.memory button.done{background:var(--bg-2);color:inherit;transform:rotateY(180deg) scaleX(-1)}.memory button.done{opacity:.55;cursor:default}@media (prefers-reduced-motion: reduce){.memory button{transition:none}}.ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:360px;margin:0 auto}.ttt button{aspect-ratio:1;border-radius:14px;border:1px solid var(--border-strong);background:var(--bg-2);font:800 clamp(2rem,12vw,3.4rem)/1 var(--font-head);color:var(--fg);cursor:pointer}.ttt button.x{color:var(--brand-text)}.ttt button.o{color:#c2672f}.ttt button.win{background:var(--accent-soft);outline:2px solid var(--brand)}.typing-code{position:relative;font:500 1rem/1.6 SF Mono,JetBrains Mono,Consolas,monospace;background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;white-space:pre-wrap;word-break:break-word;min-height:120px}.typing-code span.ok{color:var(--brand-text)}.typing-code span.bad{color:#fff;background:#e5534b;border-radius:2px}.typing-code span.cur{box-shadow:inset 2px 0 0 var(--brand)}.typing-code span.todo{color:var(--fg-faint)}.typing-input{width:100%;min-height:110px;margin-top:10px;font:500 1rem/1.6 SF Mono,Consolas,monospace;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--fg);padding:12px 14px;resize:vertical}.swatch{height:160px;border-radius:16px;border:1px solid var(--border);margin:0 auto 14px;max-width:440px;display:grid;place-items:center;font:800 1.6rem/1 var(--font-head)}.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;max-width:440px;margin:0 auto}.choices button{min-height:56px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--fg);font:700 1rem/1 SF Mono,Consolas,monospace;cursor:pointer}.choices button.right{outline:3px solid #2e8b3d}.choices button.wrong{outline:3px solid #e5534b}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:18px 0 30px}.game-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 20px 46px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);text-decoration:none;color:inherit;transition:transform .18s ease,border-color .18s ease}.game-tile:hover{transform:translateY(-3px);border-color:var(--brand)}@media (hover: none){.game-tile:hover{transform:none}}.game-tile .ico{font-size:2rem;line-height:1}.game-tile h3{margin:0;font-size:1.1rem}.game-tile p{margin:0;color:var(--fg-dim);font-size:.9rem;line-height:1.5}.game-tile .tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-text)}.game-tile .go{position:absolute;left:20px;bottom:16px;font-weight:700;color:var(--brand-text)}.game-tile .best{position:absolute;right:18px;bottom:16px;font-size:.78rem;color:var(--fg-faint)}