:root{color-scheme:dark;--bg:#08070c;--panel:#110d15;--edge:#765468;--text:#f0ddd0;--muted:#b5a1ac;--accent:#bfa0ba}*{box-sizing:border-box}body{margin:0;background:#07060a url('background-art.png') center top/cover fixed;color:var(--text);font:16px Georgia,'Times New Roman',serif}body:before{content:"";position:fixed;inset:0;background:rgba(4,3,7,.84);z-index:-1}button,input{font:inherit}button{cursor:pointer;background:linear-gradient(#50304c,#2c1b32);border:1px solid #967089;color:#f8e9db;padding:10px 14px;border-radius:7px}button:hover{filter:brightness(1.25)}input{display:block;background:#120e18;color:white;border:1px solid #85657d;padding:10px;width:100%;margin:6px 0 14px}a{color:#e6c4d4}.shell{width:100%;max-width:none;margin:0 auto;min-height:100vh}.hero{height:230px;position:relative;overflow:hidden;background:#0a0710}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.hero-title{position:absolute;top:28px;left:3%;font-size:clamp(36px,5vw,78px);font-weight:bold;text-shadow:0 4px 9px #000,0 0 22px #000;color:#ead3c6}.hero-title small{display:block;font:12px Georgia;letter-spacing:3px;margin-left:8px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:58px;background:#0c0910;border-top:2px solid #9b748e;border-bottom:2px solid #765468;padding:6px 2%;flex-wrap:wrap}.topbar strong{font-size:24px}.small{padding:7px 12px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;padding:16px 1.5%}.panel{background:linear-gradient(140deg,rgba(31,22,35,.97),rgba(10,8,14,.98));border:2px solid #806078;outline:1px solid #342433;outline-offset:-6px;border-radius:15px;box-shadow:inset 0 0 24px #050309,0 7px 18px #0009}.sidebar{text-align:center;padding:16px 12px;align-self:start}.portrait{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid #96798a}.sidebar h2{margin:10px 0 0}.sidebar p{margin:3px 0 14px}.sidebar ul{list-style:none;padding:0;margin:28px 0 0;text-align:left}.sidebar li{border-top:1px solid #4c3649;padding:12px;font-size:18px}.sidebar li a{text-decoration:none}.content{min-width:0}.resources{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:16px 8px}.resource{padding:5px 12px;min-width:0;border-right:1px solid #63445b;display:flex;flex-direction:column;gap:5px}.resource:last-child{border:0}.resource img{height:34px;width:34px;object-fit:contain}.resource b{font-size:15px}.resource small{font-size:13px}.resource strong{font-size:clamp(14px,1.5vw,22px);overflow-wrap:anywhere}.meter{height:13px;border:1px solid #99768a;border-radius:20px;background:#07060a;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#734569,#b28db5);border-radius:20px}.resource:nth-child(1) .meter i{background:#a44b5b}.resource:nth-child(2) .meter i{background:#c6a06c}.resource:nth-child(4) .meter i{background:#4e9ca1}.earnings{display:grid;grid-template-columns:1fr 1.3fr;gap:14px;margin:14px 0}.earnings>.panel{min-height:75px;display:flex;align-items:center;justify-content:space-around;gap:12px;padding:14px}.earnings img{width:46px;height:46px;object-fit:contain}.earnings strong,.right b{color:#bbd98b}.earnings .meter{width:35%;min-width:60px}.columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-content:start}.tile{overflow:hidden;text-align:center;display:flex;flex-direction:column}.tile>img{width:100%;aspect-ratio:1.5;object-fit:cover}.tile-label{font-size:23px;margin:10px 4px 4px}.tile form{margin:auto 8px 12px}.tile button{width:100%}.tile p{margin:auto 8px 16px;color:var(--muted)}.right{display:flex;flex-direction:column;gap:14px}.right .panel{padding:18px}.right h2{font-size:21px;text-align:center;margin:0 0 18px}.right p{display:flex;justify-content:space-between;gap:8px}.notice{padding:14px;border:1px solid #aa849c;background:#3d283d;margin-bottom:12px}.login{max-width:1050px;margin:5vh auto;text-align:center;padding:20px}.login-banner{width:100%;max-height:270px;object-fit:cover;border:2px solid var(--edge);border-radius:15px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left}.auth-grid .panel{padding:22px}.auth-grid button{width:100%}.admin{max-width:1100px;margin:30px auto;padding:30px}.admin form{max-width:400px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #60455b;padding:10px;text-align:left}@media(max-width:1200px){.resources{grid-template-columns:repeat(4,minmax(0,1fr))}.resource:nth-child(4){border-right:0}.resource{border-bottom:1px solid #63445b}.columns{grid-template-columns:minmax(0,1fr) 230px}}@media(max-width:850px){.hero{height:180px}.layout{grid-template-columns:1fr}.sidebar{display:none}.columns{grid-template-columns:1fr}.right{display:grid;grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.hero{height:140px}.hero-title{font-size:36px}.topbar span{display:none}.layout{padding:10px}.resources{grid-template-columns:repeat(2,minmax(0,1fr))}.resource:nth-child(even){border-right:0}.earnings{grid-template-columns:1fr}.cards,.right,.auth-grid{grid-template-columns:1fr}.tile>img{aspect-ratio:2.1}}
