:root{--ink:#e9e7e1;--muted:#8e928f;--faint:#5f6462;--surface:#111513;--panel:#161b18;--raised:#1b211e;--line:#2a302d;--green:#8db79d;--green2:#b8d7c2;--gold:#bfa36a;--red:#d37676;--amber:#d3a357;--blue:#7fa6bb;--sidebar:252px;--radius:14px;--shadow:0 24px 60px rgba(0,0,0,.28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0e1210;color:var(--ink)}body{font-size:14px}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.18em}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.25fr) minmax(380px,.75fr);background:radial-gradient(circle at 20% 30%,#26342c 0,transparent 33%),linear-gradient(140deg,#101612,#0b0e0c)}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:9vw;color:#e6e5df;border-right:1px solid #27302b}.login-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 74px,rgba(255,255,255,.018) 75px 76px),radial-gradient(ellipse at 50% 130%,rgba(191,163,106,.22),transparent 58%);pointer-events:none}.brand-emblem{position:relative;width:82px;height:82px;margin-bottom:28px;border:1px solid #77715d;display:grid;place-items:center;transform:rotate(45deg);box-shadow:inset 0 0 30px #0006}.brand-emblem span{transform:rotate(-45deg);font-family:Georgia,serif;color:var(--gold);font-size:42px}.login-art h1{position:relative;margin:0;max-width:700px;font-family:Georgia,serif;font-size:clamp(50px,6vw,92px);font-weight:400;line-height:.95;letter-spacing:-.045em}.login-art h1 i{color:var(--green2);font-weight:400}.login-art>p:not(.eyebrow){position:relative;max-width:580px;margin:28px 0;color:#a8aca9;font-size:17px;line-height:1.7}.login-trust{position:relative;display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#aeb5b0;font-size:12px}.login-trust span:before{content:"✓";margin-right:7px;color:var(--green)}.login-panel{align-self:center;width:min(430px,80%);margin:auto}.login-panel h2{font:400 38px Georgia,serif;margin:0 0 8px}.login-panel>p.muted{margin-bottom:30px;line-height:1.6}.login-panel label,.dialog-card label,.field{display:grid;gap:8px;margin:15px 0;color:#c6c8c5;font-size:12px;font-weight:700;letter-spacing:.02em}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#111613;color:var(--ink);padding:12px 13px;outline:none;transition:.18s}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(141,183,157,.11)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:9px;padding:10px 15px;background:#27302b;color:var(--ink);font-weight:750;cursor:pointer;transition:.16s}.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--green);color:#101512}.btn.danger{background:#7b3f3f;color:#fff}.btn.gold{background:#8b7447;color:white}.btn.ghost{background:transparent;border-color:var(--line)}.btn.small{padding:7px 10px;font-size:12px}.wide{width:100%;margin-top:12px}.btn.wide{justify-content:space-between;padding:13px 16px}.form-error{min-height:20px;color:var(--red);font-size:12px}.bootstrap-hint{padding:12px;border-left:2px solid var(--gold);background:#191812;color:#c7bc9d;line-height:1.55}.mobile-mark{display:none}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;background:#0d110f;border-right:1px solid #242a27}.wordmark{height:79px;display:flex;align-items:center;gap:12px;padding:0 20px;color:var(--ink);text-decoration:none;border-bottom:1px solid #202622}.mark{width:36px;height:36px;border:1px solid #73674c;display:grid;place-items:center;transform:rotate(45deg);color:var(--gold);font-family:Georgia,serif;font-size:21px}.wordmark>span:last-child{display:grid}.wordmark b{font-family:Georgia,serif;font-size:18px;letter-spacing:.08em}.wordmark small{font-size:8px;color:var(--muted);letter-spacing:.22em}#primary-nav{overflow-y:auto;padding:13px 10px 24px;scrollbar-width:thin}#primary-nav p{margin:19px 12px 7px;color:#565d59;font-size:9px;font-weight:800;letter-spacing:.18em}#primary-nav a{height:39px;display:flex;align-items:center;gap:11px;margin:2px 0;padding:0 11px;border-radius:8px;color:#9ea4a0;text-decoration:none;font-size:13px;font-weight:600;transition:.15s}#primary-nav a i{width:20px;color:#6e7872;font-style:normal;font-size:16px;text-align:center}#primary-nav a:hover{background:#171c19;color:#d8dad7}#primary-nav a.active{background:#202823;color:var(--green2);box-shadow:inset 2px 0 var(--green)}#primary-nav a.active i{color:var(--green)}.sidebar-foot{height:52px;margin-top:auto;display:flex;align-items:center;gap:8px;padding:0 18px;border-top:1px solid #202622;color:#727a75;font-size:10px}.sidebar-foot small{margin-left:auto}.live-dot{width:7px;height:7px;border-radius:50%;background:#6fac84;box-shadow:0 0 9px #6fac84}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{position:sticky;z-index:20;top:0;height:79px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(14,18,16,.94);border-bottom:1px solid #242a27;backdrop-filter:blur(14px)}.command-search{position:relative;width:min(570px,52vw);display:flex;align-items:center;gap:10px}.command-search>span{position:absolute;left:13px;color:var(--muted);font-size:21px}.command-search input{height:40px;padding-left:42px;padding-right:65px;background:#151a17}.command-search kbd{position:absolute;right:10px;padding:3px 6px;border:1px solid #343a37;border-radius:5px;color:#737a76;background:#101411;font:10px inherit}.search-results{position:absolute;top:48px;left:0;right:0;max-height:420px;overflow:auto;padding:7px;background:#171d1a;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.search-result{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.search-result:hover{background:#242b27}.search-result i{width:28px;height:28px;display:grid;place-items:center;background:#28322c;border-radius:7px;color:var(--green);font-style:normal}.search-result span{display:grid}.search-result small{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.health-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #2b352f;border-radius:999px;color:#aab3ad;font-size:11px}.health-pill i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.health-pill.healthy i{background:#67ad80}.health-pill.bad i{background:var(--red)}.user-menu{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink);cursor:pointer}.user-menu>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#38463e;color:var(--green2);font:700 14px Georgia}.user-menu>span:nth-child(2){display:grid;text-align:left}.user-menu small{font-size:10px;color:var(--muted);text-transform:capitalize}.user-menu i{color:var(--faint)}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#161b18;color:#a8aeaa;cursor:pointer}.nav-open,.nav-close{display:none}.page{padding:31px 32px 70px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head h1{margin:3px 0 4px;font:400 clamp(29px,3vw,42px) Georgia,serif}.page-head p{margin:0;color:var(--muted)}.head-actions{display:flex;align-items:center;gap:9px}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#171c19,#141815);box-shadow:0 8px 30px rgba(0,0,0,.08)}.card h2,.card h3{margin:0}.card h2{font:400 21px Georgia,serif}.card h3{font-size:13px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.card-head p{margin:4px 0 0}.kpi{min-height:127px;overflow:hidden}.kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-25px;top:-33px;background:radial-gradient(circle,#50655844,transparent 70%)}.kpi-label{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.kpi-label i{color:var(--green);font-style:normal}.kpi-value{margin:18px 0 5px;font:400 31px Georgia,serif}.kpi-foot{color:var(--muted);font-size:11px}.status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#26342d;color:#a8d0b7;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.failed,.status.bad,.status.closed,.status.cancelled{background:#3a2525;color:#e5a0a0}.status.pending,.status.running,.status.in_progress,.status.high{background:#3a3223;color:#dfbd7c}.status.offline{background:#292d2a;color:#89908c}.status.urgent{background:#5a2929;color:#ffb4b4}.table-wrap{width:100%;overflow:auto;border:1px solid #252c28;border-radius:10px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 13px;border-bottom:1px solid #252b28;text-align:left}th{position:sticky;top:0;background:#181e1a;color:#7e8681;font-size:9px;text-transform:uppercase;letter-spacing:.11em}td{color:#c6cac7;font-size:12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1c231f}.link{padding:0;border:0;background:transparent;color:var(--green2);cursor:pointer;text-decoration:none;font-weight:700}.avatar-name{display:flex;align-items:center;gap:9px}.mini-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#2c3731;color:#a6c8b2;font:700 11px Georgia}.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.toolbar input{max-width:330px}.toolbar select{width:auto;min-width:140px}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-action{min-height:74px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#171d19;color:var(--ink);cursor:pointer;text-decoration:none}.quick-action:hover{border-color:#4b5f53;background:#1d2520}.quick-action i{font-style:normal;color:var(--green);font-size:18px}.quick-action small{color:var(--muted)}.activity{display:grid;gap:0}.activity-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid #252b28}.activity-row:last-child{border:0}.activity-row>i{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--green)}.activity-row p{margin:0;font-size:12px}.activity-row small{color:var(--muted);font-size:10px}.banner{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:14px 17px;border:1px solid #3d4438;border-radius:11px;background:#1a201b;color:#c8c9bd}.banner.warning{border-color:#574a2f;background:#211d14}.banner.danger{border-color:#553232;background:#241717}.banner i{font-style:normal;font-size:20px;color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.form-grid .full{grid-column:1/-1}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #252b28}.metric-row:last-child{border:0}.metric-row span{color:var(--muted)}.metric-row b{font-weight:650}.tabs{display:flex;gap:4px;padding:4px;margin-bottom:17px;border:1px solid var(--line);border-radius:10px;background:#111512;overflow:auto}.tab{padding:8px 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap}.tab.active{background:#28322c;color:var(--green2)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.item-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:#151a17;cursor:pointer}.item-card:hover{border-color:#56685e}.item-card h3{font-size:13px}.item-card p{margin:6px 0 0;color:var(--muted);font-size:11px}.online-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.map-card{padding:15px;border:1px solid var(--line);border-radius:12px;background:#151a17}.map-card>.split{margin-bottom:10px}.player-chip{display:flex;align-items:center;justify-content:space-between;padding:9px;border-top:1px solid #242a27}.player-chip small{color:var(--muted)}.empty{min-height:220px;display:grid;place-content:center;text-align:center}.empty>span{color:var(--faint);font-size:30px}.empty h3{margin:10px 0 5px}.loading{min-height:55vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading span{width:28px;height:28px;margin:auto;border:2px solid #28302c;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;z-index:100;right:20px;top:20px;display:grid;gap:8px}.toast{max-width:370px;padding:13px 15px;border:1px solid #3d4b43;border-radius:10px;background:#1c2520;color:#d8e1db;box-shadow:var(--shadow);animation:toast-in .2s ease}.toast.error{border-color:#633c3c;background:#2b1d1d;color:#f2b8b8}@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}}dialog{width:min(530px,calc(100vw - 28px));padding:0;border:1px solid #353d38;border-radius:15px;background:#171c19;color:var(--ink);box-shadow:0 30px 90px #000b}dialog::backdrop{background:#050706b8;backdrop-filter:blur(4px)}.dialog-card{position:relative;padding:25px}.dialog-card h2{margin:0;font:400 27px Georgia,serif}.dialog-close{position:absolute;right:14px;top:12px;border:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.nav-scrim{display:none}
@media(max-width:1100px){.grid.kpis{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:1fr 1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0}.nav-open,.nav-close{display:grid}.nav-close{position:absolute;right:-48px;top:20px}.sidebar:not(.open) .nav-close{display:none}.nav-scrim{position:fixed;z-index:25;inset:0;background:#050705aa}.nav-scrim.open{display:block}.command-search{width:min(500px,55vw)}}
@media(max-width:720px){.login-screen{display:block;padding:30px 18px}.login-art{display:none}.login-panel{width:100%;max-width:430px;padding-top:10vh}.mobile-mark{display:block;margin-bottom:55px;color:var(--gold);font-family:Georgia,serif;letter-spacing:.12em}.mobile-mark b{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:9px;border:1px solid var(--gold)}.topbar{height:65px;padding:0 13px}.command-search{width:auto;flex:1;margin:0 8px}.command-search kbd,.user-menu>span:nth-child(2),.user-menu>i,.health-pill{display:none}.top-actions{gap:5px}.page{padding:22px 14px 50px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.head-actions{width:100%;overflow:auto}.grid.kpis,.grid.two,.grid.three{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.card{padding:15px}.table-wrap{margin-left:-4px;width:calc(100% + 8px)}.toolbar input,.toolbar select{max-width:none;width:100%}.toast-stack{left:12px;right:12px;top:12px}.toast{max-width:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* R11 Owner UX: presentation-only extensions over the validated backend. */
.section-gap{margin-top:16px}.empty.compact{min-height:150px}.danger-text{color:#e49a9a}.context-actions{position:relative;display:inline-flex}.context-actions.profile{z-index:4}.action-menu{position:fixed;z-index:90;width:246px;max-height:min(570px,calc(100vh - 24px));overflow:auto;padding:7px;border:1px solid #3a443f;border-radius:12px;background:#151b18;box-shadow:0 24px 70px #000b}.action-menu-player{display:flex;align-items:center;gap:9px;margin:2px 2px 6px;padding:8px;border-bottom:1px solid var(--line)}.action-menu-player>span:last-child{display:grid}.action-menu-player small{color:var(--muted)}.action-menu>button{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.action-menu>button:hover,.action-menu>button:focus-visible{background:#253029;outline:none}.action-menu>button i{color:var(--green);font-style:normal;text-align:center}.selected-context{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 0 16px;padding:15px 17px;border:1px solid #435148;border-radius:12px;background:linear-gradient(135deg,#1b2520,#151a17)}.selected-context h2,.selected-context p{margin:0}.selected-context .eyebrow{margin-bottom:4px}.selected-context>div>p:last-child{color:var(--muted);font-size:12px}.context-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#34483c;color:var(--green2);font:700 18px Georgia,serif}.workflow-steps{display:flex;gap:6px;flex-wrap:wrap;margin:-10px 0 16px}.workflow-steps span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}.workflow-steps span.done{border-color:#446151;background:#1d2922;color:var(--green2)}
.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:16px}.visual-grid{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:13px}.visual-item-card{display:grid;grid-template-rows:150px 1fr auto;min-height:325px;padding:0;overflow:hidden;cursor:default;background:#141916}.visual-item-card:hover{border-color:#52675b;transform:translateY(-1px)}.item-art{position:relative;min-height:150px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#2f3b34,#111512 70%);border-bottom:1px solid var(--line)}.item-art.large{min-height:260px;border:1px solid var(--line);border-radius:12px}.item-art .item-fallback{font-size:45px;color:#718078;filter:drop-shadow(0 8px 14px #000)}.item-art .item-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:15px;image-rendering:auto;filter:drop-shadow(0 13px 17px #000a)}.item-art .asset-source{position:absolute;right:8px;bottom:7px;padding:4px 7px;border-radius:999px;background:#0a0d0bbd;color:#8f9792;font-size:9px;letter-spacing:.03em}.item-art.asset-loaded .item-fallback{display:none}.item-art.asset-loaded .asset-source{color:#b2d0bd}.item-card-copy{padding:14px}.item-card-copy h3{margin:10px 0 5px;font:400 18px Georgia,serif}.item-card-copy p{margin:4px 0;line-height:1.45}.type-pill{display:inline-flex;padding:4px 7px;border-radius:999px;background:#29342e;color:#a9c6b4;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.type-pill.ancient{background:#3a3020;color:#d8bd83}.item-card-actions{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 14px}.item-card-actions .btn{flex:1;white-space:nowrap}.builder-return{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px;padding:14px 17px;border:1px solid #66583a;border-radius:12px;background:#211e16}.builder-return p{margin-bottom:3px}.set-panel{align-self:start;position:sticky;top:95px}.item-detail-layout{display:grid;grid-template-columns:minmax(240px,370px) 1fr;gap:23px;align-items:center}.item-detail-layout h2{margin:4px 0 8px;font:400 30px Georgia,serif}.capability-list{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.capability-list span{padding:6px 9px;border:1px solid #37443c;border-radius:999px;background:#1c2520;color:#b7c9be;font-size:10px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.set-piece-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:9px}.set-piece{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#141916}.set-piece>span{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#27322c;color:var(--green)}.set-piece>div{display:grid}.set-piece small{color:var(--muted)}
.visual-builder{margin:15px 0;padding:15px;border:1px solid #37423c;border-radius:12px;background:#111613}.builder-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.builder-heading h3{font:400 20px Georgia,serif}.builder-heading p{margin:3px 0}.builder-count{padding:5px 8px;border-radius:999px;background:#26332c;color:#a8c9b5;font-size:10px}.builder-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.builder-empty{min-height:145px;display:grid;place-items:center;align-content:center;gap:5px;padding:17px;border:1px dashed #354039;border-radius:10px;color:var(--muted);text-align:center}.builder-empty span{font-size:32px;color:var(--green)}.builder-empty b{color:var(--ink)}.builder-contents{display:grid;gap:7px}.builder-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#171d19}.builder-kind{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;background:#28342d;color:var(--green2);font-size:18px}.builder-row>div:nth-child(2){display:grid}.builder-row small{color:var(--muted)}.builder-row-actions{display:flex;gap:9px}.friendly-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.option-section{padding:13px;border:1px solid var(--line);border-radius:10px;background:#131815}.option-section h3{margin-bottom:10px}.option-section .field{margin:0}.choice-grid{display:grid;gap:7px}.choice{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;margin:0!important;padding:9px;border:1px solid #2f3934;border-radius:8px;background:#171d19;cursor:pointer}.choice input{width:auto;margin:3px 0 0}.choice span{display:grid}.choice small{color:var(--muted);font-weight:400}.selected-item .item-art{width:78px;min-height:78px;border:1px solid var(--line);border-radius:10px}.selected-item .item-art .item-fallback{font-size:25px}.selected-item .item-art .asset-source{display:none}.gift-item-choice,.player-choice{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#141916;color:var(--ink);text-align:left;cursor:pointer}.gift-item-choice:hover,.player-choice:hover{border-color:#50645a;background:#1b231f}.gift-item-choice .item-art{width:65px;min-height:65px;border:0;border-radius:8px}.gift-item-choice .item-art .item-fallback{font-size:24px}.gift-item-choice .asset-source{display:none}.gift-item-choice>span,.player-choice>span:nth-child(2){display:grid}.gift-item-choice small,.player-choice small{color:var(--muted)}.compact-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.player-picker,.item-picker{margin-bottom:15px;padding:15px;border:1px dashed #3a4740;border-radius:12px;background:#121714}.player-picker h3,.item-picker h3{margin:0}.player-picker p,.item-picker p{margin-top:4px}.player-choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.player-choice{width:100%}.player-choice .status{margin-left:auto}.saved-packages{display:grid;gap:0;margin-top:16px}.gift-currency{margin-top:12px}
@media(max-width:1050px){.catalog-layout{grid-template-columns:1fr}.set-panel{position:static}.item-detail-layout{grid-template-columns:minmax(220px,300px) 1fr}.friendly-options{grid-template-columns:1fr}}
@media(max-width:720px){.selected-context{grid-template-columns:auto 1fr}.selected-context>.btn{grid-column:1/-1;width:100%}.context-avatar{width:42px;height:42px}.visual-grid{grid-template-columns:1fr}.visual-item-card{grid-template-rows:145px 1fr auto}.catalog-layout{display:block}.set-panel{margin-top:16px}.item-detail-layout{grid-template-columns:1fr}.item-art.large{min-height:210px}.builder-return{align-items:flex-start;flex-direction:column}.builder-return .btn{width:100%}.builder-toolbar .btn{flex:1 1 46%}.builder-row{grid-template-columns:38px 1fr}.builder-row-actions{grid-column:1/-1;justify-content:flex-end}.friendly-options{grid-template-columns:1fr}.action-menu{width:min(280px,calc(100vw - 20px))}.workflow-steps{display:grid;grid-template-columns:1fr}.selected-item .item-art{width:60px;min-height:60px}.item-card-actions{display:grid;grid-template-columns:1fr 1fr}.item-card-actions .btn:last-child:nth-child(3){grid-column:1/-1}.quick-grid{grid-template-columns:1fr 1fr}}

/* ========================================================================== 
   MYTHOS COMMAND CENTER — VISUAL R1
   Presentation-only layer. Backend/API/RBAC behavior is intentionally untouched.
   Website visual authority: #06070a / #0e1117 / #12161d + antique gold.
   ========================================================================== */
:root{
  --ink:#f4f0e9;
  --muted:#a2a6af;
  --faint:#6f747f;
  --surface:#0e1117;
  --panel:#12161d;
  --raised:#171c24;
  --line:rgba(214,178,107,.18);
  --green:#d2ad67;
  --green2:#f0d28e;
  --gold:#d2ad67;
  --gold-bright:#f0d28e;
  --gold-deep:#9d7437;
  --red:#c85a52;
  --amber:#d2ad67;
  --blue:#8296aa;
  --success:#68ad83;
  --success-soft:#9ed0ae;
  --ember:#a5332d;
  --radius:12px;
  --shadow:0 30px 90px rgba(0,0,0,.46);
  --serif:"Cinzel",Georgia,"Times New Roman",serif;
  --sans:"Inter","Segoe UI",Arial,sans-serif;
  font-family:var(--sans);
}
html,body{background:#06070a;color:var(--ink)}
body{background:
  radial-gradient(circle at 82% -10%,rgba(210,173,103,.045),transparent 28%),
  radial-gradient(circle at 8% 110%,rgba(165,51,45,.035),transparent 34%),
  #06070a}
::selection{background:rgba(210,173,103,.28);color:#fff8ea}
.eyebrow{color:var(--gold);font-family:var(--sans);font-weight:700;letter-spacing:.19em}

/* Cinematic login */
.login-screen{position:relative;isolation:isolate;display:block;min-height:100vh;overflow:hidden;background:#06070a url('/static/mythos/hero-poster.webp') center/cover no-repeat}
.mythos-login-video{position:absolute;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.08) brightness(.72);transform:scale(1.012)}
.mythos-login-shade{position:absolute;z-index:-3;inset:0;pointer-events:none}
.mythos-login-shade-base{background:linear-gradient(90deg,rgba(4,5,8,.68) 0%,rgba(4,5,8,.38) 45%,rgba(4,5,8,.68) 100%)}
.mythos-login-shade-vignette{background:radial-gradient(ellipse at center,transparent 24%,rgba(2,3,5,.30) 62%,rgba(2,3,5,.79) 100%)}
.mythos-login-shade-bottom{background:linear-gradient(180deg,rgba(6,7,10,.12) 0%,rgba(6,7,10,.18) 53%,rgba(6,7,10,.82) 100%)}
.login-stage{min-height:100vh;width:min(1440px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,460px);align-items:center;gap:clamp(42px,7vw,110px);padding:64px 0}
.login-brand{position:relative;max-width:720px;align-self:center;padding:24px 0;text-shadow:0 3px 28px rgba(0,0,0,.72)}
.login-emblem{position:absolute;z-index:-1;width:min(390px,52vw);height:auto;left:-94px;top:50%;transform:translateY(-52%);opacity:.12;filter:saturate(.65) drop-shadow(0 32px 60px #000)}
.login-logo{display:block;width:min(420px,60vw);height:auto;margin:-38px 0 -70px -22px;filter:drop-shadow(0 26px 52px rgba(0,0,0,.82))}
.login-brand h1{margin:0;font-family:var(--serif);font-size:clamp(44px,5vw,74px);font-weight:500;line-height:.98;letter-spacing:-.035em;color:#f7f2e9}
.login-brand h1 span{color:var(--gold-bright);font-weight:500;text-shadow:0 0 28px rgba(210,173,103,.15),0 3px 28px #000}
.login-lead{max-width:620px;margin:24px 0 0;color:#bdc0c8;font-size:16px;line-height:1.75}
.login-trust{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:28px;color:#babec7;font-size:11px;letter-spacing:.02em}
.login-trust span{display:inline-flex;align-items:center;gap:8px}
.login-trust span:before{content:"";width:5px;height:5px;border-radius:50%;margin:0;background:var(--gold);box-shadow:0 0 12px rgba(210,173,103,.45)}
.login-panel{position:relative;align-self:center;width:100%;margin:0;padding:34px 34px 28px;border:1px solid rgba(210,173,103,.22);border-radius:18px;background:linear-gradient(155deg,rgba(17,20,27,.91),rgba(8,10,14,.94));box-shadow:0 34px 100px rgba(0,0,0,.60),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px) saturate(1.05)}
.login-panel:before{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent);opacity:.62}
.login-panel-brand{display:flex;align-items:center;gap:11px;margin-bottom:29px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.065)}
.login-panel-brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.55))}
.login-panel-brand>span{display:grid;gap:2px}
.login-panel-brand b{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.11em;color:#f6f0e5}
.login-panel-brand small{font-size:8px;font-weight:700;letter-spacing:.24em;color:var(--gold)}
.login-panel h2{margin:0 0 9px;font-family:var(--serif);font-size:31px;font-weight:500;line-height:1.2;letter-spacing:-.02em;color:#f4f0e9}
.login-panel>p.muted{margin:0 0 26px;color:#989da7;line-height:1.62}
.login-panel label{color:#d4d1ca;font-size:11px;letter-spacing:.045em}
.login-panel input{height:48px;border-color:rgba(255,255,255,.10);border-radius:10px;background:rgba(5,7,10,.68);color:#f5f1e9;padding:12px 14px;box-shadow:inset 0 1px 10px rgba(0,0,0,.18)}
.login-panel input:hover{border-color:rgba(210,173,103,.22)}
.login-panel input:focus{border-color:rgba(240,210,142,.72);box-shadow:0 0 0 3px rgba(210,173,103,.09),inset 0 1px 10px rgba(0,0,0,.16)}
.login-panel .btn.primary{min-height:49px;margin-top:18px;border:1px solid rgba(240,210,142,.55);background:linear-gradient(180deg,#e0bd78,#b98f48);color:#16110a;box-shadow:0 12px 30px rgba(92,59,19,.20),inset 0 1px rgba(255,255,255,.26);font-weight:800;letter-spacing:.02em}
.login-panel .btn.primary:hover{filter:brightness(1.06);box-shadow:0 15px 38px rgba(103,67,21,.28),0 0 0 1px rgba(240,210,142,.13)}
.login-secure-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:13px;padding-top:17px;border-top:1px solid rgba(255,255,255,.055);color:#777d87;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.login-secure-note span{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(104,173,131,.5)}
.bootstrap-hint{border-left-color:var(--gold);background:rgba(96,70,30,.16);color:#cfc2a8}
.form-error{color:#e18179}
.mobile-mark{display:none!important}

/* MYTHOS global shell */
.app-shell{background:transparent}
.sidebar{background:linear-gradient(180deg,#090c10,#080a0d 72%);border-right:1px solid rgba(210,173,103,.12);box-shadow:18px 0 55px rgba(0,0,0,.10)}
.wordmark{height:79px;gap:10px;padding:0 16px;border-bottom:1px solid rgba(210,173,103,.12);background:linear-gradient(180deg,rgba(210,173,103,.025),transparent);overflow:hidden}
.wordmark-emblem{width:46px;height:46px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 7px 15px rgba(0,0,0,.55));transform:scale(1.08)}
.wordmark b{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.105em;color:#f7f0e4}
.wordmark small{font-size:8px;font-weight:700;color:var(--gold);letter-spacing:.235em}
#primary-nav{padding:13px 10px 24px}
#primary-nav p{color:#666b75;font-size:8px;letter-spacing:.21em}
#primary-nav a{color:#9ea2aa;border:1px solid transparent}
#primary-nav a i{color:#727783}
#primary-nav a:hover{background:rgba(210,173,103,.045);border-color:rgba(210,173,103,.07);color:#eee9df}
#primary-nav a.active{background:linear-gradient(90deg,rgba(210,173,103,.135),rgba(210,173,103,.035));border-color:rgba(210,173,103,.12);color:#f0d28e;box-shadow:inset 2px 0 var(--gold)}
#primary-nav a.active i{color:var(--gold-bright)}
.sidebar-foot{border-top:1px solid rgba(210,173,103,.11);color:#6f747e;background:rgba(0,0,0,.10)}
.live-dot{background:var(--success);box-shadow:0 0 10px rgba(104,173,131,.75)}
.main{background:transparent}
.topbar{background:rgba(8,10,13,.88);border-bottom:1px solid rgba(210,173,103,.12);backdrop-filter:blur(18px) saturate(1.08)}
.command-search input{border-color:rgba(255,255,255,.085);background:rgba(15,18,24,.86)}
.command-search input:focus{border-color:rgba(210,173,103,.55);box-shadow:0 0 0 3px rgba(210,173,103,.07)}
.command-search kbd{border-color:rgba(210,173,103,.13);background:#090c10;color:#7e8188}
.search-results{background:#11151b;border-color:rgba(210,173,103,.16);box-shadow:0 26px 70px rgba(0,0,0,.50)}
.search-result:hover{background:rgba(210,173,103,.07)}
.search-result i{background:rgba(210,173,103,.10);color:var(--gold)}
.realm-chip{padding:5px 9px;border:1px solid rgba(210,173,103,.18);border-radius:999px;color:#8f826b;background:rgba(210,173,103,.025);font-size:8px;font-weight:800;letter-spacing:.14em}
.health-pill{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.018);color:#9ba0a9}
.health-pill.healthy{border-color:rgba(104,173,131,.22);color:#9cc9ab;background:rgba(104,173,131,.055)}
.health-pill.healthy i{background:var(--success);box-shadow:0 0 9px rgba(104,173,131,.58)}
.health-pill.bad{border-color:rgba(200,90,82,.25);color:#df908a;background:rgba(165,51,45,.065)}
.user-menu>span:first-child{background:linear-gradient(145deg,#332b20,#201b15);border:1px solid rgba(210,173,103,.16);color:var(--gold-bright);font-family:var(--serif)}
.user-menu b{color:#ece7de}.user-menu small{color:#878b94}
.icon-btn{border-color:rgba(210,173,103,.12);background:#10141a;color:#9fa3ab}
.icon-btn:hover{border-color:rgba(210,173,103,.30);color:#e9d0a0;background:#151820}

/* Operational surfaces */
.page{background:transparent}
.page-head h1{font-family:var(--serif);font-weight:500;color:#f4efe6;letter-spacing:-.025em}
.card{border-color:rgba(210,173,103,.14);background:linear-gradient(145deg,rgba(18,22,29,.96),rgba(12,15,20,.96));box-shadow:0 18px 48px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.018)}
.card h2{font-family:var(--serif);font-weight:500;color:#eee8de}
.card:hover{border-color:rgba(210,173,103,.20)}
.kpi:after{background:radial-gradient(circle,rgba(210,173,103,.10),transparent 70%)}
.kpi-label i,.quick-action i,.link{color:var(--gold)}
.kpi-value{font-family:var(--serif);color:#f3eee5}
.quick-action{border-color:rgba(210,173,103,.12);background:#11151b}
.quick-action:hover{border-color:rgba(210,173,103,.27);background:rgba(210,173,103,.055)}
.activity-row{border-bottom-color:rgba(255,255,255,.055)}
.activity-row>i{background:var(--gold)}
.table-wrap{border-color:rgba(210,173,103,.12);background:rgba(8,10,14,.12)}
th,td{border-bottom-color:rgba(255,255,255,.055)}
th{background:#11151b;color:#777c86}
tbody tr:hover{background:rgba(210,173,103,.035)}
input,select,textarea{border-color:rgba(255,255,255,.09);background:#0e1217;color:var(--ink)}
input:focus,select:focus,textarea:focus{border-color:rgba(210,173,103,.58);box-shadow:0 0 0 3px rgba(210,173,103,.08)}
.btn{background:#191e25;color:#e7e3db}
.btn.primary{border-color:rgba(240,210,142,.38);background:linear-gradient(180deg,#d7b46f,#aa7f3d);color:#171109;box-shadow:0 8px 22px rgba(86,56,18,.13)}
.btn.gold{border-color:rgba(240,210,142,.34);background:linear-gradient(180deg,#b99655,#8e6932);color:#fff5df}
.btn.ghost{border-color:rgba(210,173,103,.15);background:rgba(255,255,255,.012)}
.btn.ghost:hover{border-color:rgba(210,173,103,.32);background:rgba(210,173,103,.045)}
.btn.danger{border-color:rgba(218,101,93,.34);background:linear-gradient(180deg,#843c38,#632a28);color:#fff1ef}
.banner{border-color:rgba(210,173,103,.15);background:#11161c;color:#cbc6ba}
.banner.warning{border-color:rgba(210,173,103,.24);background:#19150e}
.banner.danger{border-color:rgba(200,90,82,.26);background:#1d1010}

/* Status colors: gold for neutral workflow state; green reserved for real health/success. */
.status{background:rgba(210,173,103,.10);color:#d4b97e}
.status.online,.status.healthy,.status.success,.status.completed,.status.approved,.status.delivered,.status.active,.status.open{background:rgba(104,173,131,.11);color:#9ed0ae}
.status.failed,.status.bad,.status.closed,.status.cancelled,.status.rejected{background:rgba(165,51,45,.13);color:#e59b95}
.status.pending,.status.running,.status.in_progress,.status.high{background:rgba(210,173,103,.12);color:#dfbd7c}
.status.offline{background:rgba(255,255,255,.055);color:#858a92}

/* Owner UX components inherit the MYTHOS material system. */
.action-menu{border-color:rgba(210,173,103,.19);background:#11161c;box-shadow:0 28px 78px rgba(0,0,0,.60)}
.action-menu>button:hover,.action-menu>button:focus-visible{background:rgba(210,173,103,.07)}
.action-menu>button i{color:var(--gold)}
.selected-context{border-color:rgba(210,173,103,.20);background:linear-gradient(135deg,rgba(210,173,103,.065),#11151a)}
.context-avatar{background:#2b241b;color:var(--gold-bright)}
.workflow-steps span.done{border-color:rgba(210,173,103,.27);background:rgba(210,173,103,.075);color:var(--gold-bright)}
.visual-item-card{background:#10141a}.visual-item-card:hover{border-color:rgba(210,173,103,.30)}
.item-art{background:radial-gradient(circle at 50% 45%,#29231c,#0b0e12 72%)}
.type-pill{background:rgba(210,173,103,.10);color:#d7bc83}
.visual-builder,.gift-item-choice,.player-choice,.builder-row,.choice{background:#10141a;border-color:rgba(210,173,103,.12)}
.builder-kind,.set-piece>span{background:rgba(210,173,103,.10);color:var(--gold-bright)}
.builder-empty span{color:var(--gold)}

/* Dialog and overlays */
dialog::backdrop{background:rgba(2,3,5,.72);backdrop-filter:blur(5px)}
.dialog-card{border-color:rgba(210,173,103,.20)!important;background:linear-gradient(155deg,#151920,#0d1015)!important;box-shadow:0 38px 110px rgba(0,0,0,.66)!important}
.toast{border-color:rgba(210,173,103,.16)!important;background:#12171d!important}

@media(max-width:980px){
  .login-stage{width:min(100% - 48px,720px);grid-template-columns:1fr;gap:20px;padding:38px 0 52px}
  .login-brand{text-align:center;margin:auto;padding:0}
  .login-emblem{left:50%;top:40%;transform:translate(-50%,-50%);width:min(380px,70vw)}
  .login-logo{width:min(330px,70vw);margin:-30px auto -62px}
  .login-brand h1{font-size:clamp(35px,7vw,54px)}
  .login-lead{margin-left:auto;margin-right:auto;font-size:14px}
  .login-trust{justify-content:center}
  .login-panel{max-width:500px;margin:auto}
  .realm-chip{display:none}
}
@media(max-width:720px){
  .login-stage{width:calc(100% - 28px);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:22px 0 30px}
  .login-brand{display:none}
  .login-panel{padding:25px 20px 22px;border-radius:15px;background:linear-gradient(155deg,rgba(15,18,24,.92),rgba(7,9,12,.95))}
  .login-panel:before{left:20px;right:20px}
  .login-panel-brand{margin-bottom:22px;padding-bottom:16px}
  .login-panel h2{font-size:25px}
  .login-panel>p.muted{font-size:12px}
  .mythos-login-video{object-position:center center}
  .wordmark-emblem{width:42px;height:42px}
  .wordmark b{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .mythos-login-video{display:none}
}

/* MYTHOS Visual R1 FIX1: safe premium catalog presentation. */
.visual-item-card{grid-template-rows:190px 1fr auto;min-height:390px;border-color:rgba(210,173,103,.14);background:linear-gradient(180deg,#12171d 0%,#0d1116 100%);box-shadow:0 20px 38px rgba(0,0,0,.18)}
.visual-item-card:hover{border-color:rgba(220,181,107,.42);box-shadow:0 23px 48px rgba(0,0,0,.31),0 0 0 1px rgba(220,181,107,.05)}
.item-art{--visual-accent:#cba45e;--visual-glow:rgba(203,164,94,.20);isolation:isolate;min-height:190px;background:radial-gradient(circle at 50% 43%,var(--visual-glow),transparent 34%),linear-gradient(155deg,#171d24 0%,#0b0f14 69%,#080b0f 100%);border-bottom-color:rgba(210,173,103,.14)}
.item-art::before{content:"";position:absolute;z-index:-1;width:132px;height:132px;border:1px solid color-mix(in srgb,var(--visual-accent) 24%,transparent);border-radius:50%;box-shadow:0 0 45px var(--visual-glow),inset 0 0 35px rgba(0,0,0,.42)}
.item-art::after{content:"";position:absolute;left:18%;right:18%;bottom:19px;height:12px;border-radius:50%;background:#000;filter:blur(8px);opacity:.66}
.item-art[data-category="weapon"]{--visual-accent:#d5ae69;--visual-glow:rgba(213,174,105,.21)}
.item-art[data-category="armor"]{--visual-accent:#c3aa77;--visual-glow:rgba(150,163,169,.19)}
.item-art[data-category="shield"]{--visual-accent:#d2a55a;--visual-glow:rgba(192,139,56,.23)}
.item-art[data-category="wing"]{--visual-accent:#d8c797;--visual-glow:rgba(185,206,210,.22)}
.item-art[data-category="skill"]{--visual-accent:#bda06d;--visual-glow:rgba(175,130,64,.22)}
.item-art[data-category="jewel"]{--visual-accent:#5fc59e;--visual-glow:rgba(62,203,153,.22)}
.item-art[data-category="consumable"]{--visual-accent:#d86f61;--visual-glow:rgba(216,72,77,.20)}
.item-art[data-category="misc"]{--visual-accent:#b79861;--visual-glow:rgba(183,152,97,.18)}
.item-art .item-thumb{z-index:1;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);padding:12px;object-fit:contain;filter:drop-shadow(0 17px 19px rgba(0,0,0,.65));transition:transform .22s ease,filter .22s ease}
.visual-item-card:hover .item-thumb{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 20px 23px rgba(0,0,0,.72))}
.item-art .category-placeholder{padding:14px 25px}
.item-art.large{min-height:300px;background:radial-gradient(circle at 50% 45%,var(--visual-glow),transparent 36%),linear-gradient(155deg,#171d24,#090d12 72%)}
.item-art.large .category-placeholder{padding:25px 50px}
.item-art .asset-source{z-index:2;right:10px;bottom:9px;padding:5px 8px;border:1px solid rgba(216,180,111,.18);background:rgba(5,8,11,.82);color:#c8ad78;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;backdrop-filter:blur(8px)}
.item-art.asset-loaded .asset-source{color:#c8ad78}
.item-card-copy{padding:16px 16px 13px}
.item-card-copy h3{margin:11px 0 7px;color:#f0eadf;font-size:19px;line-height:1.2}
.item-card-copy p{color:#848d91;font-size:11px}
.type-pill{border:1px solid rgba(210,173,103,.12);background:#1b2528;color:#adbbb8}
.item-card-actions{padding:0 16px 16px;margin-top:auto}
.set-piece-visual{width:46px!important;height:46px!important;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(203,164,94,.18),#11171b 70%)!important;border:1px solid rgba(210,173,103,.16)}
.set-piece-visual img{width:100%;height:100%;object-fit:contain;padding:4px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.55))}

@media(max-width:720px){.visual-item-card{grid-template-rows:170px 1fr auto;min-height:365px}.item-art{min-height:170px}.item-art.large{min-height:230px}.item-art .category-placeholder{padding:12px 36px}.item-art.large .category-placeholder{padding:20px 42px}}


/* MYTHOS Item Catalog Image Fix R1 */
.item-art{background:radial-gradient(circle at 50% 42%,rgba(191,163,106,.16),transparent 33%),radial-gradient(circle at 50% 46%,#162019 0,#0f1412 72%);}
.item-art.exact .item-thumb{padding:12px 16px 22px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.58));}
.item-art.pending .item-thumb{padding:34px;opacity:.94;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));}
.item-art.mini{min-height:64px;width:64px;min-width:64px;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:0 0 64px;}
.item-art.mini .item-thumb{padding:9px;}
.item-art.mini .item-fallback{font-size:20px;}
.item-art.mini .asset-source{display:none;}
.item-art.large.exact .item-thumb{padding:18px 22px 28px;}
.item-art.large.pending .item-thumb{padding:52px;}
.item-fallback{opacity:.5}
.asset-source{backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.06);}
.item-art.exact .asset-source{color:#d8c08c;background:rgba(12,14,13,.78);}
.item-art.pending .asset-source{color:#9aa39e;background:rgba(12,14,13,.82);}
.set-piece{align-items:center;}
.set-piece .item-art{border-bottom:none;}


/* =========================================================
   MYTHOS COMMAND CENTER — VISUAL R2 / DASHBOARD
   Visual-only dashboard layer. Existing component styles remain intact.
   ========================================================= */
.mythos-command-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;min-height:250px;margin-bottom:18px;padding:34px 36px;border:1px solid rgba(191,163,106,.28);border-radius:20px;background:linear-gradient(115deg,rgba(9,12,11,.97) 0%,rgba(15,20,17,.95) 55%,rgba(20,18,13,.94) 100%);box-shadow:0 28px 80px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)}
.mythos-command-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(191,163,106,.05) 1px,transparent 1px),linear-gradient(rgba(191,163,106,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#0006,transparent 78%);pointer-events:none}
.mythos-command-hero-glow{position:absolute;z-index:-1;right:-120px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(191,163,106,.19),rgba(191,163,106,.035) 38%,transparent 70%);filter:blur(3px)}
.mythos-command-hero-emblem{position:absolute;z-index:-1;right:34px;top:50%;width:280px;height:280px;object-fit:contain;transform:translateY(-50%);opacity:.10;filter:sepia(.35) saturate(.7) drop-shadow(0 0 34px rgba(191,163,106,.18))}
.mythos-command-hero-copy{max-width:920px}.mythos-command-title-row{display:flex;align-items:flex-start;gap:22px;justify-content:space-between}.mythos-command-title-row h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.2vw,62px);font-weight:400;line-height:1;letter-spacing:-.035em}.mythos-command-title-row>div>p{max-width:690px;margin:13px 0 0;color:var(--muted);font-size:15px;line-height:1.65}
.mythos-realm-state{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;margin-top:5px;padding:9px 12px;border:1px solid rgba(141,183,157,.28);border-radius:999px;background:rgba(56,88,69,.17);color:#b7d6c1;font-size:10px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.mythos-realm-state i{width:7px;height:7px;border-radius:50%;background:#75c38e;box-shadow:0 0 0 4px rgba(117,195,142,.09),0 0 18px rgba(117,195,142,.45)}.mythos-command-hero.is-alert .mythos-realm-state{border-color:rgba(211,118,118,.34);background:rgba(116,47,47,.14);color:#e3a0a0}.mythos-command-hero.is-alert .mythos-realm-state i{background:var(--red);box-shadow:0 0 0 4px rgba(211,118,118,.09)}
.mythos-command-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.mythos-command-meta span{display:flex;align-items:baseline;gap:6px;padding:8px 11px;border:1px solid rgba(191,163,106,.14);border-radius:9px;background:rgba(6,8,7,.36);color:#9fa59f;font-size:11px}.mythos-command-meta b{color:#d9d7cf;font-size:12px}.mythos-command-hero-actions{position:relative;z-index:2;display:flex;gap:8px;align-items:center}
.mythos-command-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:18px}.mythos-command-kpi{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;min-height:120px;padding:18px 19px;border:1px solid rgba(191,163,106,.16);border-radius:14px;background:linear-gradient(145deg,rgba(22,27,24,.98),rgba(13,17,15,.98));color:var(--ink);text-decoration:none;transition:border-color .16s ease,transform .16s ease,background .16s ease}.mythos-command-kpi:hover{border-color:rgba(191,163,106,.42);transform:translateY(-1px);background:linear-gradient(145deg,rgba(25,31,27,.98),rgba(15,19,17,.98))}.mythos-command-kpi>i{color:#77694d;font-style:normal}.mythos-command-kpi-icon{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(191,163,106,.22);border-radius:11px;background:linear-gradient(145deg,#282417,#151710);color:#d1af67;font-size:18px}.mythos-command-kpi div{min-width:0}.mythos-command-kpi small{display:block;color:#777f7a;font-size:9px;font-weight:800;letter-spacing:.12em}.mythos-command-kpi strong{display:block;overflow:hidden;margin:5px 0 3px;color:#eeeae0;font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;line-height:1.05;text-overflow:ellipsis}.mythos-command-kpi p{margin:0;color:#777f7a;font-size:10px}
.mythos-command-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:13px;margin-bottom:13px}.mythos-command-lower-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:13px}.mythos-realm-settings-card,.mythos-command-work-card,.mythos-command-actions-card,.mythos-command-activity-card{border-color:rgba(191,163,106,.16)}
.mythos-realm-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.mythos-realm-setting{min-height:126px;padding:16px;border:1px solid #292d28;border-radius:12px;background:linear-gradient(155deg,#181c19,#111412)}.mythos-realm-setting>span{display:block;color:#7d857f;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.mythos-realm-setting strong{display:block;margin:15px 0 7px;color:#e8e1cf;font-family:Georgia,"Times New Roman",serif;font-size:21px;font-weight:400}.mythos-realm-setting small{color:#6f7772;font-size:10px}.mythos-realm-note{display:flex;gap:11px;align-items:flex-start;margin-top:10px;padding:11px 13px;border-left:2px solid #806d42;background:rgba(191,163,106,.055)}.mythos-realm-note>span{color:#c6a45d}.mythos-realm-note p{margin:0;color:#8e9690;font-size:10px;line-height:1.55}.mythos-realm-note b{color:#cfc8b8}
.mythos-work-rows{display:grid;gap:7px}.mythos-work-rows a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid #292e2a;border-radius:10px;background:#131714;color:var(--ink);text-decoration:none}.mythos-work-rows a:hover{border-color:#5c5239;background:#171a15}.mythos-work-rows span{display:flex;align-items:center;gap:9px}.mythos-work-rows i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#211f17;color:#c8a75f;font-style:normal}.mythos-work-rows b{font-size:11px}.mythos-work-rows strong{color:#d6c28e;font-size:12px;font-weight:700}
.mythos-command-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mythos-command-action{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;min-height:72px;padding:11px;border:1px solid #292e2a;border-radius:11px;background:#131714;color:var(--ink);text-decoration:none}.mythos-command-action:hover{border-color:#665a3c;background:#181a15}.mythos-command-action-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#2a2417,#171812);color:#d3ad61;font-size:16px}.mythos-command-action span:nth-child(2){display:grid;gap:3px}.mythos-command-action b{font-size:11px}.mythos-command-action small{color:#777f7a;font-size:9px}.mythos-command-action>i{color:#655c45;font-style:normal}
.mythos-command-activity{display:grid}.mythos-command-activity-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #272c28}.mythos-command-activity-row:last-child{border-bottom:0}.mythos-command-activity-dot{width:7px;height:7px;border-radius:50%;background:#8c7748;box-shadow:0 0 0 4px rgba(140,119,72,.07)}.mythos-command-activity-row p{display:flex;gap:6px;flex-wrap:wrap;margin:0;color:#a1a69f;font-size:10px}.mythos-command-activity-row p b{color:#dedad0}.mythos-command-activity-row small{display:block;margin-top:3px;color:#6f7772;font-size:9px}.mythos-command-activity-row time{color:#666e69;font-size:9px;white-space:nowrap}
@media(max-width:1180px){.mythos-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mythos-command-main-grid,.mythos-command-lower-grid{grid-template-columns:1fr}.mythos-realm-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mythos-command-hero{grid-template-columns:1fr;min-height:0;padding:24px 20px}.mythos-command-hero-emblem{right:-50px;width:230px;height:230px}.mythos-command-title-row{display:block}.mythos-command-title-row h1{font-size:39px}.mythos-realm-state{margin-top:17px}.mythos-command-hero-actions{display:grid;grid-template-columns:1fr 1fr}.mythos-command-hero-actions .btn{justify-content:center}.mythos-command-meta{margin-top:20px}.mythos-command-kpis{grid-template-columns:1fr 1fr}.mythos-command-kpi{min-height:105px;padding:14px;grid-template-columns:auto 1fr}.mythos-command-kpi>i{display:none}.mythos-command-kpi-icon{width:35px;height:35px}.mythos-command-kpi strong{font-size:21px}.mythos-realm-settings{grid-template-columns:1fr 1fr}.mythos-command-actions{grid-template-columns:1fr}}
@media(max-width:480px){.mythos-command-kpis,.mythos-realm-settings{grid-template-columns:1fr}.mythos-command-meta span{flex:1 1 44%}.mythos-command-hero-actions{grid-template-columns:1fr}}


/* =========================================================
   MYTHOS COMMAND CENTER — VISUAL R4 / ADMINISTRATION & LIVEOPS
   ========================================================= */
.r4-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;min-height:154px;margin-bottom:16px;padding:26px 30px;border:1px solid rgba(210,173,103,.20);border-radius:18px;background:linear-gradient(125deg,rgba(12,15,20,.98),rgba(18,22,28,.96) 58%,rgba(28,23,14,.88));box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.025)}
.r4-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(210,173,103,.035) 1px,transparent 1px),linear-gradient(rgba(210,173,103,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#0008,transparent 88%)}
.r4-hero-glow{position:absolute;z-index:-1;right:-120px;top:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(210,173,103,.15),rgba(210,173,103,.025) 38%,transparent 70%)}
.r4-hero-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(210,173,103,.28);border-radius:15px;background:linear-gradient(145deg,#292318,#12151a);color:#e2bd74;font-size:25px;box-shadow:inset 0 1px rgba(255,255,255,.03),0 14px 30px rgba(0,0,0,.28)}
.r4-hero-copy h1{margin:0;font-family:var(--serif);font-size:clamp(31px,3.4vw,47px);font-weight:500;letter-spacing:-.03em;color:#f4efe6}.r4-hero-copy>p:not(.eyebrow){max-width:860px;margin:8px 0 0;color:#91969f;line-height:1.62}
.r4-hero-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.r4-hero-chips span{padding:6px 9px;border:1px solid rgba(210,173,103,.14);border-radius:999px;background:rgba(6,8,11,.38);color:#a5a098;font-size:9px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}
.r4-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.r4-stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.r4-stat{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:100px;padding:15px 16px;border:1px solid rgba(210,173,103,.12);border-radius:13px;background:linear-gradient(145deg,#151a21,#0e1217)}.r4-stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#1b1b17;color:#ba9a5a;border:1px solid rgba(210,173,103,.13)}.r4-stat small{display:block;color:#727983;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.r4-stat strong{display:block;margin:4px 0 2px;color:#eee8dd;font:500 22px var(--serif)}.r4-stat p{margin:0;color:#727983;font-size:9px}.r4-stat.green .r4-stat-icon{background:rgba(64,112,80,.13);color:#8dc8a0}.r4-stat.red .r4-stat-icon{background:rgba(130,53,48,.14);color:#dc837c}.r4-stat.gold .r4-stat-icon{background:rgba(154,117,53,.14);color:#dfba72}
.r4-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.r4-section-gap{margin-top:13px}.r4-control-card{border-color:rgba(210,173,103,.19)}.r4-card-kicker{margin-bottom:8px;color:#967f51;font-size:8px;font-weight:900;letter-spacing:.16em}.r4-risk-tag{padding:5px 8px;border:1px solid rgba(211,118,118,.26);border-radius:999px;background:rgba(112,45,42,.11);color:#df928b;font-size:8px;font-weight:900;letter-spacing:.09em}.r4-risk-tag.neutral{border-color:rgba(210,173,103,.20);background:rgba(210,173,103,.05);color:#bfaa7c}
.r4-form{display:grid;gap:11px}.r4-form label{margin:0}.r4-notice{display:flex;gap:12px;align-items:flex-start;margin:0 0 15px;padding:13px 15px;border:1px solid rgba(210,173,103,.16);border-radius:12px;background:linear-gradient(90deg,rgba(210,173,103,.055),rgba(14,17,22,.7))}.r4-notice>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;background:#262116;color:#d1ad66}.r4-notice b{color:#ddd7cc;font-size:11px}.r4-notice p{margin:4px 0 0;color:#818891;font-size:10px;line-height:1.55}.r4-notice.success>span{background:rgba(68,111,81,.16);color:#8fc9a1}
.r4-inline-note{display:flex;gap:9px;align-items:flex-start;margin-top:13px;padding:10px 11px;border-left:2px solid #715f3e;background:rgba(210,173,103,.035)}.r4-inline-note>span{color:#c8a562}.r4-inline-note p{margin:0;color:#858b93;font-size:10px;line-height:1.5}
.r4-event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:11px}.r4-event-card{padding:0;overflow:hidden}.r4-event-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(90deg,rgba(210,173,103,.045),transparent)}.r4-event-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#211d15;color:#d6b16a}.r4-event-head small{color:#706d64;font-size:8px;font-weight:800;letter-spacing:.12em}.r4-event-head h2{margin:2px 0;font-size:18px}.r4-event-head p{margin:0;color:#737b83;font-size:9px}.r4-event-control{padding:5px 8px;border:1px solid #38332a;border-radius:999px;color:#a99a7c;font-size:8px}.r4-event-levels{padding:8px 15px 13px}.r4-event-levels>div{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.045)}.r4-event-levels>div:last-child{border-bottom:0}.r4-event-levels>div>span{width:6px;height:6px;border-radius:50%;background:#816d45}.r4-event-levels p{display:grid;gap:2px;margin:0}.r4-event-levels b{font-size:10px}.r4-event-levels small{color:#737b83;font-size:9px}
.r4-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r4-role-card{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #292d31;border-radius:10px;background:#10141a}.r4-role-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#2a2418,#17181a);color:#d3ae67;font:600 16px var(--serif)}.r4-role-card>div{display:grid;gap:3px}.r4-role-card b{text-transform:capitalize;font-size:10px}.r4-role-card small{color:#747a82;font-size:9px}.r4-permission-count{color:#b7ab92;font-variant-numeric:tabular-nums}
.r4-filter-stack{display:grid;gap:9px}.r4-approval-list{display:grid;gap:8px}.r4-approval-list article{padding:12px;border:1px solid #302d29;border-radius:11px;background:#11151a}.r4-approval-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.r4-approval-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#2a2116;color:#d7ab5f}.r4-approval-top>div{display:grid}.r4-approval-top b{font-size:10px}.r4-approval-top small{color:#7c8289;font-size:9px}.r4-payload{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.045)}.r4-payload span{display:grid;gap:2px;min-width:120px;padding:6px 8px;border-radius:8px;background:#0c1015}.r4-payload small{color:#696f77;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.r4-payload b{max-width:220px;overflow:hidden;color:#bbb6ab;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.r4-policy-list{display:grid}.r4-policy-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.r4-policy-list>div:last-child{border-bottom:0}.r4-policy-list>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#1d1b16;color:#b79b63}.r4-policy-list p{display:grid;gap:2px;margin:0}.r4-policy-list b{font-size:10px}.r4-policy-list small{color:#747b83;font-size:8px}
.r4-audit-filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) auto;gap:8px;align-items:end;margin-bottom:13px}.r4-audit-filters label{display:grid;gap:5px}.r4-audit-filters label small{color:#737983;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.r4-action-name{font-weight:700;color:#d6d0c5}.r4-change{display:grid;grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);gap:7px;align-items:start}.r4-change>i{padding-top:17px;color:#6e6655;font-style:normal}.r4-change>div>small{display:block;margin-bottom:3px;color:#686e76;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.r4-audit-value{display:grid;gap:2px}.r4-audit-value span{display:flex;gap:4px;color:#aaa69d;font-size:8px}.r4-audit-value small{color:#6f756f;font-size:7px}.r4-hash{color:#9e9278;font-size:9px}
.r4-maintenance-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:14px}.r4-maintenance-steps>div{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #292d31;border-radius:10px;background:#10141a;color:#666d75}.r4-maintenance-steps span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#171b21;color:#777f87;font-size:9px}.r4-maintenance-steps b{text-transform:capitalize;font-size:9px}.r4-maintenance-steps .done{border-color:rgba(104,173,131,.14);color:#8ba997}.r4-maintenance-steps .done span{background:rgba(104,173,131,.11);color:#93c6a3}.r4-maintenance-steps .current{border-color:rgba(210,173,103,.25);background:rgba(210,173,103,.045);color:#d5b875}.r4-maintenance-steps .current span{background:#2a2317;color:#e0bb71}.r4-check{display:flex!important;flex-direction:row!important;gap:10px!important;align-items:flex-start!important;padding:10px;border:1px solid #2b3034;border-radius:10px;background:#101419}.r4-check input{width:auto;margin:3px 0 0}.r4-check span{display:grid;gap:2px}.r4-check b{font-size:9px}.r4-check small{color:#727982;font-size:8px}.r4-player-list{display:grid;gap:6px}.r4-player-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #292d31;border-radius:9px;background:#101419}.r4-player-list p{display:grid;gap:2px;margin:0}.r4-player-list b{font-size:9px}.r4-player-list small{color:#747a82;font-size:8px}
.r4-rule-list{display:grid}.r4-rule-list>div{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.r4-rule-list>div:last-child{border-bottom:0}.r4-rule-list>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#1c1a15;color:#bea260}.r4-rule-list p{display:grid;gap:2px;margin:0}.r4-rule-list b{font-size:9px}.r4-rule-list small{color:#737a82;font-size:8px;line-height:1.45}.r4-rule-list.compact>div{padding:8px 0}.r4-runtime-number{display:flex;align-items:baseline;gap:9px;padding:12px 0 10px}.r4-runtime-number strong{font:500 42px var(--serif);color:#eee7da}.r4-runtime-number span{color:#777e86;font-size:10px}.r4-security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.r4-security-grid div{display:grid;gap:4px;padding:12px;border:1px solid #292e32;border-radius:9px;background:#0f1318}.r4-security-grid span{color:#717881;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.r4-security-grid b{color:#d0cbc1;font-size:10px}
.r4-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.r4-health-card{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;min-height:106px}.r4-health-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:#191b19;color:#b49a68}.r4-health-card.ok .r4-health-icon{background:rgba(62,99,74,.14);color:#92c4a2}.r4-health-card.bad .r4-health-icon{background:rgba(120,48,44,.14);color:#dc8881}.r4-health-card small{color:#6d747d;font-size:7px;font-weight:800;letter-spacing:.1em}.r4-health-card h2{margin:3px 0;font-size:17px}.r4-health-card p{margin:0;color:#737a82;font-size:9px}
.r4-online-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:11px}.r4-map-card{padding:0;overflow:hidden}.r4-map-head{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,rgba(210,173,103,.045),transparent)}.r4-map-head>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#211d16;color:#c8a765;font:500 13px var(--serif)}.r4-map-head small{color:#6c737b;font-size:7px;letter-spacing:.12em}.r4-map-head h2{margin:2px 0 0;font-size:18px}.r4-map-players{padding:8px}.r4-online-player{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:9px;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:var(--ink);text-align:left;cursor:pointer}.r4-online-player:last-child{border-bottom:0}.r4-online-player:hover{background:rgba(210,173,103,.035)}.r4-online-player>span:nth-child(2){display:grid;gap:2px}.r4-online-player b{font-size:9px}.r4-online-player small{color:#747b83;font-size:8px}.r4-online-player i{color:#74674f;font-style:normal}
@media(max-width:1180px){.r4-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.r4-stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.r4-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.r4-audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.r4-audit-filters .btn{min-height:42px}}
@media(max-width:820px){.r4-grid-two{grid-template-columns:1fr}.r4-stats-three{grid-template-columns:1fr 1fr}.r4-role-grid{grid-template-columns:1fr}.r4-maintenance-steps{grid-template-columns:1fr 1fr}.r4-health-grid{grid-template-columns:1fr}.r4-security-grid{grid-template-columns:1fr 1fr}.r4-online-map{grid-template-columns:1fr}}
@media(max-width:560px){.r4-hero{grid-template-columns:1fr;min-height:0;padding:20px}.r4-hero-icon{width:48px;height:48px}.r4-hero-copy h1{font-size:34px}.r4-stats,.r4-stats-three{grid-template-columns:1fr}.r4-audit-filters{grid-template-columns:1fr}.r4-maintenance-steps{grid-template-columns:1fr 1fr}.r4-security-grid{grid-template-columns:1fr}.r4-event-grid{grid-template-columns:1fr}.r4-map-head{grid-template-columns:auto 1fr}.r4-map-head .status{grid-column:2}.r4-change{grid-template-columns:1fr}.r4-change>i{display:none}}


/* =========================================================
   MYTHOS R5 — FULL GAME CONTROL CENTER
   ========================================================= */
.r5-mode{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(196,157,85,.32);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d8bd84;background:rgba(170,126,54,.08);white-space:nowrap}
.r5-mode.live{border-color:rgba(88,184,132,.35);background:rgba(60,150,105,.10);color:#8ad3ad}
.r5-mode.reload{color:#d6c18f}.r5-mode.restart{border-color:rgba(202,121,77,.35);background:rgba(170,73,47,.10);color:#e3a386}
.r5-restart-banner{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:0 0 16px;padding:16px 18px;border:1px solid rgba(204,137,78,.36);background:linear-gradient(135deg,rgba(119,60,35,.18),rgba(17,17,21,.92));border-radius:12px}
.r5-restart-banner b{display:block;color:#f1d6a3;margin-bottom:4px}.r5-restart-banner p{margin:0;color:#9e9b92;font-size:13px}
.r5-control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px;margin-top:14px}
.r5-control-card{position:relative;overflow:hidden}.r5-control-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#c59b50,transparent)}
.r5-toolbar{display:flex;gap:8px;align-items:center;margin:4px 0 14px}.r5-toolbar input,.r5-toolbar select,.r5-inline-search{min-width:180px;max-width:420px;background:#0c0f14;border:1px solid #282c35;color:#ece8de;border-radius:8px;padding:10px 12px}
.r5-event-runtime{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.r5-event-runtime>div{padding:9px 10px;border:1px solid #222730;border-radius:8px;background:#0d1015}.r5-event-runtime small{display:block;color:#747b85;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.r5-event-runtime b{display:block;margin-top:4px;font-size:12px;color:#d8d3c7}
.r5-event-actions{display:flex;gap:8px;margin:10px 0 14px}.r5-event-level{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}
.r5-package-list{display:flex;flex-direction:column;gap:7px}.r5-package-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #222730;border-radius:8px;background:#0d1015}.r5-package-row small{display:block;color:#858a91;margin-top:3px}
.r5-selected-items{display:flex;flex-direction:column;gap:6px}.r5-selected-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #292d35;border-radius:8px;padding:8px 10px}.r5-selected-row small{display:block;color:#8d8b83}
.r5-attribute-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.r5-attribute-chip{border:1px solid #303642;background:#11151b;color:#cfc8ba;border-radius:999px;padding:5px 8px;font-size:10px;cursor:pointer}.r5-attribute-chip:hover{border-color:#a67e3d;color:#f0d69e}
.status.weight_only,.status.guaranteed_or_weight{font-size:9px}
@media(max-width:1100px){.r5-control-grid{grid-template-columns:1fr}.r5-event-runtime{grid-template-columns:1fr}.r5-restart-banner{align-items:flex-start;flex-direction:column}.r5-toolbar{flex-wrap:wrap}}

.r5-event-level-actions{display:flex;gap:5px;justify-content:flex-end;flex-wrap:wrap}

/* R5 Drop Manager forward/reverse authority lookup */
.r5-lookup-group{margin-top:14px;padding-top:10px;border-top:1px solid rgba(218,174,94,.16)}
.r5-lookup-group:first-child{border-top:0;padding-top:0}
.r5-lookup-group>h3{margin:0 0 8px;color:var(--text,#f2eee7);font-size:15px}


/* =========================================================
   MYTHOS R5.1 — GIFT CENTER MULTI-SELECT + DELIVERY TRACKING
   ========================================================= */
.r51-delivery-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.r51-recipient-card{margin-top:14px}
.r51-search-row{display:grid;grid-template-columns:minmax(0,420px) auto;gap:9px;align-items:center}
.r51-player-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin-top:10px}
.r51-player-result{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #292d35;border-radius:9px;background:#0d1116;color:#e8e4da;text-align:left;cursor:pointer}
.r51-player-result:hover{border-color:rgba(213,174,99,.42);background:#121820}
.r51-player-result>span,.r51-recipient-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#332b1d;color:#d6b66f;font:700 13px Georgia}
.r51-player-result div{display:grid;gap:2px}.r51-player-result small{color:#8c9197}.r51-player-result i{font-style:normal;color:#d1aa5e;font-size:11px}
.r51-recipient-empty,.r51-recipient-selected{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding:12px 14px;border:1px dashed #303640;border-radius:10px;background:#0d1116}
.r51-recipient-empty>span{font-size:22px;color:#77684b}.r51-recipient-empty div,.r51-recipient-selected div{display:grid;gap:2px}.r51-recipient-empty small,.r51-recipient-selected small,.r51-recipient-selected p{margin:0;color:#8b9196;font-size:11px}.r51-recipient-selected em{margin-left:7px;color:#78ba8c;font-size:9px;font-style:normal}
.r51-recipient-selected .btn{margin-left:auto}
.r51-gift-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:14px;margin-top:14px}
.r51-catalog-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,220px) auto;gap:8px;align-items:center;margin-bottom:10px}
.r51-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:440px;overflow:auto;padding:2px}
.r51-check-grid.compact{max-height:290px}
.r51-check-item{display:grid!important;grid-template-columns:auto 1fr;gap:10px!important;align-items:center;margin:0!important;padding:11px 12px;border:1px solid #282d35;border-radius:9px;background:#0d1116;cursor:pointer}
.r51-check-item:hover{border-color:#55472e}.r51-check-item input{width:17px;height:17px;accent-color:#c5a45f}.r51-check-item span{display:grid;gap:3px}.r51-check-item small{color:#858c92;font-weight:500}
.r51-search-hint{grid-column:1/-1;padding:22px;border:1px dashed #2c3138;border-radius:9px;color:#7d8489;text-align:center}
.r51-catalog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.r51-cart-card{align-self:start;position:sticky;top:94px}.r51-cart-count{padding:5px 8px;border-radius:999px;background:#282315;color:#c9a962;font-size:10px;font-weight:800}
.r51-cart{display:grid;gap:7px}.r51-cart.compact{margin-top:9px}.r51-cart-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #292e36;border-radius:9px;background:#0c1015}.r51-cart-row.set{border-color:#4d4129;background:#13120d}.r51-cart-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#1b2321;color:#bba46f}.r51-cart-row div{display:grid;gap:2px}.r51-cart-row small{color:#8c9298;font-size:10px}
.r51-cart-empty{min-height:135px;display:grid;place-items:center;align-content:center;gap:5px;border:1px dashed #30353d;border-radius:10px;color:#8b9195;text-align:center}.r51-cart-empty span{font-size:25px;color:#b19455}.r51-cart-empty.compact{min-height:95px}
.r51-send-controls{margin-top:11px}.r51-delivery-note{margin:10px 0 0;color:#797f85;font-size:10px;line-height:1.5}
.r51-package-actions{display:flex;gap:6px;align-items:center}
.r51-package-builder{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(320px,1fr) minmax(320px,1fr);gap:14px;align-items:start}.r51-package-builder>.btn{grid-column:1/-1}.r51-package-builder h3{margin:0 0 9px}.r51-package-meta label{margin-top:0}
.r51-history-filters{display:flex;gap:7px}.r51-history-filters select{width:130px}.r51-history-filters input{width:220px}
.r51-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.r51-check input{width:17px;height:17px;accent-color:#c5a45f}
@media(max-width:1200px){.r51-gift-layout{grid-template-columns:1fr}.r51-cart-card{position:static}.r51-package-builder{grid-template-columns:1fr 1fr}.r51-package-meta{grid-column:1/-1}.r51-delivery-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.r51-delivery-stats{grid-template-columns:1fr}.r51-search-row,.r51-catalog-toolbar,.r51-package-builder{grid-template-columns:1fr}.r51-player-results,.r51-check-grid{grid-template-columns:1fr}.r51-cart-row{grid-template-columns:34px 1fr}.r51-cart-row .btn{grid-row:2}.r51-history-filters{width:100%;flex-direction:column}.r51-history-filters select,.r51-history-filters input{width:100%}}


/* MYTHOS R5.2 — Bulk-select package + redeem contents */
.r52-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0 9px;padding:8px 10px;border:1px solid #2a3038;border-radius:9px;background:#0c1015;color:#a7adb3;font-size:11px}
.r52-bulk-bar>span{font-weight:800;color:#c7a75f;text-transform:uppercase;letter-spacing:.08em}
.r52-bulk-bar>div{display:flex;gap:6px;flex-wrap:wrap}
.r52-code-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.08fr) minmax(360px,.9fr);gap:14px;margin-top:14px;align-items:start}
.r52-code-layout>.card{height:100%}.r52-create-code{margin-top:12px}
.r52-redeem-test{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:10px;align-items:end}.r52-redeem-test label{margin:0}
@media(max-width:1350px){.r52-code-layout{grid-template-columns:1fr 1fr}.r52-code-layout>.card:last-child{grid-column:1/-1}.r52-redeem-test{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.r52-code-layout{grid-template-columns:1fr}.r52-code-layout>.card:last-child{grid-column:auto}.r52-bulk-bar{align-items:flex-start;flex-direction:column}.r52-redeem-test{grid-template-columns:1fr}}


/* =========================================================
   MYTHOS R5.2 FIX1 — COMPLETE SETS STICKY PANEL SCROLL
   ========================================================= */
@media(min-width:1051px){
  .catalog-layout .set-panel{
    align-self:start;
    position:sticky;
    top:95px;
    max-height:calc(100vh - 112px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }
  .catalog-layout .set-panel>.card-head,
  .catalog-layout .set-panel>.toolbar{
    flex:0 0 auto;
  }
  .catalog-layout .set-panel #set-results{
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:rgba(210,173,103,.42) transparent;
    padding-right:4px;
  }
  .catalog-layout .set-panel #set-results>.table-wrap{
    overflow-x:auto;
    overflow-y:visible;
  }
  .catalog-layout .set-panel #set-results::-webkit-scrollbar{
    width:8px;
  }
  .catalog-layout .set-panel #set-results::-webkit-scrollbar-track{
    background:transparent;
  }
  .catalog-layout .set-panel #set-results::-webkit-scrollbar-thumb{
    background:rgba(210,173,103,.32);
    border-radius:999px;
  }
  .catalog-layout .set-panel #set-results::-webkit-scrollbar-thumb:hover{
    background:rgba(210,173,103,.5);
  }
}
@media(max-width:1050px){
  .catalog-layout .set-panel{
    max-height:none;
    overflow:visible;
    display:block;
  }
  .catalog-layout .set-panel #set-results{
    overflow:visible;
    padding-right:0;
  }
}


/* =========================================================
   MYTHOS R6 — REWARD VAULT BACKEND / OWNER OPERATIONS
   ========================================================= */
.r6-vault-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.r6-vault-readiness{margin-top:14px;border-color:#343526;background:linear-gradient(135deg,#10140f,#0d1116)}
.r6-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.r6-readiness-grid span{padding:9px 11px;border:1px solid #283329;border-radius:8px;background:#0b120d;color:#9dc0a6;font-size:11px;font-weight:700}
.r6-vault-filters{display:flex;gap:7px}.r6-vault-filters select{width:150px}.r6-vault-filters input{width:230px}
.r6-vault-actions{display:flex;gap:5px;flex-wrap:wrap}.r6-vault-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.r6-vault-detail-grid pre{max-height:320px;overflow:auto;padding:11px;border:1px solid #282e35;border-radius:8px;background:#090d11;color:#a9b1b6;font-size:10px;white-space:pre-wrap;word-break:break-word}
.r6-vip-form{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px;align-items:end}.r6-vip-form label{margin:0}
@media(max-width:1150px){.r6-vault-stats{grid-template-columns:repeat(2,1fr)}.r6-readiness-grid{grid-template-columns:1fr 1fr}.r6-vip-form{grid-template-columns:1fr 1fr}.r6-vault-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.r6-vault-stats,.r6-readiness-grid,.r6-vip-form{grid-template-columns:1fr}.r6-vault-filters{flex-direction:column;width:100%}.r6-vault-filters select,.r6-vault-filters input{width:100%}}


/* =========================================================
   MYTHOS R6 FIX5 — GIFT CENTER CATALOG UX
   ========================================================= */
.r55-catalog-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(170px,210px) 92px;
  gap:8px;
  align-items:center;
  margin-bottom:9px;
}
.r55-catalog-toolbar .r55-search-btn{
  width:92px;
  min-width:92px;
  justify-self:end;
  padding-inline:14px;
}
.r55-catalog-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  margin-bottom:9px;
  border:1px solid #282d35;
  border-radius:9px;
  background:#0b0f14;
}
.r55-catalog-meta>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}
.r55-catalog-meta>div:first-child>span{
  color:#d2ad67;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
.r55-catalog-meta>div:first-child>small{
  color:#858c92;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.r55-catalog-meta>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
.r55-gift-catalog-grid{
  grid-template-columns:repeat(auto-fill,minmax(245px,1fr));
  max-height:500px;
  gap:9px;
}
.r51-check-item.r55-gift-item{
  grid-template-columns:auto 64px minmax(0,1fr);
  padding:8px 10px;
  min-height:82px;
  align-items:center;
}
.r51-check-item.r55-gift-item>input{
  align-self:start;
  margin-top:7px;
}
.r51-check-item.r55-gift-item .item-art.mini{
  width:58px;
  min-width:58px;
  min-height:58px;
  height:58px;
  border-radius:8px;
  background:radial-gradient(circle at 50% 42%,rgba(191,163,106,.14),transparent 35%),#0b0f12;
}
.r51-check-item.r55-gift-item .item-art.mini .item-thumb{padding:7px}
.r55-item-copy{min-width:0}
.r55-item-copy b{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#ece8df;
}
.r51-check-item.r55-gift-item:has(input:checked){
  border-color:#8a7040;
  background:linear-gradient(135deg,#18160f,#11151a 68%);
  box-shadow:inset 0 0 0 1px rgba(210,173,103,.08);
}
@media(max-width:820px){
  .r55-catalog-toolbar{grid-template-columns:1fr}
  .r55-catalog-toolbar .r55-search-btn{width:100%;justify-self:stretch}
  .r55-catalog-meta{align-items:flex-start;flex-direction:column}
  .r55-catalog-meta>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}
  .r55-catalog-meta>div:first-child>small{white-space:normal}
  .r55-gift-catalog-grid{grid-template-columns:1fr}
}