:root{--pitch-green:#15803d;--pitch-dark:#14532d;--pitch-line:#ffffffd9;--hud-bg:#090e1ae0;--hud-border:#38bdf840;--hud-glow:#00f2fe59;--accent-gold:#f59e0b;--accent-cyan:#00f2fe;--accent-emerald:#10b981;--accent-purple:#a855f7;--text-light:#f8fafc;--text-muted:#94a3b8;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-light);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:#030712;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}#webgl-canvas{z-index:1;cursor:grab;outline:none;width:100%;height:100%;position:absolute;top:0;left:0}#webgl-canvas.grabbing{cursor:grabbing}#webgl-canvas.clickable{cursor:pointer}.ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:1rem;display:flex;position:absolute;top:0;left:0}.ui-layer *{pointer-events:auto}.top-stadium-bar{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1.25rem;display:flex;box-shadow:0 10px 30px #0009}.player-identity{align-items:center;gap:.75rem;display:flex}.jersey-badge{width:38px;height:38px;font-family:var(--font-display);color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:2px solid #fca5a5;border-radius:.6rem;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 0 12px #ef444466}.player-text h1{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;display:flex}.stat-status-pill{color:#6ee7b7;font-family:var(--font-mono);background:#10b98126;border:1px solid #10b98166;border-radius:9999px;align-items:center;gap:.35rem;padding:.12rem .5rem;font-size:.68rem;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.player-text p{color:var(--text-muted);font-size:.72rem}.scoreboard-widget{transition:border-color .3s,box-shadow .3s}.scoreboard-widget.goal-flash{animation:.5s 3 scoreboard-highlight}@keyframes scoreboard-highlight{0%,to{border-color:#38bdf84d;box-shadow:0 6px 20px #00000080}50%{border-color:var(--accent-gold);transform:scale(1.04);box-shadow:0 0 25px #f59e0bd9}}.scoreboard-widget{font-family:var(--font-mono);background:linear-gradient(#0f172af2,#090e1afa);border:1px solid #38bdf84d;border-radius:.75rem;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .9rem;display:flex;box-shadow:0 6px 20px #00000080,0 0 15px #00f2fe1a}.scoreboard-main-row{align-items:center;gap:.6rem;display:flex}.match-clock-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .45rem;font-size:.68rem;font-weight:700;display:flex}.live-dot{background:#ef4444;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #ef4444}.score-team-badge{font-family:var(--font-display);letter-spacing:.05em;color:#f8fafc;font-size:.8rem;font-weight:800}.score-display-box{background:#020617;border:1px solid #f59e0b80;border-radius:6px;align-items:center;gap:.3rem;padding:.12rem .6rem;display:flex;box-shadow:inset 0 2px 4px #000c,0 0 8px #f59e0b33}.score-num{color:var(--accent-gold);text-align:center;transform-origin:50%;min-width:.9rem;font-size:1.15rem;font-weight:900;display:inline-block}.score-divider{color:#64748b;font-size:.85rem;font-weight:700}.scoreboard-sub-stats{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.62rem;display:flex}.stadium-zones-nav{align-items:center;gap:.35rem;display:flex}.zone-nav-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.3rem;padding:.4rem .7rem;font-size:.75rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.zone-nav-btn:hover,.zone-nav-btn.active{border-color:var(--accent-cyan);color:#fff;background:linear-gradient(135deg,#00f2fe40,#10b98140);box-shadow:0 0 12px #00f2fe4d}.top-quick-actions{align-items:center;gap:.4rem;display:flex}.top-action-btn{color:var(--text-light);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:.5rem;align-items:center;gap:.3rem;padding:.4rem .65rem;font-size:.75rem;text-decoration:none;transition:all .2s;display:flex}.top-action-btn:hover{border-color:var(--accent-cyan);color:#fff;background:#ffffff26}.center-workspace{pointer-events:none;flex:1;justify-content:space-between;align-items:flex-start;gap:1.5rem;min-height:0;padding:.5rem 0;display:flex;position:relative}.pitch-inspector-card{pointer-events:auto;background:var(--hud-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--hud-border);border-radius:1.25rem;flex-direction:column;width:440px;max-width:92vw;max-height:calc(100vh - 190px);padding:1.2rem;transition:max-height .3s cubic-bezier(.16,1,.3,1),opacity .3s;display:flex;box-shadow:0 20px 50px #0009}.pitch-inspector-card.collapsed{max-height:52px;padding-top:.55rem;padding-bottom:.55rem;overflow:hidden}.pitch-inspector-card.collapsed .inspector-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.pitch-inspector-card.collapsed .inspector-body{display:none}.inspector-controls .top-action-btn{padding:.25rem .5rem;font-size:.7rem}.inspector-controls .top-action-btn .material-symbols-outlined{font-size:14px}.inspector-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.inspector-title{font-family:var(--font-display);color:#fff;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.inspector-controls{align-items:center;gap:.4rem;display:flex}.inspector-body{flex:1;padding-right:.35rem;overflow-y:auto}.inspector-body::-webkit-scrollbar{width:4px}.inspector-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.cv-summary-box{color:#e2e8f0;background:linear-gradient(135deg,#00f2fe14,#10b98114);border:1px solid #00f2fe33;border-radius:.75rem;margin-bottom:.75rem;padding:.85rem;font-size:.82rem;line-height:1.55}.meta-grid-2{grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.75rem;display:grid}.meta-cell{background:#ffffff08;border:1px solid #ffffff0f;border-radius:.5rem;padding:.45rem .6rem;font-size:.75rem}.meta-cell .meta-label{color:var(--text-muted);text-transform:uppercase;font-size:.65rem;font-family:var(--font-mono);display:block}.meta-cell .meta-val{color:#fff;align-items:center;gap:.25rem;margin-top:.15rem;font-weight:600;text-decoration:none;display:flex}.meta-cell .meta-val:hover{color:var(--accent-cyan)}.item-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;margin-bottom:.65rem;padding:.85rem;transition:all .2s cubic-bezier(.16,1,.3,1)}.item-card:hover,.item-card.active{border-color:var(--accent-cyan);background:#00f2fe12;transform:translateY(-2px);box-shadow:0 4px 16px #00f2fe26}.item-card-title{justify-content:space-between;align-items:flex-start;margin-bottom:.3rem;display:flex}.item-card-title h3{font-family:var(--font-display);color:#fff;font-size:.95rem;font-weight:600}.item-card-title span{font-size:.7rem;font-family:var(--font-mono);color:var(--accent-cyan)}.bullet-points{margin-top:.4rem;list-style:none}.bullet-points li{color:var(--text-muted);margin-bottom:.35rem;padding-left:1rem;font-size:.78rem;line-height:1.5;position:relative}.bullet-points li:before{content:"";background:var(--accent-cyan);width:5px;height:5px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%;position:absolute;top:.45rem;left:0}.tech-chip-container{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.tech-chip{font-size:.68rem;font-family:var(--font-mono);color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:.35rem;padding:.15rem .45rem;transition:all .15s}.tech-chip:hover{border-color:var(--accent-cyan);color:#fff;background:#00f2fe26}.tactical-minimap-card{pointer-events:auto;background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:1rem;align-self:flex-start;width:240px;padding:.85rem;box-shadow:0 10px 30px #00000080}.tactical-minimap-card h3{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.7rem;display:flex}.pitch-waypoints-list{flex-direction:column;gap:.35rem;display:flex}.waypoint-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.waypoint-btn:hover,.waypoint-btn.active{border-color:var(--accent-cyan);color:#fff;background:#00f2fe26}.mobile-joystick-zone{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0;display:none}.joystick-base{background:radial-gradient(circle,#0f172ad9 0%,#020617fa 100%);border:2px solid #38bdf859;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 16px #0009,inset 0 0 12px #00f2fe26}.joystick-base.active{border-color:var(--accent-cyan);background:radial-gradient(circle, #0f172ad9 0%, #020617fa 100%), conic-gradient(from var(--joy-angle,0deg), #00f2fe59 0deg, transparent 70deg, transparent 290deg, #00f2fe59 360deg);box-shadow:0 0 22px #00f2fe80,inset 0 0 16px #00f2fe40}.joystick-guide-ring{pointer-events:none;border:1px dashed #38bdf84d;border-radius:50%;width:32px;height:32px}.joystick-knob{background:linear-gradient(135deg, var(--accent-cyan), #0284c7);pointer-events:none;border:2px solid #e0f2fe;border-radius:50%;width:34px;height:34px;transition:transform .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #00f2fe99,0 2px 6px #00000080}.joystick-base.active .joystick-knob{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transition:none;box-shadow:0 0 16px #00f2fecc,0 2px 8px #0009}.bottom-gameplay-bar{background:var(--hud-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hud-border);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.25rem;display:flex}.key-shortcuts-group{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:1rem;font-size:.75rem;display:flex}.key-badge{align-items:center;gap:.3rem;display:inline-flex}.key-badge kbd{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;box-shadow:0 2px #0f172a}.skill-action-buttons{align-items:center;gap:.5rem;display:flex}.football-action-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:.6rem;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.football-action-btn:hover{transform:translateY(-2px)}.football-action-btn:active{transform:translateY(0)}.football-action-btn .action-icon{font-size:16px}.football-action-btn .btn-label{line-height:1}.football-action-btn .key-hint{font-family:var(--font-mono);color:#e2e8f0;background:#00000059;border:1px solid #fff3;border-radius:4px;margin-left:.2rem;padding:.08rem .32rem;font-size:.65rem}.btn-shoot-goal{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#f87171;box-shadow:0 0 15px #ef444466}.btn-dribble-trick{background:linear-gradient(135deg, var(--accent-cyan), #0284c7);border-color:#7dd3fc;box-shadow:0 0 15px #00f2fe4d}.btn-sprint-mode{background:linear-gradient(135deg, var(--accent-gold), #d97706);color:#000;border-color:#fde68a}.btn-celebrate{background:linear-gradient(135deg, var(--accent-emerald), #059669);border-color:#6ee7b7}.goal-banner{border:2.5px solid var(--accent-gold);color:#fff;text-align:center;z-index:150;pointer-events:none;opacity:0;background:linear-gradient(165deg,#0f172afa,#090e1afa);border-radius:1.5rem;width:520px;max-width:92vw;padding:1.4rem 1.8rem;transition:all .35s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 60px #f59e0b8c,0 25px 60px #000000d9}.goal-banner.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.goal-duel-tag{font-family:var(--font-mono);letter-spacing:.08em;justify-content:center;align-items:center;gap:.6rem;margin-bottom:.35rem;font-size:.74rem;font-weight:800;display:flex}.duel-player.surya{color:#38bdf8;align-items:center;gap:.35rem;display:flex}.duel-player.surya .jersey-mini{color:#fff;background:#ef4444;border-radius:4px;padding:.1rem .35rem;font-size:.65rem;font-weight:900;box-shadow:0 0 6px #ef444499}.duel-vs-chip{color:var(--accent-gold);text-shadow:0 0 8px #f59e0bcc;font-size:.8rem}.duel-player.bugs{color:#f87171;align-items:center;gap:.35rem;display:flex}.goal-headline{font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(135deg, #fff 15%, var(--accent-gold) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 35px #f59e0bcc;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.7rem;font-weight:900;line-height:1}.goal-clash-board{background:#020617d9;border:1px solid #ffffff1f;border-radius:1rem;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.7rem;padding:.8rem 1rem;display:flex}.clash-column{flex-direction:column;flex:1;align-items:center;display:flex}.clash-badge-num{font-family:var(--font-display);border-radius:.5rem;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.25rem;font-size:1.1rem;font-weight:900;display:flex}.hero-surya .clash-badge-num{color:#fff;background:linear-gradient(135deg,#ef4444,#b91c1c);border:1.5px solid #fca5a5;box-shadow:0 0 14px #ef444499}.foe-bugs .clash-badge-num{background:linear-gradient(135deg,#334155,#1e293b);border:1.5px solid #475569;font-size:1.25rem}.clash-hero-title{font-family:var(--font-display);color:#fff;font-size:.82rem;font-weight:800}.clash-hero-sub{font-family:var(--font-mono);color:var(--text-muted);font-size:.62rem}.clash-score-value{font-family:var(--font-display);color:#38bdf8;text-shadow:0 0 16px #38bdf8d9;margin:.15rem 0;font-size:2.2rem;font-weight:900;line-height:1}.clash-score-value.bugs-zero{color:#64748b;text-shadow:none}.clash-status-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:.15rem .5rem;font-size:.6rem;font-weight:700}.win-pill{color:#6ee7b7;background:#10b98133;border:1px solid #10b981}.lose-pill{color:#fca5a5;background:#ef444433;border:1px solid #ef4444}.clash-center-lightning{flex-direction:column;justify-content:center;align-items:center;display:flex}.clash-center-lightning .vs-label{font-family:var(--font-display);color:var(--accent-gold);font-size:1rem;font-weight:900}.clash-center-lightning .lightning-icon{font-size:1.2rem;animation:.8s ease-in-out infinite pulse-dot}.goal-punchline{font-family:var(--font-mono);color:#38bdf8;background:#38bdf81a;border:1px dashed #38bdf859;border-radius:.5rem;margin-top:.25rem;padding:.45rem .8rem;font-size:.78rem;font-weight:600}.goal-action-cta{justify-content:center;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.goal-contact-btn{font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;pointer-events:auto;background:linear-gradient(135deg,#25d366 0%,#16a34a 60%,#15803d 100%);border:1.5px solid #86efac;border-radius:9999px;align-items:center;gap:.45rem;padding:.55rem 1.4rem;font-size:.88rem;font-weight:800;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px 18px #25d3668c,inset 0 1px 2px #fff6;color:#fff!important}.goal-contact-btn:hover{background:linear-gradient(135deg,#4ade80 0%,#22c55e 60%,#16a34a 100%);transform:translateY(-2px);box-shadow:0 6px 24px #25d366cc}.goal-contact-btn:active{transform:translateY(1px)}.goal-contact-btn .material-symbols-outlined{font-size:19px}.goal-dismiss-btn{color:#94a3b8;cursor:pointer;pointer-events:auto;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.goal-dismiss-btn:hover{color:#fff;background:#ef444440;border-color:#f87171}.station-modal{z-index:220;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .25s ease-out;display:flex;position:fixed;inset:0}.station-modal.show{opacity:1;pointer-events:auto}.station-modal-backdrop{-webkit-backdrop-filter:blur(14px);background:#020617c7;position:absolute;inset:0}.station-modal-card{border:2px solid var(--accent-cyan);background:linear-gradient(165deg,#0f172afa,#090e1afa);border-radius:1.5rem;flex-direction:column;width:580px;max-width:92vw;max-height:84vh;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;transform:scale(.92);box-shadow:0 25px 60px #000000d9,0 0 40px #00f2fe40}.station-modal.show .station-modal-card{transform:scale(1)}.station-modal-header{justify-content:space-between;align-items:center;padding:1.1rem 1.4rem .5rem;display:flex}.station-modal-badge{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.station-modal-badge.unlock-mode{border:1px solid var(--accent-gold);color:#fde68a;background:linear-gradient(135deg,#f59e0b38,#10b98138);box-shadow:0 0 15px #f59e0b66}.station-modal-badge.explore-mode{border:1px solid var(--accent-cyan);color:#7dd3fc;background:#38bdf829;box-shadow:0 0 15px #00f2fe4d}.station-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.station-modal-close:hover{color:#fff;background:#ef444440;border-color:#f87171}.station-modal-title-wrap{border-bottom:1px solid #ffffff1a;padding:0 1.4rem .85rem}.station-modal-title{font-family:var(--font-display);color:#fff;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:800;display:flex}.station-modal-subtitle{font-family:var(--font-mono);color:var(--text-muted);margin-top:.25rem;font-size:.76rem}.station-modal-body{flex:1;padding:1.2rem 1.4rem;overflow-y:auto}.station-modal-body::-webkit-scrollbar{width:5px}.station-modal-body::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.station-modal-footer{background:#0a0f1df2;border-top:1px solid #ffffff1a;justify-content:flex-end;align-items:center;padding:.95rem 1.4rem;display:flex}.station-continue-btn{background:linear-gradient(135deg, var(--accent-cyan), #0284c7);color:#031122;font-family:var(--font-display);letter-spacing:.05em;cursor:pointer;border:1.5px solid #7dd3fc;border-radius:.75rem;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.88rem;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px 18px #00f2fe73}.station-continue-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);transform:translateY(-1px);box-shadow:0 6px 24px #00f2feb3}.station-continue-btn:active{transform:translateY(1px)}@media (width<=900px){.ui-layer{padding:.5rem}.top-stadium-bar{border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem;padding:.35rem .6rem}.player-identity{gap:.4rem}.jersey-badge{border-radius:.4rem;width:28px;height:28px;font-size:.85rem}.player-text h1{gap:.25rem;font-size:.82rem}.stat-status-pill{padding:.05rem .35rem;font-size:.58rem}.player-text p{font-size:.62rem}.scoreboard-widget{border-radius:.45rem;gap:.1rem;padding:.2rem .45rem}.scoreboard-main-row{gap:.3rem}.match-clock-pill{gap:.2rem;padding:.08rem .25rem;font-size:.55rem}.live-dot{width:4px;height:4px}.score-team-badge{letter-spacing:.02em;font-size:.62rem}.score-display-box{border-radius:4px;gap:.15rem;padding:.05rem .35rem}.score-num{min-width:.65rem;font-size:.85rem}.score-divider{font-size:.7rem}.scoreboard-sub-stats{display:none}.top-quick-actions{gap:.25rem}.top-action-btn{border-radius:.4rem;gap:.2rem;padding:.22rem .42rem;font-size:.68rem}.top-action-btn .material-symbols-outlined{font-size:13px!important}.guidance-nav-pill{order:10;justify-content:center;gap:.25rem;width:100%;padding:.2rem .45rem;font-size:.62rem}.stadium-zones-nav,.tactical-minimap-card,.key-shortcuts-group{display:none}.pitch-inspector-card{border-radius:.85rem;width:100%;max-height:46vh;padding:.85rem}.pitch-inspector-card.collapsed{max-height:42px;padding:.45rem .75rem;overflow:hidden}.pitch-inspector-card.collapsed .inspector-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.inspector-header{cursor:pointer;-webkit-user-select:none;user-select:none}.inspector-title{gap:.3rem;font-size:.78rem}.inspector-controls{gap:.25rem}.inspector-controls .top-action-btn{padding:.18rem .38rem;font-size:.65rem}.bottom-gameplay-bar{-webkit-backdrop-filter:blur(20px);background:#080e1ce0;border:1px solid #38bdf84d;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex;box-shadow:0 8px 30px #000000bf}.mobile-joystick-zone{padding:2px;display:block}.joystick-base{background:radial-gradient(circle,#1e293bf2 0%,#0f172afa 70%,#020617 100%);border:2.5px solid #38bdf873;border-radius:50%;width:104px;height:104px;box-shadow:0 6px 20px #000000b3,inset 0 0 16px #00f2fe33}.joystick-base:after{content:"";pointer-events:none;border:1px dashed #38bdf840;border-radius:50%;position:absolute;inset:8px}.joystick-guide-ring{border:1.5px solid #38bdf859;border-radius:50%;width:50px;height:50px}.joystick-knob{background:radial-gradient(circle at 35% 35%,#38bdf8 0%,#0284c7 60%,#0369a1 100%);border:2.5px solid #e0f2fe;border-radius:50%;width:48px;height:48px;box-shadow:0 4px 14px #0009,0 0 16px #00f2fe99,inset 0 2px 4px #fff9}.joystick-base.active .joystick-knob{background:radial-gradient(circle at 35% 35%,#7dd3fc 0%,#0ea5e9 60%,#0284c7 100%);box-shadow:0 0 22px #00f2fef2,inset 0 2px 4px #ffffffd9}.skill-action-buttons{flex:initial;grid-template-rows:auto auto;grid-template-columns:repeat(3,auto);place-items:center;gap:8px 6px;display:grid}.console-round-btn{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform 80ms,box-shadow 80ms;position:relative;box-shadow:0 5px 12px #000000b3,inset 0 2px 3px #fff6,inset 0 -2px 3px #0006;border-radius:50%!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.console-round-btn:active{transform:scale(.9)translateY(2px)!important;box-shadow:0 1px 3px #000c,inset 0 3px 5px #000000a6!important}.console-round-btn .action-icon{margin-bottom:2px;line-height:1;font-size:20px!important}.console-round-btn .btn-label{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800;line-height:1}.console-round-btn .key-hint{display:none}.btn-shoot-goal.console-round-btn{color:#fff;background:radial-gradient(circle at 35% 30%,#f87171 0%,#ef4444 55%,#991b1b 100%);border:2.5px solid #fca5a5;grid-area:2/2/auto/span 2;width:58px;height:58px;box-shadow:0 6px 18px #ef44448c,inset 0 2px 4px #fff9,inset 0 -3px 4px #0006}.btn-shoot-goal.console-round-btn .action-icon{font-size:24px!important}.btn-shoot-goal.console-round-btn .btn-label{font-size:9px}.btn-sprint-mode.console-round-btn{color:#1e1b4b;background:radial-gradient(circle at 35% 30%,#fde68a 0%,#f59e0b 55%,#b45309 100%);border:2px solid #fef08a;grid-area:1/3;width:48px;height:48px}.btn-dribble-trick.console-round-btn{color:#fff;background:radial-gradient(circle at 35% 30%,#7dd3fc 0%,#0284c7 55%,#0369a1 100%);border:2px solid #bae6fd;grid-area:1/2;width:46px;height:46px}.btn-juggle-mode.console-round-btn{color:#fff;background:radial-gradient(circle at 35% 30%,#c4b5fd 0%,#8b5cf6 55%,#6d28d9 100%);border:2px solid #ddd6fe;grid-area:1/1;width:46px;height:46px}.btn-celebrate.console-round-btn{color:#fff;background:radial-gradient(circle at 35% 30%,#6ee7b7 0%,#10b981 55%,#047857 100%);border:2px solid #a7f3d0;grid-area:2/1;width:44px;height:44px}}@media (width<=480px){.bottom-gameplay-bar{gap:.4rem;padding:.4rem .5rem}.joystick-base{width:98px;height:98px}.joystick-knob{width:44px;height:44px}.btn-shoot-goal.console-round-btn{width:54px;height:54px}.btn-sprint-mode.console-round-btn{width:44px;height:44px}.btn-dribble-trick.console-round-btn,.btn-juggle-mode.console-round-btn{width:42px;height:42px}.btn-celebrate.console-round-btn{width:40px;height:40px}.top-stadium-bar{gap:.25rem;padding:.3rem .45rem}.player-text h1{font-size:.72rem}.stat-status-pill{display:none}.score-team-badge{font-size:.56rem}.score-num{min-width:.55rem;font-size:.78rem}}.juggle-combo-badge{color:#fff;font-family:var(--font-display);letter-spacing:.05em;z-index:90;pointer-events:none;opacity:0;background:linear-gradient(135deg,#8b5cf6f2,#4f46e5f2);border:2px solid #c4b5fd;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.4rem;font-size:1.1rem;font-weight:800;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 0 30px #8b5cf699}.juggle-combo-badge.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.btn-juggle-mode{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#a78bfa;box-shadow:0 0 15px #8b5cf666}.btn-juggle-mode.active{background:linear-gradient(135deg,#ec4899,#8b5cf6);border-color:#f472b6;box-shadow:0 0 20px #ec4899b3}.waypoint-btn.locked,.zone-nav-btn.locked{opacity:.55;background:#0f172a80;border-style:dashed;border-color:#f59e0b59}.waypoint-btn.locked:hover,.zone-nav-btn.locked:hover{opacity:.95;color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b}.lock-indicator{align-items:center;display:inline-flex}.guidance-nav-pill{font-family:var(--font-mono);color:#e2e8f0;cursor:pointer;background:#0f172aeb;border:1px solid #00f2fe66;border-radius:9999px;align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.72rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #00000080,0 0 12px #00f2fe33}.guidance-nav-pill:hover{border-color:var(--accent-cyan);background:#0f172afa;transform:translateY(-1px);box-shadow:0 0 16px #00f2fe66}.guidance-dist-badge{color:#00f2fe;background:#00f2fe33;border:1px solid #00f2fe66;border-radius:9999px;padding:.1rem .45rem;font-weight:700}.unlock-banner{color:#fff;text-align:center;z-index:120;pointer-events:none;opacity:0;background:linear-gradient(135deg,#10b981f5,#065f46fa);border:2px solid #34d399;border-radius:1.25rem;padding:1.2rem 2.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 0 50px #10b98199}.unlock-banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.unlock-banner h3{font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 2px 10px #0006;font-size:1.6rem;font-weight:900}.unlock-banner p{font-family:var(--font-mono);color:#d1fae5;margin-top:.25rem;font-size:.82rem}