@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/fonts/FiraCode-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}html,body{background-color:var(--bg-color, #0f0a14);color:var(--fg-color, #d8bfff);margin:0;padding:0;font-family:var(--font-family, "Fira Code", monospace)!important}:root{--bg-color: #0f0a14;--fg-color: #d8bfff;--header-color: #d8bfff;--panel-color-hover: #22192b;--accent-color: #b58eff;--panel-color: #1a1321;--font-family: "Fira Code", monospace}body,button,input,select,textarea{font-family:var(--font-family, "Fira Code", monospace)!important}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--bg-color);color:var(--fg-color);text-align:center;margin:0;padding:0}.logo{max-width:400px;height:auto;margin-bottom:20px}h1{font-size:2.5em;font-weight:500;letter-spacing:2px;margin:0}h2{font-size:1.2em;font-weight:400;color:var(--accent-color);margin:10px 0 30px}h3{color:var(--header-color)}.login-form{display:flex;flex-direction:column;width:300px;gap:15px}.input-field{padding:12px;background-color:var(--panel-color);border:1px solid #3a2d55;border-radius:6px;color:var(--fg-color);font-size:1em;outline:none;transition:border .3s}.input-field:focus{border-color:var(--accent-color)}.login-button{padding:12px;background:linear-gradient(to right,var(--accent-color),var(--fg-color));border:none;border-radius:6px;color:var(--bg-color);font-size:1em;cursor:pointer;transition:opacity .3s}.login-button:hover{opacity:.9}.login-button:active{opacity:.7}.dashboard-container{display:flex;height:100vh}.sidebar{width:200px;padding:20px;border-right:1px solid #3a2d55;display:flex;flex-direction:column;background-color:var(--bg-color)}.main-content{flex:1;padding:20px;overflow-y:auto;background-color:var(--bg-color)}.sidebar-header h2{margin:0;font-size:1.2em;color:var(--accent-color)}.sidebar-welcome{font-size:.9em;color:var(--accent-color);margin:10px 0}.sidebar-nav{margin-top:30px;display:flex;flex-direction:column;gap:10px}.sidebar-link{padding:10px;border:none;border-radius:6px;background:transparent;color:var(--fg-color);text-align:left;cursor:pointer;font-family:var(--font-family);font-size:1em;font-weight:500;transition:all .2s;text-decoration:none;display:block}.sidebar-link:hover{color:var(--accent-color);transform:translate(4px)}.sidebar-link:active{transform:translate(2px)}.sidebar-logout{margin-top:auto;padding:10px;border:1px solid #3a2d55;border-radius:6px;background:transparent;color:var(--accent-color);cursor:pointer;font-family:var(--font-family)}.ranking-table tr:hover{background:var(--panel-color-hover)}.clickable-region,.clickable-entry,.clickable-edition,.clickable-player{background:var(--panel-color);border:none;color:var(--accent-color);font:inherit;padding:0;margin:0;cursor:pointer;transition:text-shadow .3s ease,color .2s ease}.clickable-region:hover,.clickable-entry:hover,.clickable-edition:hover,.clickable-player:hover{text-shadow:0 0 4px var(--accent-color, #ff99ff),0 0 8px var(--accent-color, #ff99ff);color:#fff}.clickable-region:after,.clickable-entry:after,.clickable-edition:after,.clickable-player:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-color),transparent);opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(2px)}.clickable-region:hover:after,.clickable-entry:hover:after,.clickable-edition:hover:after,.clickable-player:hover:after{opacity:1;transform:translateY(0)}.info-popover{background:#222;color:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #00000080;max-width:300px}.popover-close{position:absolute;top:4px;right:4px;background:var(--panel-color);border:none;color:#aaa;cursor:pointer}@media (max-width: 768px){.dashboard-container{flex-direction:column}.sidebar{width:100%;flex-direction:column;align-items:center;padding:10px;border-right:none;border-bottom:1px solid #3a2d55;background-color:var(--bg-color)}.sidebar>div:first-child{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.sidebar p{margin:0;font-size:.8em;color:var(--accent-color)}.sidebar nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.sidebar nav a{font-size:.9em;padding:6px 10px;border-radius:6px;background:var(--panel-color);color:var(--fg-color)}.sidebar button{margin-top:10px}.main-content{padding:10px;background-color:var(--bg-color)}}body.escatologer{--bg-color: #0f0a14;--fg-color: #d8bfff;--header-color: #d8bfff;--panel-color-hover: #22192b;--accent-color: #b58eff;--panel-color: #1a1321;--font-family: "Fira Code", monospace}body.day_mode{--bg-color: #fef7e5;--fg-color: #3e2f1c;--header-color: #5c4227;--panel-color: #f9ecd2;--panel-color-hover: #f4e1bc;--accent-color: #b68100;--font-family: "EB Garamond", serif}body.cyberpunk{--bg-color: #09001a;--fg-color: #f500ff;--header-color: #d8bfff;--panel-color-hover: #220033;--accent-color: #00ffe1;--panel-color: #1a002a;--font-family: "Share Tech Mono", monospace}body.homebrew{--bg-color: #1e1a16;--fg-color: #dabfa2;--header-color: #88dd99;--panel-color-hover: #2f271f;--accent-color: #c9753d;--panel-color: #2a221c;--font-family: "Fira Code", monospace}body.maea{--bg-color: #2a001a;--fg-color: #ffc7f9;--header-color: #ff80ea;--panel-color: #4b0033;--panel-color-hover: #60003f;--accent-color: #d9006c;--font-family: "Space Grotesk", sans-serif}body.coolwave{--bg-color: #001f2f;--fg-color: #c0faff;--header-color: #7bd8ff;--panel-color: #003547;--panel-color-hover: #00475c;--accent-color: #00eaff;--font-family: "JetBrains Mono", monospace}body.sprankton{--bg-color: #331155;--fg-color: #fffb00;--header-color: #ff00d9;--panel-color: #00591f;--panel-color-hover: #00330f;--accent-color: #f70;--font-family: "Comic Neue", cursive}body.august{--bg-color: #1b1006;--fg-color: #e2cdb3;--header-color: #c0a278;--panel-color: #3a2613;--panel-color-hover: #4a321a;--accent-color: #937045;--font-family: "Cinzel", serif}