.imitation-root{position:relative;width:100%;height:100%}.imitation-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.25rem;z-index:10}.imitation-hud-top,.imitation-hud-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;pointer-events:none}.imitation-stats{display:flex;gap:.75rem;flex-wrap:wrap}.imitation-stat{background:#0c0e14bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;padding:.45rem .85rem;font-family:var(--mono);font-size:.8rem}.imitation-stat strong{color:var(--accent);margin-left:.35rem}.imitation-panel{pointer-events:auto;align-self:center;text-align:center;max-width:360px;padding:1.5rem 1.75rem;background:#0c0e14e0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px #00000073}.imitation-panel h2{font-size:1.35rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.imitation-panel p{color:var(--text-muted);font-size:.92rem;margin-bottom:1.1rem;line-height:1.55}.imitation-panel-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.imitation-hint{pointer-events:none;align-self:center;padding:.5rem 1rem;background:#0c0e14b3;border-radius:999px;font-size:.85rem;color:var(--text-muted);border:1px solid var(--border)}.imitation-hint--active{color:var(--accent);border-color:#6ee7b759}.imitation-legend{pointer-events:none;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.imitation-legend-item{font-size:.75rem;padding:.25rem .55rem;border-radius:6px;background:#0c0e14b3;border:1px solid var(--border)}.imitation-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;vertical-align:middle}.imitation-fail h2{color:var(--danger)}.imitation-touch-pads{pointer-events:auto;display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));background:#0c0e14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);flex-shrink:0}.imitation-touch-pad{min-height:72px;border-radius:14px;font-size:1.1rem;font-weight:700;color:#fff;background:var(--pad-color);border:2px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0000004d;transition:transform .12s,box-shadow .12s,filter .12s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.imitation-touch-pad:active,.imitation-touch-pad--active{transform:scale(.95);filter:brightness(1.25);box-shadow:0 0 24px var(--pad-glow),0 4px 16px #00000059}@media (max-width: 640px){.imitation-hud--mobile{padding:.6rem .75rem;padding-top:calc(.6rem + env(safe-area-inset-top,0px));justify-content:flex-start;gap:.5rem}.imitation-hud--mobile .imitation-hud-top{width:100%}.imitation-stats{gap:.4rem}.imitation-stat{padding:.35rem .6rem;font-size:.72rem}.imitation-stat--hide-mobile{display:none}.imitation-panel{max-width:calc(100% - 1rem);padding:1.25rem 1rem;margin:auto 0}.imitation-panel h2{font-size:1.15rem}.imitation-panel p{font-size:.88rem}.imitation-hint{font-size:.78rem;padding:.4rem .75rem;text-align:center;max-width:calc(100% - 1rem)}.imitation-hud--mobile:not(:has(.imitation-touch-pads)){padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}}.lb-root{display:flex;flex-direction:column;height:100%;background:#0e1018}.lb-board-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto;-webkit-overflow-scrolling:touch}.lb-board{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006}.lb-mirror{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.lb-mirror:hover rect{fill:#7c6ee638}.lb-mirror:focus-visible rect{stroke:#a78bfa;stroke-width:2}.lb-hud{flex-shrink:0;padding:.85rem calc(1rem + var(--safe-right)) calc(.85rem + var(--safe-bottom)) calc(1rem + var(--safe-left));border-top:1px solid var(--border);background:#141824f2;display:flex;flex-direction:column;gap:.65rem}.lb-hud-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.lb-stats{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.85rem;color:var(--text-muted)}.lb-stat strong{color:var(--text);font-family:var(--mono);margin-left:.35rem}.lb-stat--title{color:#e94560;font-weight:600}.lb-actions{display:flex;gap:.4rem}.lb-btn-sm{padding:.35rem .75rem;min-height:36px;font-size:.82rem}.lb-hint{font-size:.88rem;color:var(--text-muted);line-height:1.45}.lb-panel{padding:.85rem 1rem;border-radius:10px;background:#ffffff0a;border:1px solid var(--border)}.lb-panel--win{border-color:#4ade8059;background:#4ade8014}.lb-panel h2{font-size:1rem;font-weight:600;margin-bottom:.35rem}.lb-panel p{font-size:.88rem;color:var(--text-muted);line-height:1.45}.lb-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}@media (max-width: 640px){.lb-board-wrap{padding:.5rem}.lb-hud-top{flex-direction:column;align-items:stretch}.lb-actions{justify-content:stretch}.lb-actions .lb-btn-sm{flex:1}}.nd-root{position:relative;width:100%;height:100%;background:#07060f;overflow:hidden}.nd-canvas-wrap{width:100%;height:100%;touch-action:none}.nd-canvas{display:block;width:100%;height:100%}.nd-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1.25rem;z-index:10}.nd-hud--touch{padding-bottom:calc(1rem + var(--safe-bottom))}.nd-hud-top{display:flex;justify-content:flex-start}.nd-stats{display:flex;flex-wrap:wrap;gap:.5rem}.nd-stat{background:#0a0814c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.45rem .85rem;font-family:var(--mono);font-size:.8rem;color:var(--text-muted)}.nd-stat strong{color:#ff6b6b;margin-left:.35rem}.nd-stat--shield{color:#67e8f9;border-color:#67e8f959}.nd-hint{align-self:center;margin-bottom:.5rem;padding:.4rem .9rem;border-radius:999px;background:#0a0814b8;border:1px solid var(--border);font-size:.82rem;color:var(--text-muted)}.nd-panel{pointer-events:auto;align-self:center;margin:auto;max-width:420px;width:calc(100% - 2rem);padding:1.25rem 1.35rem;border-radius:14px;background:#0a0814eb;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center}.nd-panel--dead{border-color:#ff6b6b59}.nd-panel h2{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.nd-panel p{font-size:.9rem;color:var(--text-muted);line-height:1.5}.nd-tips{list-style:none;margin:.85rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;color:var(--text-muted);text-align:left}.nd-tip-icon{display:inline-block;width:10px;height:10px;margin-right:.45rem;vertical-align:middle}.nd-tip-icon--shield{background:#38bdf8;transform:rotate(45deg)}.nd-tip-icon--clear{background:#f472b6;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.nd-panel-actions{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;margin-top:1rem}@media (max-width: 640px){.nd-hud{padding:.75rem .85rem;padding-bottom:calc(.75rem + var(--safe-bottom))}.nd-panel{width:calc(100% - 1rem);padding:1rem 1.1rem}.nd-stat{font-size:.75rem;padding:.35rem .65rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0e14;--bg-elevated: #141824;--surface: #1a2030;--border: rgba(255, 255, 255, .08);--text: #e8ecf4;--text-muted: #8b95a8;--accent: #6ee7b7;--accent-dim: rgba(110, 231, 183, .15);--danger: #f87171;--radius: 12px;--font: "Outfit", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--header-height: 57px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}html,body,#root{height:100%;height:100dvh}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.layout{min-height:100%;display:flex;flex-direction:column}.layout-header{display:flex;align-items:center;justify-content:space-between;padding:calc(.75rem + var(--safe-top)) calc(1.25rem + var(--safe-right)) .75rem calc(1.25rem + var(--safe-left));border-bottom:1px solid var(--border);background:#0c0e14d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.layout-logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;letter-spacing:-.02em}.layout-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6ee7b7,#3b82f6);display:grid;place-items:center;font-size:.9rem}.layout-main{flex:1}.hub{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hub-hero{margin-bottom:2.5rem}.hub-hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:.5rem}.hub-hero p{color:var(--text-muted);font-size:1.05rem;max-width:520px}.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.game-card{display:flex;flex-direction:column;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.game-card:active{transform:scale(.98)}.game-card-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:3rem}.game-card-body{padding:1.1rem 1.25rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.game-card-title{font-size:1.15rem;font-weight:600}.game-card-desc{color:var(--text-muted);font-size:.9rem;flex:1}.game-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.game-card-tag{font-size:.72rem;font-family:var(--mono);padding:.2rem .5rem;border-radius:6px;background:var(--accent-dim);color:var(--accent)}.game-page{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}.game-page-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem calc(.85rem + var(--safe-right)) .65rem calc(.85rem + var(--safe-left));border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-shrink:0}.game-page-back{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:44px;min-width:44px;color:var(--text-muted);font-size:.9rem;padding:.35rem .6rem;border-radius:8px;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.game-page-back:hover{color:var(--text);background:#ffffff0f}.game-page-title{font-weight:600;font-size:.95rem;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-page-spacer{flex-shrink:0;width:5.5rem}.game-page-canvas{flex:1;position:relative;min-height:0}.not-found{text-align:center;padding:4rem 1.5rem;color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;min-height:44px;border-radius:8px;font-weight:600;font-size:.9rem;background:var(--accent);color:#0c0e14;transition:filter .15s,transform .15s;-webkit-tap-highlight-color:transparent}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:.5rem 1rem;min-height:44px;border-radius:8px;font-size:.88rem;color:var(--text-muted);border:1px solid var(--border);transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.btn-ghost:hover{background:#ffffff0f;color:var(--text)}.adsense-unit{margin:1.5rem auto;max-width:1100px;min-height:90px;overflow:hidden;border-radius:var(--radius)}@media (max-width: 640px){.hub{padding:1.5rem 1rem calc(2.5rem + var(--safe-bottom))}.hub-hero{margin-bottom:1.5rem}.hub-hero p{font-size:.95rem}.hub-grid{grid-template-columns:1fr;gap:1rem}.game-card-thumb{height:120px}.game-page-title{font-size:.85rem}.game-page-spacer{width:0;display:none}}@media (hover: hover){.game-card:hover{transform:translateY(-3px);border-color:#ffffff24;box-shadow:0 12px 40px #00000059}}