@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;--font-display: "Fraunces", "Space Grotesk", serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f6f4ef;--muted: #5b6470;--accent: #2f5fdd;--accent-soft: #8aa2ff;--surface: rgba(255, 255, 255, .92);--border: rgba(15, 23, 42, .12);--tag: rgba(47, 95, 221, .12);--shadow: 0 20px 40px rgba(15, 23, 42, .18);--shadow-soft: 0 16px 30px rgba(15, 23, 42, .08);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(92,190,173,.2),transparent 45%),radial-gradient(circle at 80% 10%,rgba(255,199,122,.25),transparent 40%),linear-gradient(120deg,#fdfcf9,#eef2ff)}a{color:inherit}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;gap:3.5rem;padding:clamp(1.5rem,2vw + 1rem,3rem)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:.02em}.brand__text{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}.app-nav{display:flex;align-items:center;gap:1.5rem;font-weight:600}.app-nav a{text-decoration:none;color:inherit;opacity:.7;transition:opacity .2s ease}.app-nav a:hover{opacity:1}.app-main{flex:1;display:flex;flex-direction:column;gap:3rem}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:2.5rem;align-items:end}.hero h1{font-family:var(--font-display);font-size:clamp(2.4rem,3vw + 1.4rem,4rem);margin:.5rem 0 1rem}.hero__copy{font-size:1.05rem;max-width:55ch;margin:0;color:var(--muted)}.hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;background:var(--surface);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow)}.stat-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.stat-value{margin:.4rem 0 0;font-size:1.8rem;font-weight:600}.catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.game-card{display:flex;flex-direction:column;gap:.75rem;padding:1.6rem;border-radius:26px;background:var(--surface);border:1px solid var(--border);text-decoration:none;color:inherit;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.game-card:hover{transform:translateY(-4px);border-color:var(--accent-soft);box-shadow:var(--shadow)}.game-card h2{margin:0;font-size:1.4rem}.game-card p{margin:0;color:var(--muted)}.game-card__meta{display:flex;justify-content:space-between;align-items:center}.game-card__cta{margin-top:auto;font-weight:600;color:var(--accent)}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .65rem;border-radius:999px;background:var(--tag);font-size:.8rem;font-weight:600}.status{padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status--ready{background:#2ea04326;color:#1b7a3a}.status--beta{background:#ff9f4333;color:#a35210}.status--coming{background:#5f63f226;color:#3c3fb4}.game-shell{display:flex;flex-direction:column;gap:2rem}.game-shell__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.game-shell__title{flex:1;min-width:240px}.game-shell__title h1{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(2rem,2.4vw + 1rem,3rem)}.game-shell__title p{margin:0;color:var(--muted)}.game-shell__meta{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.game-shell__body{display:flex;flex-direction:column;gap:1.5rem}.back-link{text-decoration:none;font-weight:600;color:var(--accent)}.game-placeholder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:2rem}.game-stage{position:relative;min-height:320px;border-radius:28px;padding:2rem;background:linear-gradient(135deg,#10142de6,#0f315ce6);color:#fff;overflow:hidden}.game-stage__grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:24px 24px;opacity:.6}.game-stage__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem}.game-stage__content h3{margin:0;font-size:1.8rem}.game-stage__content p{margin:0;max-width:50ch;color:#ffffffb3}.status-badge{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:.4rem .8rem;border-radius:999px;background:#ffffff26;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.game-panel{display:grid;gap:1.25rem;padding:1.5rem;border-radius:24px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.panel-title{margin:0 0 .35rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--muted)}.panel-text{margin:0;color:var(--muted)}.not-found{display:grid;gap:.75rem;padding:2rem;border-radius:24px;background:var(--surface);border:1px dashed var(--border)}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;color:var(--muted);margin:0}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.game-placeholder{grid-template-columns:1fr}}@media(max-width:700px){.app-header{flex-direction:column;align-items:flex-start}.hero__stats{grid-template-columns:1fr}.app-footer{flex-direction:column;align-items:flex-start}}.stickman-root{width:100%}.stickman-game{position:relative;width:100%;height:min(78vh,720px);min-height:520px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#2c3e50,#000);border-radius:28px;overflow:hidden;box-shadow:0 20px 40px #00000059;touch-action:none}.stickman-game:fullscreen,.stickman-game:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;box-shadow:none}.stickman-canvas{width:100%;height:100%;max-width:100%;max-height:100%;background:transparent;touch-action:none}.stickman-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box;color:#ecf0f1}.stickman-score{font-size:24px;font-weight:700;text-shadow:2px 2px 0 #000}.stickman-rotate-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#000000a6;border:1px solid rgba(255,255,255,.2);font-size:14px;color:#ecf0f1;text-shadow:0 1px 0 #000;letter-spacing:.3px}.stickman-unlock{position:absolute;left:50%;top:20%;transform:translate(-50%);font-size:32px;font-weight:700;color:#f39c12;text-shadow:0 0 10px rgba(255,255,255,.8),2px 2px 0 #000;animation:stickman-zoom-fade 2s forwards;white-space:nowrap;z-index:20}@keyframes stickman-zoom-fade{0%{transform:translate(-50%) scale(.5);opacity:0}20%{transform:translate(-50%) scale(1.2);opacity:1}80%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1.5);opacity:0}}.stickman-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;z-index:10;pointer-events:auto;text-align:center;padding:20px;box-sizing:border-box}.stickman-overlay h1{font-size:40px;margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #e74c3c}.stickman-overlay p{font-size:18px;margin-bottom:18px;opacity:.85}.stickman-hint{font-size:14px;color:#ccc;margin-top:-6px}.stickman-button{padding:15px 40px;font-size:20px;background-color:#e74c3c;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:transform .1s,background-color .2s;box-shadow:0 4px #c0392b;font-weight:700}.stickman-button:active{transform:translateY(4px);box-shadow:none}.stickman-button:hover{background-color:#ff6b81}.stickman-score-pop{position:absolute;color:#f1c40f;font-weight:700;font-size:20px;pointer-events:none;animation:stickman-pop-up 1s forwards}@keyframes stickman-pop-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@media(max-width:700px){.stickman-game{min-height:440px;height:68vh}.stickman-overlay h1{font-size:32px}.stickman-button{font-size:18px}}