*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f6f3;--card: #efecea;--empty: #e3e0da;--border: #e0ddd8;--text: #181714;--muted: #8a8780;--accent: #181714}html,body{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}#app{height:100%}.g-nav{width:100%;max-width:420px;padding:12px 16px 0}.g-nav span{font-size:13px;color:var(--muted);cursor:pointer}.g-logo{font-family:DM Mono,monospace;font-weight:500;letter-spacing:-1.5px}.g-top{width:100%;max-width:420px;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.g-stats{display:flex;gap:8px}.g-sbox{background:var(--card);border-radius:8px;padding:4px 12px;text-align:center}.g-slabel{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.g-sval{font-family:DM Mono,monospace;font-size:1rem}.g-btn{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.g-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#f7f6f3ed;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:100}.g-overlay.show{display:flex}.g-overlay h2{font-family:DM Mono,monospace;font-size:1.8rem}.g-overlay p{color:var(--muted);font-size:14px}.g-overlay button{background:var(--accent);color:var(--bg);border:none;border-radius:10px;padding:12px 32px;font-size:15px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif;margin-top:8px}.tap-btn{background:#fff;border:1px solid var(--card);border-radius:10px;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background .1s}.tap-btn:active{background:var(--card)}#view-hub{display:flex;flex-direction:column;align-items:center;padding:40px 20px 60px;gap:32px;min-height:100%}#view-hub header{text-align:center}#view-hub h1{font-family:DM Mono,monospace;font-size:2rem;font-weight:500;letter-spacing:-2px}.sub{color:var(--muted);font-size:13px;margin-top:6px;font-weight:300}.hub-grid{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px}.game-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px 20px;cursor:pointer;transition:background .15s,transform .15s;-webkit-tap-highlight-color:transparent}.game-card:active{background:var(--card);transform:scale(.98)}.gc-icon{font-size:1.8rem;width:44px;text-align:center}.gc-info{flex:1}.gc-name{font-weight:600;font-size:1rem}.gc-desc{font-size:12px;color:var(--muted);margin-top:2px}.gc-arrow{color:var(--muted);font-size:1.1rem}#view-2048{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:14px;touch-action:none;overflow:hidden}.g2048-row2{width:100%;max-width:420px;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.g2048-hint{font-size:11px;color:var(--muted)}#g2048-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:var(--card);border-radius:14px;padding:10px;width:calc(100% - 32px);max-width:420px;touch-action:none}.g2048-cell{aspect-ratio:1;border-radius:8px;background:var(--empty);display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-weight:500;font-size:1.4rem}.t2{background:#fff;color:#181714}.t4{background:#f5f0e8;color:#181714}.t8{background:#e8d5b0;color:#181714}.t16{background:#e8b888;color:#181714}.t32{background:#e89070;color:#fff}.t64{background:#e06848;color:#fff}.t128{background:#d4b840;color:#fff;font-size:1.1rem}.t256{background:#c8a830;color:#fff;font-size:1.1rem}.t512{background:#b89820;color:#fff;font-size:1.1rem}.t1024{background:#a08818;color:#fff;font-size:.9rem}.t2048c{background:#181714;color:#f7f6f3;font-size:.9rem}.thigh{background:#181714;color:#f7f6f3;font-size:.8rem}#view-tetris{display:flex;flex-direction:column;align-items:center;height:100%;gap:10px;touch-action:none;overflow:hidden;padding-top:12px}.tetris-area{display:flex;gap:10px;align-items:flex-start;width:100%;max-width:340px;padding:0 16px}.tetris-next-box{background:var(--card);border-radius:10px;padding:10px}.tetris-next-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}#tetris-canvas,#tetris-next{display:block;border-radius:10px;background:#fff;border:1px solid var(--card)}.tetris-controls{width:100%;max-width:340px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:8px;padding:0 16px}.tetris-controls .tap-btn{padding:14px;font-size:1.2rem}#tBtnDown{grid-column:2;grid-row:1}#tBtnDrop{grid-column:3;grid-row:1;font-size:.75rem;font-family:DM Mono,monospace;line-height:1.2}#tBtnLeft{grid-column:1;grid-row:2}#tBtnRotate{grid-column:2;grid-row:2;font-size:.9rem;font-family:DM Mono,monospace}#tBtnRight{grid-column:3;grid-row:2}#view-snake{display:flex;flex-direction:column;align-items:center;height:100%;gap:10px;touch-action:none;overflow:hidden;padding-top:12px}#snake-canvas{display:block;border-radius:12px;background:#fff;border:1px solid var(--card)}.snake-dpad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;width:180px}.snake-dpad .tap-btn{padding:16px;font-size:1.3rem}#sBtnU{grid-column:2;grid-row:1}#sBtnL{grid-column:1;grid-row:2}#sBtnD{grid-column:2;grid-row:2}#sBtnR{grid-column:3;grid-row:2}#view-memory{display:flex;flex-direction:column;align-items:center;min-height:100%;gap:14px;padding:16px;overflow-y:auto}#memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:400px}.mem-card{aspect-ratio:1;border-radius:12px;cursor:pointer;position:relative;transform-style:preserve-3d;transition:transform .35s;-webkit-tap-highlight-color:transparent}.mem-card.flipped,.mem-card.matched{transform:rotateY(180deg)}.mem-front,.mem-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.mem-front{background:#fff;border:1.5px solid var(--card)}.mem-front:after{content:"";width:40%;height:40%;border-radius:50%;background:var(--card)}.mem-back{background:var(--card);transform:rotateY(180deg);font-size:1.8rem}.mem-card.matched .mem-back{background:#e8f0e8;border:1.5px solid #b8d8b8}#view-simon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:20px;touch-action:none;overflow:hidden;padding:16px}.simon-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(320px,90vw)}.simon-pad{aspect-ratio:1;border-radius:20px;cursor:pointer;transition:filter .1s,transform .1s;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.simon-pad:active,.simon-pad.lit{filter:brightness(1.4);transform:scale(.96)}#sp0{background:#d95f5f;border-radius:20px 50% 20px 20px}#sp1{background:#6ba86b;border-radius:50% 20px 20px}#sp2{background:#4a7c9e;border-radius:20px 20px 20px 50%}#sp3{background:#d4a84b;border-radius:20px 20px 50%}.simon-status{font-size:13px;color:var(--muted);text-align:center;height:20px}#simon-startBtn{background:var(--accent);color:var(--bg);border:none;border-radius:10px;padding:12px 36px;font-size:15px;font-weight:600;cursor:pointer;font-family:DM Sans,sans-serif}#view-breakout{display:flex;flex-direction:column;align-items:center;height:100%;gap:10px;touch-action:none;overflow:hidden;padding-top:12px}#breakout-canvas{display:block;border-radius:12px;background:#fff;border:1px solid var(--card);touch-action:none}.breakout-hint{font-size:11px;color:var(--muted);text-align:center}