*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #060d1a;--bg-card: #0b1627;--bg-panel: #101e33;--bg-raised: #152540;--bg-hover: #1a2e4a;--gold: #c9a84c;--gold-light: #e8cc80;--gold-dim: #6a5520;--gold-glow: rgba(201, 168, 76, .18);--cyan: #00c8e8;--cyan-dim: #005870;--green: #00e87a;--green-dim: #005830;--red: #e84040;--red-dim: #5a1010;--text: #cddaf0;--text-dim: #5878a0;--text-muted: #2a3c55;--border: rgba(201, 168, 76, .12);--border-hi: rgba(201, 168, 76, .35);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--font-display: "Cinzel", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--t-fast: .12s ease;--t-mid: .22s ease;--t-slow: .4s ease}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg-deep);background-image:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(10,40,90,.55) 0%,transparent 70%),radial-gradient(ellipse 70% 50% at 85% 110%,rgba(6,25,60,.45) 0%,transparent 70%);background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.5;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;color:var(--gold);letter-spacing:.04em}p{line-height:1.65}code,kbd,pre{font-family:var(--font-mono);font-size:.88em}::selection{background:#c9a84c47;color:var(--gold-light)}:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px;transition:background var(--t-fast)}::-webkit-scrollbar-thumb:hover{background:var(--gold)}*{scrollbar-width:thin;scrollbar-color:var(--gold-dim) var(--bg-card)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-body);color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);transition:border-color var(--t-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}input[type=range]{accent-color:var(--gold);cursor:pointer}a{color:var(--cyan);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--gold-light)}#root{display:flex;flex-direction:column;min-height:100dvh}#root:empty:before{content:"♠";display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;font-size:56px;color:#c9a84c26;animation:pulse-card 1.4s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes scoreReveal{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-card{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes streak-pulse{0%,to{text-shadow:0 0 8px rgba(255,160,40,.4)}50%{text-shadow:0 0 20px rgba(255,160,40,.9)}}@media (max-width: 720px){.trainer-grid{grid-template-columns:1fr!important}.main-pad{padding:10px!important}}@supports (padding-top: env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-left{padding-left:env(safe-area-inset-left)}.safe-right{padding-right:env(safe-area-inset-right)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}