:root{--bg-primary:#0a0a0f;--bg-surface-1:#ffffff05;--bg-surface-2:#ffffff0a;--bg-surface-3:#ffffff0f;--text-primary:#fff;--text-secondary:#ffffff8c;--text-tertiary:#ffffff73;--text-muted:#ffffff73;--border-subtle:#ffffff0f;--border-medium:#ffffff1a;--color-positive:#22c55e;--color-negative:#ef4444;--color-warning:#eab308;--color-us:#3b82f6;--color-cn:#ef4444;--accent:#3b82f6;--hover-bg:#ffffff0f;--hover-border:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:auto}body{background:var(--bg-primary)}input[type=range]{appearance:none;background:var(--border-medium);touch-action:none;border-radius:4px;outline:none;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;border:2px solid var(--bg-primary);background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 12px #0000,0 2px 6px #0000004d}input[type=range]::-moz-range-thumb{cursor:pointer;border:2px solid var(--bg-primary);background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 12px #0000,0 2px 6px #0000004d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@keyframes eraFadeIn{0%{opacity:0;transform:scale(1.1)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes eraTitlePulse{0%{filter:drop-shadow(0 0 20px #ffffff4d)}50%{filter:drop-shadow(0 0 60px #fff9)}to{filter:drop-shadow(0 0 20px #ffffff4d)}}@keyframes scoreFlashGreen{0%{background:#22c55e4d}to{background:0 0}}@keyframes scoreFlashRed{0%{background:#ef44444d}to{background:0 0}}@keyframes phaseFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:rotateY(90deg)scale(.8)}60%{opacity:1;transform:rotateY(-5deg)scale(1.02)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes glowPulseGreen{0%{filter:drop-shadow(0 0 3px #22c55e00)}50%{filter:drop-shadow(0 0 8px #22c55ecc)}to{filter:drop-shadow(0 0 3px #22c55e00)}}@keyframes glowPulseRed{0%{filter:drop-shadow(0 0 3px #ef444400)}50%{filter:drop-shadow(0 0 8px #ef4444cc)}to{filter:drop-shadow(0 0 3px #ef444400)}}.phase-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02);box-shadow:0 0 20px #ffffff26}@media (width<=768px){html,body,#root{height:auto;overflow:auto}.phase-btn{min-height:48px;font-size:15px}}@media (width<=375px){input[type=range]::-webkit-slider-thumb{width:28px;height:28px}input[type=range]::-moz-range-thumb{width:28px;height:28px}}@media (width>=769px) and (width<=1024px){html,body,#root{overflow:auto}}@keyframes gambitSuccess{0%{opacity:0;transform:scale(.8)translateY(10px)}20%{opacity:1;transform:scale(1.05)translateY(0)}40%{transform:scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes gambitFail{0%{opacity:0;transform:scale(.8)}10%{opacity:1;transform:scale(1.02)}20%{transform:translate(-4px)}30%{transform:translate(4px)}40%{transform:translate(-3px)}50%{transform:translate(3px)}60%{transform:translate(0)}70%{opacity:1}to{opacity:0}}@keyframes accidentFlash{0%{box-shadow:0 0 #ef444400}30%{box-shadow:0 0 20px #ef444466}60%{box-shadow:0 0 10px #ef444433}to{box-shadow:0 0 #ef444400}}@keyframes accidentFlashMinor{0%{box-shadow:0 0 #eab30800}30%{box-shadow:0 0 16px #eab3084d}60%{box-shadow:0 0 8px #eab30826}to{box-shadow:0 0 #eab30800}}@keyframes scoreCountUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scorePositive{0%{color:var(--color-positive);transform:scale(1.3)}to{color:var(--text-primary);transform:scale(1)}}@keyframes scoreNegative{0%{color:var(--color-negative);transform:scale(1.3)}to{color:var(--text-primary);transform:scale(1)}}@keyframes eraCinematic{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}20%{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}80%{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes eraTextReveal{0%{letter-spacing:20px;opacity:0}50%{letter-spacing:5px;opacity:1}to{letter-spacing:2px;opacity:1}}@keyframes achievementUnlock{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{opacity:1;transform:scale(1.2)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes mapRegionPulse{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}@keyframes opponentCardFlip{0%{opacity:0;transform:rotateY(90deg)scale(.9)}50%{opacity:1;transform:rotateY(-5deg)scale(1.02)}to{opacity:1;transform:rotateY(0)scale(1)}}@keyframes riskGaugePulse{0%{box-shadow:0 0 #eab30800}50%{box-shadow:0 0 12px #eab30866}to{box-shadow:0 0 #eab30800}}@keyframes newsSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes advisorFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes blocEventPulse{0%{border-color:#ef444426}50%{border-color:#ef444466}to{border-color:#ef444426}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent,#3b82f6);outline-offset:2px}.skip-nav{background:var(--bg-primary,#0a0a0f);color:#fff;z-index:10000;border:2px solid var(--accent,#3b82f6);border-radius:0 0 8px;padding:8px 16px;font-size:14px;transition:top .2s;position:absolute;top:-40px;left:0}.skip-nav:focus{top:0}.hover-scale-glow-blue{transition:transform .3s,box-shadow .3s}.hover-scale-glow-blue:hover,.hover-scale-glow-blue:focus-visible{transform:scale(1.05);box-shadow:0 0 40px #3b82f666}.hover-scale-glow-red{transition:transform .3s,box-shadow .3s}.hover-scale-glow-red:hover,.hover-scale-glow-red:focus-visible{transform:scale(1.05);box-shadow:0 0 40px #ef444466}.hover-scale-glow-green{transition:transform .3s,box-shadow .3s}.hover-scale-glow-green:hover,.hover-scale-glow-green:focus-visible{transform:scale(1.05);box-shadow:0 0 40px #22c55e4d}.hover-border-highlight{transition:all .2s}.hover-border-highlight:hover,.hover-border-highlight:focus-visible{border-color:var(--hover-border,#ffffff4d)!important;background:var(--hover-bg,#ffffff0f)!important}.hover-border-highlight[data-selected=true]:hover,.hover-border-highlight[data-selected=true]:focus-visible{border-color:unset!important;background:unset!important}.hover-bg-highlight{transition:background .15s}.hover-bg-highlight:hover,.hover-bg-highlight:focus-visible{background:#ffffff0f!important}.hover-card-lift{transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.hover-card-lift:hover,.hover-card-lift:focus-visible{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d;border-color:#ffffff2e!important}.hover-card-lift[data-selected=true]:hover{transform:translateY(-4px)scale(1.02)}.hover-scale-up{transition:transform .15s,box-shadow .15s}.hover-scale-up:hover,.hover-scale-up:focus-visible{transform:scale(1.03);box-shadow:0 6px 24px #ef444466}.hover-save-slot{transition:all .2s}.hover-save-slot:hover,.hover-save-slot:focus-visible{box-shadow:0 0 12px #22c55e26;border-color:#22c55e99!important}.hover-text-highlight{transition:all .2s}.hover-text-highlight:hover,.hover-text-highlight:focus-visible{color:#fff!important;border-color:#ffffff4d!important}@media (prefers-reduced-motion:reduce){.hover-scale-glow-blue:hover,.hover-scale-glow-red:hover,.hover-scale-glow-green:hover,.hover-card-lift:hover,.hover-scale-up:hover{transform:none}}