
:root{
 --bg:#050809;--bg2:#080c0e;--panel:#0b1013;--panel2:#0e1417;--gold:#d7a142;
 --gold2:#845d25;--gold3:#49351c;--text:#ddd8ce;--muted:#858581;
 --green:#54d366;--red:#ee4b42;--amber:#d69b36;--line:#3d2f1b;
}
*{box-sizing:border-box}html{background:#030506}body{margin:0;background:radial-gradient(circle at 62% -10%,#17150f 0,transparent 30%),linear-gradient(135deg,#060a0c,#030506 70%);color:var(--text);font:13px "Segoe UI",Arial,sans-serif;display:flex;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:repeating-linear-gradient(45deg,#fff 0 1px,transparent 1px 5px)}
.frame{position:fixed;inset:4px;border:1px solid #705023;pointer-events:none;z-index:50}
.sidebar{position:fixed;left:5px;top:5px;bottom:5px;width:222px;background:linear-gradient(#080b0d,#050708);border-right:1px solid #68481f;z-index:10;overflow:hidden}
.brand{height:75px;border-bottom:1px solid #3d2d18;display:flex;align-items:center;gap:11px;padding:12px 15px}.brand-mark{font:48px Georgia;color:#e0aa4e;text-shadow:0 0 15px #b27a2444}.brand strong{display:block;font:700 23px Georgia;color:#e4b362;letter-spacing:2px}.brand span{font:700 11px Georgia;color:#b8883d;letter-spacing:2px}
nav{padding:8px 8px 250px;overflow:auto;height:calc(100vh - 80px)}nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;color:#d5cec1;text-decoration:none;border:1px solid transparent;border-radius:4px;margin:2px 0}nav a i{width:22px;text-align:center;color:#d6a044;font-style:normal;font-size:18px}nav a:hover,nav a.active{border-color:#9c6d27;background:linear-gradient(90deg,#291c0b,#0d1011);color:#e7b354}
.watch-art{position:absolute;left:12px;right:12px;bottom:30px;height:190px;background:url("/static/owner_ui/odin-watch.webp") center bottom/cover no-repeat;opacity:.52;mask-image:linear-gradient(transparent,#000 25%,#000)}
.watch-copy{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:#bd8b3b;font:700 20px Georgia;letter-spacing:2px;text-shadow:0 2px 4px #000}
main{margin-left:227px;width:calc(100% - 232px);min-height:100vh;padding-bottom:35px}.topbar{height:76px;border-bottom:1px solid #5b411d;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#070b0deF;position:sticky;top:5px;z-index:8}.server-select{display:grid;grid-template-columns:auto 260px 10px auto;align-items:center;gap:8px}.server-select label{grid-column:1/-1;font:700 9px Georgia;color:#bc8b42;letter-spacing:1px;margin-bottom:-5px}.server-select select{min-width:260px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--red);box-shadow:0 0 8px var(--red)}.green{color:var(--green)!important}.red{color:var(--red)!important}.muted{color:var(--muted)}
.raven{position:absolute;right:235px;top:0;width:310px;height:75px;background:url("/static/owner_ui/raven-header.webp") center/cover no-repeat;opacity:.58;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}
.owner{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.owner>span{color:#d29a3b;font-size:20px}.owner div{display:flex;flex-direction:column;border-left:1px solid #3a2b18;padding-left:12px}.owner b{font:16px Georgia}.owner small{color:#d6a04a}.owner a{width:42px;height:42px;display:grid;place-items:center;border:1px solid #9a6c27;border-radius:50%;color:#d9a044;text-decoration:none;font:20px Georgia;margin-left:12px}
.content{padding:14px;max-width:1700px;margin:auto}.flash{padding:10px 13px;border:1px solid #74551f;background:#151006;color:#d9b56e;margin-bottom:12px;border-radius:4px}
footer{text-align:center;color:#906d38;font:10px Georgia;letter-spacing:2px;padding:12px}
.panel{background:linear-gradient(145deg,#0d1316,#080c0e);border:1px solid #49371f;border-radius:5px;padding:13px;box-shadow:inset 0 0 24px #0008,0 4px 14px #0005}.panel h2{font:700 14px Georgia;color:#d4a04a;margin:0 0 7px;letter-spacing:.6px}.sub{color:#8d8a84;font-size:10px;margin:-3px 0 12px}
.home-top{display:grid;grid-template-columns:.8fr 1fr .7fr;gap:8px}.big-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.big-actions form{margin:0}.big-actions button{width:100%;height:82px;font-size:29px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.big-actions button span{font-size:10px}.start{border-color:#225d2a!important;color:#57d86a!important;background:#0c2410!important}.restart{border-color:#79551d!important;color:#dea541!important;background:#221807!important}.stop{border-color:#6e2823!important;color:#ee5a50!important;background:#2a0e0c!important}
.damage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.damage-grid button{width:100%;height:36px}.damage-grid .good{border-color:#6c9729;color:#9fe256}.damage-grid .bad{border-color:#782b25;color:#f16459}
button,.button-link{background:#0b0e10;color:#d9a74f;border:1px solid #745324;border-radius:4px;padding:8px 10px;cursor:pointer;text-decoration:none;font-weight:700}button:hover,.button-link:hover{background:#241907}.gold{background:linear-gradient(#e0ad50,#a66f20);border-color:#bf8937;color:#1a1108}.delete{color:#f56a60;border-color:#6c2520}.panel-btn{display:block;border:1px solid #6b4c22;text-align:center;color:#d6a14a;text-decoration:none;padding:7px;margin-top:10px;font:700 10px Georgia}
.info dl,.server-card dl{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0}.info dt,.server-card dt{color:#7f7f7b}.info dd,.server-card dd{margin:0;color:#c8c1b5}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.card{min-height:280px;display:flex;flex-direction:column}.card .panel-btn{margin-top:auto}.card label,.form-panel label{display:flex;flex-direction:column;gap:5px;color:#c5beb1;margin:7px 0}.card input,.card textarea,.form-panel input,.form-panel select,.form-panel textarea,.page-title input,.search,select,input,textarea{background:#050809;border:1px solid #563d1f;color:#e0dbd2;padding:8px;border-radius:3px;outline:none}.card textarea{height:86px}
.kv,.route-list{display:grid;grid-template-columns:1fr auto;gap:7px 10px}.kv span,.route-list span{color:#a9a39a}.kv b,.route-list b{font-weight:500;color:#d2c7b5}.mini-table,.settings-table{width:100%;border-collapse:collapse}.mini-table th,.mini-table td,.settings-table th,.settings-table td{border-bottom:1px solid #2d2b26;padding:7px;text-align:left}.mini-table th,.settings-table th{color:#c7933e;font-family:Georgia}.settings-table input{width:100%}
.toggle-summary>div{display:grid;grid-template-columns:1fr 42px;align-items:center;padding:4px 0}.toggle-summary i{font-style:normal;text-align:center;border-radius:10px;padding:2px 4px;font-size:9px}.toggle-summary .yes{background:#113518;color:#6cdc79}.toggle-summary .no{background:#30110f;color:#e75e55}
.task-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #292923;padding:7px 0}.task-list time{color:#8d8a83}.shop-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #302a20}.shop-stats>div{text-align:center;padding:10px 4px;border-right:1px solid #302a20}.shop-stats>div:last-child{border:0}.shop-stats b{display:block;color:#7bdc79}.shop-stats span{font-size:9px;color:#8f8b84}
.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.quick-grid>div{border:1px solid #49371e;background:#0b1012;padding:10px;display:grid;grid-template-columns:28px 1fr;gap:2px 7px}.quick-grid span{grid-row:1/3;color:#d09a3e;font-size:23px}.quick-grid b{font:15px Georgia;color:#e0d6c7}.quick-grid small{color:#8b8881}
.page-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #45331c;padding:7px 2px 12px;margin-bottom:10px}.page-title h1{font:700 27px Georgia;color:#d7a044;margin:0}.page-title p{color:#96918a;margin:3px 0 0}.page-title .search{width:290px}
.server-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.server-card-head{display:flex;justify-content:space-between;align-items:center}.server-card h2{font-size:18px}.status-pill{padding:4px 8px;border-radius:10px;font-size:10px}.status-pill.online{background:#113819;color:#67db72}.status-pill.offline{background:#3c1310;color:#ed6257}.card-actions{display:flex;gap:8px;margin-top:15px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-panel label.check,.check{display:flex;flex-direction:row;align-items:center;gap:7px}.check input{width:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.save-wide{display:block;margin:12px auto;min-width:260px}
.action-strip{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.action-strip form{margin:0}
.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.category-grid form{display:grid;grid-template-columns:28px 1fr 80px 50px;gap:5px;align-items:center}.category-grid form>span{color:#d7a044;text-align:center}.category-grid .check{font-size:10px}
.table-head{display:flex;align-items:center;justify-content:space-between}.data-table,.rule-table{width:100%;border-collapse:collapse}.data-table th,.data-table td,.rule-table th,.rule-table td{padding:8px;border-bottom:1px solid #292a27;text-align:left}.data-table th,.rule-table th{font:700 10px Georgia;color:#d4a04b}.data-table .actions,.actions{display:flex;gap:5px;align-items:center}.actions form{display:inline}.actions a{color:#d5a147;text-decoration:none;border:1px solid #5a421f;padding:5px 7px;border-radius:3px}
.help-list>div{display:flex;flex-direction:column;border-bottom:1px solid #292820;padding:10px}.help-list b{color:#d2a04a}.help-list span{color:#999}
.zone-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px}.form-panel h3{font:700 12px Georgia;color:#c48f3d;border-top:1px solid #342818;padding-top:12px}.rule-table th:not(:first-child),.rule-table td:not(:first-child){text-align:center}.rule-table input{width:16px;height:16px;accent-color:#d29b3c}
.map-panel{position:relative;padding:0;overflow:hidden}.map-panel img{width:100%;display:block;max-height:720px;object-fit:contain;background:#020405}.map-legend{position:absolute;left:15px;bottom:15px;background:#06090bd9;border:1px solid #684a21;padding:9px;display:flex;gap:15px}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{width:9px;height:9px;border-radius:50%}.map-legend .g{background:#54d366}.map-legend .r{background:#e94b42}.map-legend .a{background:#d69a36}.map-legend .p{background:#9b62d0}
.det-row{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:center;border-bottom:1px solid #2b2924;padding:8px 0}.warning-note{border:1px solid #76551f;background:#171006;color:#d6b167;padding:10px;margin:12px 0}
.badge{border:1px solid #60461f;color:#d1a04b;padding:6px 9px;border-radius:4px}
@media(max-width:1350px){.card-grid{grid-template-columns:repeat(2,1fr)}.home-top{grid-template-columns:1fr 1fr}.home-top .info{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:950px){.sidebar{width:70px}.brand div:last-child,.nav a span,.watch-copy{display:none}.brand{padding:9px}.nav a{justify-content:center}.watch-art{display:none}main{margin-left:75px;width:calc(100% - 80px)}.raven{display:none}.two-col,.zone-grid,.server-cards{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.home-top{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr}}
.login-body{display:grid;place-items:center;min-height:100vh}.login-card{width:min(480px,92vw);text-align:center;padding:42px;background:linear-gradient(145deg,#0d1316,#070a0c);border:1px solid #765322;box-shadow:0 20px 80px #000;border-radius:8px}.login-rune{font:70px Georgia;color:#d7a142}.login-card h1{font:700 42px Georgia;color:#ddb05b;letter-spacing:4px;margin:4px}.login-card h2{font:700 16px Georgia;color:#aa7b35;letter-spacing:3px}.login-card p{color:#9c9993;line-height:1.6}.discord-login{display:block;margin-top:25px;padding:13px;background:#5865F2;color:white;text-decoration:none;border-radius:5px;font-weight:800}.server-dialog{background:#0b1013;color:#ddd8ce;border:1px solid #8a6228;border-radius:7px;min-width:460px;padding:20px}.server-dialog::backdrop{background:#000b}.server-dialog form{display:flex;flex-direction:column;gap:10px}.server-dialog label{display:flex;flex-direction:column;gap:5px}.server-dialog input,.server-dialog select{background:#050809;border:1px solid #563d1f;color:#eee;padding:9px}.muted{color:#858581}

/* Make link-buttons match Allfather console buttons */
a.button,
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
    display: inline-block;
    color: #e6a62c;
    text-decoration: none;
    border: 1px solid #8a5a0a;
    background: #090d0f;
    padding: 10px 14px;
    border-radius: 3px;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
}

a.button:hover {
    background: #17130a;
    border-color: #d49320;
    color: #f0b43c;
}
