:root{--orange-cat: #f97316;--orange-glow: rgba(249, 115, 22, .45);--gold-accent: #f59e0b;--bg-deep: #0b0f19;--bg-card: rgba(17, 24, 39, .88);--border-color: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-sub: #94a3b8}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;min-height:100%;background-color:var(--bg-deep);color:var(--text-main);font-family:"Baloo 2",Noto Sans SC,system-ui,-apple-system,sans-serif;overflow-x:hidden}.bg-glow{position:fixed;top:0;left:50%;transform:translate(-50%);width:100vw;height:600px;background:radial-gradient(circle at 50% 20%,rgba(249,115,22,.18),transparent 70%);pointer-events:none;z-index:0}.bg-stars{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 100px 150px,#fde68a,#0000),radial-gradient(1.5px 1.5px at 240px 80px,#38bdf8,#0000);background-size:300px 300px;opacity:.35;pointer-events:none;z-index:0}.arcade-container{position:relative;z-index:10;max-width:1180px;margin:0 auto;padding:40px 24px 60px;display:flex;flex-direction:column;align-items:center}.arcade-header{text-align:center;margin-bottom:48px;display:flex;flex-direction:column;align-items:center}.mascot-badge{position:relative;width:110px;height:110px;margin-bottom:20px}.mascot-avatar{width:100%;height:100%;border-radius:50%;box-shadow:0 10px 30px #0009;position:relative;z-index:2;transition:transform .3s ease}.mascot-avatar:hover{transform:scale(1.08) rotate(-4deg)}.mascot-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:radial-gradient(circle,var(--orange-cat),transparent 70%);opacity:.7;animation:pulse-glow 2.5s infinite ease-in-out;z-index:1}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.85}}.sub-badge{display:inline-block;background:#f9731626;border:1px solid rgba(249,115,22,.4);color:#fdba74;padding:6px 18px;border-radius:30px;font-size:14px;font-weight:800;margin-bottom:12px}.main-title{font-size:44px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 20%,#fdba74,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.main-desc{font-size:16px;color:var(--text-sub);max-width:600px;line-height:1.6}.games-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;max-width:1020px;margin-bottom:50px}.game-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:28px;overflow:hidden;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.game-card:hover{transform:translateY(-8px)}.card-runner:hover{border-color:#f97316;box-shadow:0 25px 50px #f9731640}.card-survivor:hover{border-color:#38bdf8;box-shadow:0 25px 50px #38bdf840}.card-media{position:relative;height:180px;overflow:hidden}.game-banner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.runner-banner{background:linear-gradient(135deg,#7c2d12,#c2410c,#ea580c)}.survivor-banner{background:linear-gradient(135deg,#0f172a,#1e293b,#0284c7)}.banner-badge{position:absolute;top:14px;left:16px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.2)}.banner-mascot{font-size:72px;animation:float-mascot 3s infinite ease-in-out}@keyframes float-mascot{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.04)}}.card-body{padding:26px 28px;display:flex;flex-direction:column;flex:1}.card-tags{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tag{font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px}.tag-gold{background:#f59e0b26;color:#facc15}.tag-blue{background:#38bdf826;color:#38bdf8}.tag-pink{background:#f43f5e26;color:#fb7185}.tag-purple{background:#a855f726;color:#c084fc}.tag-cyan{background:#06b6d426;color:#22d3ee}.game-name{font-size:24px;font-weight:900;color:#fff;margin-bottom:8px}.game-intro{font-size:14px;color:var(--text-sub);line-height:1.6;margin-bottom:16px}.game-highlights{background:#ffffff08;border-radius:14px;padding:12px 14px;margin-bottom:24px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#cbd5e1}.hl-item strong{color:#f1f5f9}.card-footer{margin-top:auto}.btn-play{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px 24px;border-radius:18px;text-decoration:none;font-size:17px;font-weight:900;color:#fff;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-runner{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 6px 20px var(--orange-glow)}.btn-runner:hover{transform:translateY(-2px);box-shadow:0 10px 28px var(--orange-glow);filter:brightness(1.08)}.btn-survivor{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 6px 20px #38bdf866}.btn-survivor:hover{transform:translateY(-2px);box-shadow:0 10px 28px #38bdf873;filter:brightness(1.08)}.play-icon{font-size:18px}.arcade-footer{text-align:center;margin-top:20px}.footer-badges{display:flex;gap:12px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}.f-badge{background:#ffffff0d;border:1px solid var(--border-color);padding:6px 14px;border-radius:20px;font-size:12px;color:#cbd5e1}.footer-copy{font-size:13px;color:#64748b}.game-modal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column}.game-modal.hidden{display:none!important}.modal-top-bar{height:46px;background:#0f172a;border-bottom:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:10000}.modal-game-title{font-size:15px;font-weight:800;color:#f8fafc}.modal-top-actions{display:flex;align-items:center;gap:12px}.modal-btn-action{font-size:13px;color:#94a3b8;text-decoration:none;font-weight:700;padding:4px 10px;border-radius:8px;background:#ffffff0f;transition:background .15s,color .15s}.modal-btn-action:hover{background:#ffffff24;color:#fff}.modal-btn-close{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px 10px #ef444466;transition:transform .12s,filter .12s}.modal-btn-close:hover{filter:brightness(1.1);transform:scale(1.04)}.modal-btn-close:active{transform:scale(.96)}.game-frame{flex:1;width:100%;height:calc(100vh - 46px);border:none;background:#000}@media(max-width:840px){.games-grid{grid-template-columns:1fr;max-width:480px}.main-title{font-size:32px}.card-media{height:150px}}