:root{--bg-primary: #071713;--bg-secondary: rgba(245, 235, 211, .06);--bg-glass: rgba(236, 226, 202, .08);--bg-glass-hover: rgba(236, 226, 202, .13);--bg-glass-active: rgba(236, 226, 202, .17);--bg-surface: rgba(236, 226, 202, .045);--text-primary: #fbf5e9;--text-secondary: #b9c7bd;--text-muted: #74877c;--text-inverse: #14221d;--color-punishment: #bd4b4b;--color-chain-punishment: #a33d31;--color-bonus: #39795b;--color-special: #c18a3e;--color-restart: #70598f;--color-trap: #973b35;--color-normal: rgba(237, 222, 191, .24);--color-accent: #c9a461;--color-accent-light: #e1c78e;--color-success: #4a8b68;--color-warning: #d39849;--color-danger: #c0534d;--color-info: #52808f;--player-1: #ff6b6b;--player-2: #4ecdc4;--player-3: #45b7d1;--player-4: #feca57;--player-5: #ff9ff3;--player-6: #54a0ff;--player-7: #5f27cd;--player-8: #96ceb4;--player-1-rgb: 255, 107, 107;--player-2-rgb: 78, 205, 196;--player-3-rgb: 69, 183, 209;--player-4-rgb: 254, 202, 87;--glass-blur: 12px;--glass-border: 1px solid rgba(223, 196, 142, .16);--glass-border-hover: 1px solid rgba(223, 196, 142, .3);--glass-shadow: 0 8px 32px rgba(1, 10, 8, .3);--glass-shadow-lg: 0 18px 54px rgba(1, 10, 8, .48);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--glow-sm: 0 0 8px;--glow-md: 0 0 16px;--glow-lg: 0 0 24px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--move-step-duration: .18s;--color-punishment-glow: rgba(255, 71, 87, .4);--color-bonus-glow: rgba(46, 213, 115, .4);--color-special-glow: rgba(255, 165, 2, .4);--color-restart-glow: rgba(168, 85, 247, .4);--color-trap-glow: rgba(220, 38, 38, .4);--color-chain-glow: rgba(255, 165, 2, .4);--track-start: #00d2ff;--track-mid: #667eea;--track-end: #a855f7;--track-finish: #fbbf24}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 50% -15%,rgb(64 101 82 / .25),transparent 42%),var(--bg-primary);line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:clamp(12px,2.5vw,16px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}@media(max-width:480px){body{font-size:13px}}@media(max-width:360px){body{font-size:12px}}#app{width:100%;margin:0 auto;padding:0;font-weight:400;min-height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);min-height:44px;touch-action:manipulation;text-decoration:none;line-height:1.2}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(180deg,#e1c27f,#b98e47);color:#17231f;border:1px solid #e8cc92;box-shadow:0 5px 18px #050f0c5c}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 22px #050f0c70}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-secondary:not(:disabled):hover{background:var(--bg-glass-hover);border-color:#fff3;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #ef44444d}.btn-danger:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #22c55e4d}.btn-success:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.btn-icon{display:inline-flex;align-items:center;font-size:1.1em}.btn-text{white-space:nowrap}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:var(--spacing-lg)}.glass-card:hover{border-color:#ffffff26}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgb(199 157 82 / .12),transparent 40%),#020c0ad1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:modalFadeIn .3s ease}.modal-content{background:linear-gradient(rgb(255 255 255 / .025),transparent 28%),#12231e;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid rgb(218 181 111 / .38);border-radius:22px;box-shadow:var(--glass-shadow-lg),inset 0 0 0 4px #ffffff05;max-width:min(500px,92vw);width:100%;max-height:90vh;overflow-y:auto;padding:var(--spacing-xl);animation:modalSlideIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}a,.green{text-decoration:none;color:var(--color-accent-light);transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#667eea33}}@media(max-width:767px){*{-webkit-tap-highlight-color:transparent}button,.btn{min-height:44px;touch-action:manipulation}}@media(max-width:360px){button,.btn{min-height:40px;padding:.5rem .75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}