:root{--scale-min: 1;--scale-max: 1.75;--scale-floor: 1366;--scale-ceiling: 2560;--scale-factor: clamp( var(--scale-min), calc( var(--scale-min) + (var(--scale-max) - var(--scale-min)) * (100vw - var(--scale-floor) * 1px) / ((var(--scale-ceiling) - var(--scale-floor)) * 1px) ), var(--scale-max) );--space-1: calc(4px * var(--scale-factor));--space-2: calc(8px * var(--scale-factor));--space-3: calc(12px * var(--scale-factor));--space-4: calc(16px * var(--scale-factor));--space-5: calc(24px * var(--scale-factor));--space-6: calc(32px * var(--scale-factor));--space-7: calc(48px * var(--scale-factor));--space-8: calc(64px * var(--scale-factor));--takeover-max-width: calc(680px * var(--scale-factor));--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--z-base: 0;--z-hud: 10;--z-modal: 100;--z-overlay: 200;--z-tooltip: 300;--z-lockup: 400;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}:root,[data-theme=cyberpunk]{--color-bg-deep: #050510;--color-bg-base: #0a0a18;--color-bg-surface: #131325;--color-bg-elevated: #1c1c35;--color-bg-card: rgba(28, 28, 53, .6);--color-primary: #00f0ff;--color-accent: #ff2eb9;--color-success: #39ff14;--color-warning: #fff200;--color-danger: #ff3050;--color-info: #00f0ff;--color-risk-low: #39ff14;--color-risk-med: #fff200;--color-risk-high: #ff8800;--color-risk-ext: #ff3050;--color-risk-trivial: #a0f0ff;--color-badge-info: #3a7bff;--color-badge-retaliation: #ff8c1a;--color-stat-str: #ff3050;--color-stat-agi: #00d9ff;--color-stat-stl: #ff2eb9;--color-stat-rep: #ff8800;--color-stat-lck: #fff200;--color-stat-int: #39ff14;--color-hp: #ff3050;--color-stamina: #39ff14;--color-cash: #fff200;--color-gt: #ff2eb9;--color-text: #e6e6ff;--color-text-bright: #ffffff;--color-text-muted: #6b6b8a;--color-text-dim: #4a4a66;--color-text-inverse: #050510;--color-border: rgba(0, 240, 255, .15);--color-border-bright: rgba(0, 240, 255, .5);--color-border-muted: rgba(255, 255, 255, .08);--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-arabic-display: "Tajawal", sans-serif;--font-arabic-body: "Cairo", sans-serif;--font-size-xs: calc(11px * var(--scale-factor));--font-size-sm: calc(13px * var(--scale-factor));--font-size-base: calc(15px * var(--scale-factor));--font-size-md: calc(17px * var(--scale-factor));--font-size-lg: calc(20px * var(--scale-factor));--font-size-xl: calc(24px * var(--scale-factor));--font-size-2xl: calc(32px * var(--scale-factor));--font-size-3xl: calc(42px * var(--scale-factor));--font-size-display: calc(64px * var(--scale-factor));--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: 2px;--letter-spacing-wider: 4px;--letter-spacing-widest: 6px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px var(--color-primary);--shadow-glow-strong: 0 0 40px var(--color-primary);--clip-corner-sm: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);--clip-corner-md: polygon( 12px 0, 100% 0, 100% calc(100% - 12px) , calc(100% - 12px) 100%, 0 100%, 0 12px );--clip-corner-lg: polygon( 20px 0, 100% 0, 100% calc(100% - 20px) , calc(100% - 20px) 100%, 0 100%, 0 20px );--bg-pattern: radial-gradient(circle at 20% 10%, rgba(255, 46, 185, .08), transparent 50%), radial-gradient(circle at 80% 80%, rgba(0, 240, 255, .06), transparent 50%);--bg-scanlines: repeating-linear-gradient( 0deg, rgba(0, 240, 255, .02) 0px, rgba(0, 240, 255, .02) 1px, transparent 1px, transparent 3px )}[dir=rtl]{--font-display: var(--font-arabic-display);--font-body: var(--font-arabic-body);--ro-slide-out: -100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg-base);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.5;background-image:var(--bg-pattern);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=cyberpunk] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-scanlines);pointer-events:none;z-index:1000;opacity:.7}@keyframes heat-pulse-slow{0%,to{box-shadow:0 0 6px var(--color-warning)}50%{box-shadow:0 0 12px var(--color-warning)}}@keyframes heat-pulse-hot{0%,to{box-shadow:0 0 8px var(--color-danger)}50%{box-shadow:0 0 18px var(--color-danger)}}@keyframes heat-pulse-max{0%,to{box-shadow:0 0 12px var(--color-danger),0 0 4px var(--color-danger)}50%{box-shadow:0 0 22px var(--color-danger),0 0 8px var(--color-danger)}}@keyframes anon-expire-pulse{0%{filter:saturate(1) brightness(1);opacity:1}35%{filter:saturate(.2) brightness(1.6);opacity:1}to{filter:saturate(0) brightness(.9);opacity:.2}}.anon-expire-pulse{animation:anon-expire-pulse 1.6s ease-out forwards}@keyframes hud-collapse-chip-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes hud-collapse-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hud-collapse-chip{animation:hud-collapse-chip-in var(--transition-base)}.hud-collapse-panel{animation:hud-collapse-panel-in var(--transition-base)}@media (prefers-reduced-motion: reduce){.hud-collapse-chip,.hud-collapse-panel{animation:none}}@keyframes float-rise{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-44px) scale(1.15)}}@keyframes float-fade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.float-rise{animation:float-rise 2s ease-out forwards}.float-fade{animation:float-fade .7s ease-out forwards}.tutorial-track{scrollbar-width:none;-ms-overflow-style:none}.tutorial-track::-webkit-scrollbar{display:none}.heat-pip{width:10px;height:10px;border-radius:var(--radius-full);border:1px solid var(--color-bg-deep)}.heat-pip.heat-pip-off{background:var(--color-border-muted)}.heat-pip.heat-pip-on{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.heat-pip.heat-pip-hot{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger)}.heat-pulse-slow .heat-pip-on{animation:heat-pulse-slow 2s ease-in-out infinite}.heat-pulse-hot .heat-pip-hot{animation:heat-pulse-hot 2s ease-in-out infinite}.heat-pulse-max .heat-pip-hot{animation:heat-pulse-max 1s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.heat-pulse-slow .heat-pip-on,.heat-pulse-hot .heat-pip-hot,.heat-pulse-max .heat-pip-hot{animation:none}}