:root{--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #e0e0e0;--color-text-dim: #a0a0a0;--color-masters: #d63031;--color-neon: #0984e3;--color-titan: #fdcb6e;--color-awakened: #00b894;--font-main: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}button{cursor:pointer;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-text-dim);padding:var(--spacing-sm) var(--spacing-md);border-radius:4px;transition:all .2s}button:hover{background:#2d2d2d;border-color:var(--color-text)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}.screen{min-height:100vh;display:flex;flex-direction:column}.tooltip-container{position:relative;display:inline-block;cursor:help;border-bottom:1px dotted #888}.tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1000;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;box-shadow:0 2px 10px #00000080;border:1px solid #555;font-size:11px;pointer-events:none;white-space:normal}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}