.app-container{min-height:100vh;padding:180px var(--page-px) 96px;display:flex;flex-direction:column;align-items:center;gap:28px;position:relative;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.07) 0,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.07) 0,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(0,255,204,.05) 0,transparent 50%),var(--bg-base)}.particles-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.particle{background:rgba(0,255,204,.5);filter:none}.background-grid{position:fixed;inset:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0;opacity:.4}.main-title{position:relative;z-index:5;margin-bottom:12px}.content-grid-container{max-width:1320px;width:100%;z-index:2;position:relative}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-card);padding:var(--card-p);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .35s ease,transform .3s ease;animation:none!important}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,204,.15),transparent)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-5px);animation:none!important}.gradient-combat{--card-tint:rgba(220,38,127,0.06)}.gradient-gaming{--card-tint:rgba(59,130,246,0.06)}.gradient-journey{--card-tint:rgba(0,255,204,0.05)}.gradient-challenge{--card-tint:rgba(245,158,11,0.06)}.gradient-challenge,.gradient-combat,.gradient-gaming,.gradient-journey{background:linear-gradient(135deg,var(--card-tint,rgba(0,0,0,0)) 0,var(--bg-card) 60%)}.card-glow{display:none}.card-icon-title{display:flex;align-items:center;gap:12px}.card-title{font-size:var(--fs-card-h);font-weight:800;color:var(--text-primary)}.card-content{color:var(--text-secondary);font-size:var(--fs-body);line-height:1.75;display:flex;flex-direction:column;gap:10px}.card-content strong{color:var(--accent-1);font-weight:700}.skill-badges,.tech-stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.badge,.tech-badge{background:rgba(0,255,204,.07);color:#5ef5d6;border:1px solid rgba(0,255,204,.22);padding:4px 12px;border-radius:var(--radius-chip);font-size:var(--fs-xs);font-weight:600;transition:background .2s ease,transform .2s ease}.badge:hover,.tech-badge:hover{background:rgba(0,255,204,.16);border-color:rgba(0,255,204,.5);transform:translateY(-2px);box-shadow:none}.game-card-wrapper{background:rgba(13,18,28,.7);border-radius:16px;padding:18px;border:1px solid var(--border-subtle)}.game-container{display:flex;flex-direction:column;gap:14px}.score-board{display:flex;justify-content:space-around;margin-bottom:8px}.score-item{display:flex;align-items:center;gap:6px;padding:5px 12px;background:rgba(255,255,255,.05);border-radius:var(--radius-chip);font-weight:700;font-size:var(--fs-sm)}.target-icon,.trophy-icon{color:#fbbf24}.game-header{display:flex;gap:18px;justify-content:center}.health-bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px}.health-bar-label{font-weight:700;color:var(--text-primary);font-size:var(--fs-sm)}.health-bar-container{width:100%;height:10px;background:rgba(0,0,0,.3);border-radius:var(--radius-chip);overflow:hidden;border:1px solid var(--border-accent);position:relative}.health-bar{height:100%;border-radius:var(--radius-chip);position:relative;overflow:hidden}.green-bar{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:none}.red-bar{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:none}.health-bar-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:health-shine 2.5s ease-in-out infinite}@keyframes health-shine{0%{left:-100%}to{left:100%}}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.65rem;font-weight:700;color:#fff}.combo-indicator{background:linear-gradient(45deg,#ff6b6b,#ffd93d);box-shadow:none;animation:none}.combo-icon{animation:none}.game-message{text-align:center;font-size:var(--fs-body);font-weight:600;color:var(--text-secondary);min-height:44px;align-items:center;padding:10px 16px;background:rgba(255,255,255,.03);border-radius:12px;border:1px solid var(--border-subtle)}.game-controls,.game-message{display:flex;justify-content:center}.game-controls{gap:10px;flex-wrap:wrap}.game-button{padding:10px 20px;font-weight:700;font-size:var(--fs-sm);border-radius:var(--radius-chip);cursor:pointer;border:none;color:#fff;transition:transform .25s ease,box-shadow .25s ease;min-width:100px}.game-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}.reset-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.punch-button{background:linear-gradient(135deg,#f97316,#ea580c)}.kick-button{background:linear-gradient(135deg,#14b8a6,#0d9488)}.block-button{background:linear-gradient(135deg,#6366f1,#4f46e5)}.game-list{list-style:none;padding:0}.game-list li{padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);color:var(--text-secondary);transition:color .2s ease,padding-left .2s ease}.game-list li:hover{color:var(--text-primary);padding-left:8px}.game-list li:last-child{border-bottom:none}.challenge-intro{text-align:center;font-size:var(--fs-body);font-weight:600;color:#fbbf24;background:rgba(251,191,36,.06);padding:10px 16px;border-radius:12px;border:1px solid rgba(251,191,36,.2)}.scroll-indicator{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);color:var(--text-muted);font-size:var(--fs-sm);font-weight:600;z-index:10;pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{background:var(--grad-accent);border-radius:3px}@media (max-width:768px){.app-container{padding:40px 16px 64px;gap:18px}.content-grid{grid-template-columns:1fr;gap:14px}.card{padding:18px}.game-header{flex-direction:column;gap:10px}.game-controls{flex-direction:column;align-items:center}.game-button{width:100%;max-width:200px}.score-board{flex-direction:column;gap:6px;align-items:center}}