body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#0b0f19;color:#f0f6fc;-webkit-user-select:none;user-select:none}.worldcup-container{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at top,#141d36,#070a12)}.wc-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#0b0f19d9;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.logo-area{display:flex;align-items:center;gap:12px}.gold-trophy-icon{color:#ffca28;width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(255,202,40,.6))}.logo-area h1{font-size:1.2rem;margin:0;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,#ffca28,#ff8f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-area p{font-size:.75rem;margin:2px 0 0;color:#8b949e}.keyboard-guide{display:flex;align-items:center;gap:8px;background:#ffca281a;border:1px solid rgba(255,202,40,.2);padding:6px 14px;border-radius:20px;font-size:.75rem;color:#ffca28}.my-team-badge{display:flex;align-items:center;gap:8px;background:#ffffff14;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}.wc-main{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.panel{background:#111b2de6;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;width:100%;max-width:1000px;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-header .subtitle{font-size:.9rem;color:#8b949e;background:#ffffff08;padding:10px;border-radius:8px;border-left:4px solid #ffca28;margin-top:10px}.groups-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;max-height:450px;overflow-y:auto;padding-right:10px;margin-top:15px}.groups-container::-webkit-scrollbar{width:6px}.groups-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.group-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.group-title{margin:0 0 10px;font-size:1rem;color:#ffca28;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.group-teams{display:flex;flex-direction:column;gap:8px}.team-card-mini{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;color:#fff;text-align:left}.team-card-mini:hover{background:#ffffff26;border-color:#58a6ff;transform:translate(3px)}.team-card-mini .star-player{font-size:.7rem;color:#8b949e}.china-special{background:linear-gradient(135deg,#de291040,#ffde001a);border-color:#de291080}.versus-card{display:flex;justify-content:space-between;align-items:center;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:30px;margin-bottom:24px}.vs-team{flex:1;display:flex;flex-direction:column;align-items:center}.vs-emoji{font-size:4rem;margin-bottom:10px}.vs-players{font-size:.8rem;color:#8b949e;display:flex;flex-direction:column;gap:4px;align-items:center}.vs-mid{display:flex;flex-direction:column;align-items:center;gap:12px}.vs-badge{background:#de2910;color:#fff;font-size:1.5rem;font-weight:900;padding:6px 16px;border-radius:8px;transform:skew(-10deg)}.loading-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#8b949e;background:#ffffff0d;padding:4px 10px;border-radius:12px}.spin-icon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-start{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;padding:14px 32px;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #2ea04366}.match-layout{display:grid;grid-template-columns:2.2fr 1fr;gap:20px;width:100%;max-width:1250px}.pitch-container{background:#111b2df2;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:15px}.scoreboard{display:flex;justify-content:space-between;align-items:center;background:#0d1117;border-radius:12px;padding:12px 24px}.sb-score{display:flex;align-items:center;gap:15px;font-size:1.8rem;font-weight:900;color:#ffca28}.timer{font-size:.9rem;background:#ffffff1a;padding:4px 10px;border-radius:15px;color:#8b949e}.stadium-3d{height:440px;background:#112516;border-radius:12px;overflow:hidden;position:relative;perspective:1000px;border:2px solid rgba(255,255,255,.1)}.spotlight{position:absolute;top:-20px;width:300px;height:500px;background:radial-gradient(ellipse at top,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none;z-index:5;transform-origin:top center}.spotlight.left-light{left:10%;transform:rotate(25deg);animation:swingLeft 6s ease-in-out infinite alternate}.spotlight.right-light{right:10%;transform:rotate(-25deg);animation:swingRight 6s ease-in-out infinite alternate}@keyframes swingLeft{0%{transform:rotate(15deg)}to{transform:rotate(35deg)}}@keyframes swingRight{0%{transform:rotate(-15deg)}to{transform:rotate(-35deg)}}.shake-animation{animation:screenShake .3s ease-in-out}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(4px,-4px)}60%{transform:translate(-4px,-4px)}80%{transform:translate(4px,4px)}}.pitch-3d{width:100%;height:100%;background:repeating-linear-gradient(90deg,#1b5e20,#1b5e20 50px,#2e7d32 50px,#2e7d32 100px);position:absolute;top:0;left:0;transform:rotateX(24deg) scale(1.02);transform-origin:bottom center;border:4px solid rgba(255,255,255,.6)}.center-circle{position:absolute;top:50%;left:50%;width:100px;height:100px;border:2px solid rgba(255,255,255,.4);border-radius:50%;transform:translate(-50%,-50%)}.penalty-area{position:absolute;top:15%;width:18%;height:70%;border:2px solid rgba(255,255,255,.4)}.penalty-area.left{left:0;border-left:none}.penalty-area.right{right:0;border-right:none}.offside-line-3d{position:absolute;top:0;width:2px;height:100%;background:repeating-linear-gradient(180deg,rgba(0,191,255,.8),rgba(0,191,255,.8) 8px,transparent 8px,transparent 16px);box-shadow:0 0 8px #00bfff99;z-index:10;pointer-events:none;transition:left .3s ease-out}.offside-label{position:absolute;top:10px;left:6px;background:#00bfffd9;color:#fff;font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.shoot-zone-indicator{position:absolute;right:2%;top:15%;width:25%;height:70%;border:2px dashed rgba(255,202,40,.4);background:#ffca280d;border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:pulse 1.5s infinite}.shoot-zone-indicator span{font-size:.8rem;color:#ffca28;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.ball-3d{position:absolute;width:16px;height:16px;background:radial-gradient(circle at 30% 30%,#fff,#888);border-radius:50%;box-shadow:0 8px 10px #000000e6;z-index:100;transform:translate(-50%,-50%);pointer-events:none}.ball-trail:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(255,202,40,.6) 0%,transparent 70%);border-radius:50%;animation:trailGlow .2s infinite alternate}@keyframes trailGlow{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.4);opacity:.9}}.player-3d-token{position:absolute;transform:translate(-50%,-50%);cursor:grab;z-index:50;display:flex;flex-direction:column;align-items:center;transition:transform .1s}.player-3d-token:active{cursor:grabbing}.toy-base{width:24px;height:8px;background:#333;border-radius:50%;box-shadow:0 4px 6px #0009;border-bottom:3px solid #111}.toy-body{width:12px;height:24px;margin-top:-6px;border-radius:4px;background:linear-gradient(180deg,#1f6feb,#113f8a);box-shadow:0 4px 4px #0000004d}.player-3d-token.away .toy-body{background:linear-gradient(180deg,#de2910,#8a1105)}.toy-head{font-size:14px;margin-top:-30px;margin-bottom:6px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5))}.player-badge{background:#000000d9;border:1px solid rgba(255,255,255,.3);padding:2px 6px;border-radius:6px;font-size:.65rem;color:#fff;display:flex;flex-direction:column;align-items:center;white-space:nowrap;pointer-events:none;margin-top:4px}.player-badge .p-pos{font-size:.55rem;color:#ffca28}.cards-indicator{display:flex;gap:2px;position:absolute;top:-18px;right:-10px}.mini-card{font-size:.75rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.player-3d-token.active-controlled{z-index:60}.player-3d-token.active-controlled .toy-base{background:#ffca28;border-bottom-color:#ff8f00;box-shadow:0 0 12px #ffca28}.keyboard-indicator-dot{position:absolute;bottom:-18px;background:#ffca28;color:#111;font-size:.5rem;font-weight:900;padding:1px 4px;border-radius:3px;white-space:nowrap}.player-3d-token.dragging{transform:translate(-50%,-70%) scale(1.15)}.release-tip{position:absolute;top:-45px;background:#de2910;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap;box-shadow:0 2px 8px #00000080}.referee-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:200;display:flex;align-items:center;justify-content:center}.ref-card-box{background:#1f2937;border:3px solid #ffca28;border-radius:16px;padding:30px;text-align:center;box-shadow:0 10px 25px #00000080;max-width:350px}.ref-icon{font-size:4rem;margin-bottom:15px}.ejected-bench-container{background:#de291014;border:1px dashed rgba(222,41,16,.3);border-radius:12px;padding:12px;margin-top:10px}.bench-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bench-header span{font-size:.8rem;font-weight:700;color:#ff7b72}.bench-header small{font-size:.65rem;color:#8b949e}.bench-slots{display:flex;gap:10px;flex-wrap:wrap;min-height:40px;align-items:center}.empty-bench{font-size:.75rem;color:#8b949e;text-align:center;width:100%}.ejected-player-card{background:#0006;border:1px solid rgba(222,41,16,.4);border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:6px;font-size:.75rem;animation:slideIn .3s ease-out}.ejected-player-card.home{border-left:3px solid #1f6feb}.ejected-player-card.away{border-left:3px solid #de2910}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.tactics-panel{background:#00000059;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.control-tips{display:flex;flex-direction:column;gap:8px;margin-top:10px}.tip-badge{background:#ffffff0d;border-left:4px solid #58a6ff;padding:6px 12px;border-radius:4px;font-size:.75rem;color:#c9d1d9}.tip-badge.warning{border-left-color:#ffca28}.tip-badge.danger{border-left-color:#f85149}.match-sidebar{background:#0d1117cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:15px;display:flex;flex-direction:column;height:640px}.log-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.log-item{background:#ffffff08;padding:8px 12px;border-radius:6px;font-size:.8rem;line-height:1.4}.log-item.goal{background:#2ea04326;border-left:4px solid #2ea043;color:#56d364}.log-item.concede{background:#f8514926;border-left:4px solid #f85149;color:#ff7b72}.log-item.referee-log{background:#ffca281a;border-left:4px solid #ffca28;color:#ffca28}.penalty-panel{max-width:600px}.penalty-board{background:#0000004d;padding:15px;border-radius:10px;margin-bottom:20px}.pb-team{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pb-team .dots{display:flex;gap:6px}.pb-team .dot{width:24px;height:24px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.8rem}.pb-team .dot.success{background:#2ea043}.pb-team .dot.fail{background:#f85149}.goal-interactive-container{height:200px;background:#112516;border-radius:12px;position:relative;overflow:hidden;margin-bottom:20px}.goal-frame{width:300px;height:140px;border:6px solid #fff;border-bottom:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.goalkeeper{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:2.5rem;z-index:5}.penalty-ball{position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;z-index:4}.target-zones{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.zone{flex:1;background:transparent;border:1px dashed rgba(255,255,255,.1);cursor:pointer;display:flex;align-items:center;justify-content:center}.zone:hover{background:#ffca2826}.zone span{background:#0009;padding:4px 8px;border-radius:4px;font-size:.75rem;color:#ffca28}.trophy-panel{text-align:center;position:relative;padding:40px}.giant-trophy{width:120px;height:120px;color:#ffca28;filter:drop-shadow(0 0 20px rgba(255,202,40,.8));margin-bottom:20px}.champion-title{font-size:2.5rem;font-weight:900;background:linear-gradient(90deg,#ffca28,#ff8f00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-restart{background:#1f6feb;border:none;color:#fff;padding:12px 24px;border-radius:20px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px}