:root{--bg:#06131c;--bg-deep:#040c13;--panel:rgba(11,31,42,.82);--panel-soft:rgba(14,40,50,.62);--line:#204452;--line-bright:#31636e;--text:#edf5f1;--muted:#8ca9ae;--faint:#607f86;--gold:#e8bd68;--gold-soft:#ffe4a3;--teal:#69ded0;--teal-dark:#143e43;--orange:#f4a968;--red:#ed777e;--shadow:0 24px 70px rgba(0,0,0,.27);--radius:18px}*{box-sizing:border-box}html{background:var(--bg-deep)}body{margin:0;min-height:100vh;color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif;background:radial-gradient(ellipse at 78% -12%,#224854 0,transparent 34%),radial-gradient(ellipse at 10% 110%,#12333d 0,transparent 35%),linear-gradient(145deg,#06131c 0%,#081b25 48%,#051018 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(105,222,208,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(105,222,208,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%);z-index:0}.starfield{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.starfield:before,.starfield:after{content:"";position:absolute;border:1px solid rgba(232,189,104,.12);border-radius:50%;width:47vw;height:47vw;top:-24vw;right:-9vw;box-shadow:0 0 0 24px rgba(232,189,104,.025),0 0 0 48px rgba(105,222,208,.025)}.starfield:after{width:22vw;height:22vw;top:58vh;right:18vw;border-color:rgba(105,222,208,.09);box-shadow:0 0 0 15px rgba(105,222,208,.025),0 0 0 31px rgba(232,189,104,.02)}.starfield span{position:absolute;width:3px;height:3px;background:var(--gold-soft);border-radius:50%;box-shadow:0 0 13px var(--gold);opacity:.55}.starfield span:nth-child(1){top:13%;right:37%}.starfield span:nth-child(2){top:32%;right:9%;background:var(--teal);box-shadow:0 0 13px var(--teal)}.starfield span:nth-child(3){top:73%;right:57%}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex}.sidebar{width:288px;flex:0 0 288px;min-height:100vh;padding:24px 17px 18px;border-left:1px solid rgba(49,99,110,.5);background:linear-gradient(180deg,rgba(4,18,27,.9),rgba(5,22,30,.76));backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 6px 27px}.brand strong{display:block;font-size:15px;letter-spacing:-.2px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.seal{width:44px;height:44px;position:relative;display:grid;place-items:center;border:1px solid rgba(232,189,104,.7);border-radius:50%;color:var(--gold);font-size:23px;background:radial-gradient(circle,#263a3a,#0a2028 70%);box-shadow:0 0 0 5px rgba(232,189,104,.05),inset 0 0 20px rgba(232,189,104,.12)}.seal:before,.seal:after{content:"";position:absolute;width:5px;height:5px;background:var(--teal);border-radius:50%;top:4px;right:18px;box-shadow:0 31px 0 var(--teal)}.seal i{position:absolute;inset:7px;border:1px dashed rgba(232,189,104,.4);border-radius:50%}.seal b{position:relative;font-weight:500}.sovereign-card{border:1px solid rgba(232,189,104,.25);border-radius:17px;padding:17px 16px;margin-bottom:24px;background:linear-gradient(135deg,rgba(51,41,26,.85),rgba(11,38,45,.82));box-shadow:inset 0 1px rgba(255,255,255,.04)}.overline,.nav-label,.breadcrumb,.command-field label,.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.7px}.sovereign-name{color:var(--gold-soft);font-size:25px;font-weight:800;margin:4px 0 8px}.sovereign-meta,.connection{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:11px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(105,222,208,.1),0 0 14px var(--teal)}.nav-label{margin:0 9px 9px;font-size:10px;text-transform:uppercase}#roomNav{display:grid;gap:5px}.room-link{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font:inherit;text-align:right;cursor:pointer;transition:.22s}.room-link .nav-icon{width:23px;color:var(--faint);font-size:16px;text-align:center}.room-link .nav-number{margin-right:auto;color:#456770;font-size:10px}.room-link:hover,.room-link.active{color:var(--gold-soft);background:linear-gradient(90deg,rgba(24,67,72,.7),rgba(17,45,54,.38));border-color:rgba(105,222,208,.18)}.room-link.active .nav-icon{color:var(--teal)}.room-link.active .nav-number{color:var(--gold)}.sidebar-footer{margin-top:auto;display:grid;gap:7px;padding-top:20px}.side-button{display:flex;justify-content:space-between;align-items:center;padding:10px 11px;color:var(--muted);background:rgba(19,49,58,.5);border:1px solid var(--line);border-radius:10px;font-size:12px;cursor:pointer}.side-button span{color:var(--teal);font-size:16px}.side-button:hover{color:var(--text);border-color:var(--line-bright)}.build-mark{color:#4e7078;font-size:10px;text-align:center;margin-top:6px}.main{width:100%;max-width:1450px;margin:0 auto;padding:30px 38px 60px;min-width:0}.topbar{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}.breadcrumb{display:flex;gap:9px;align-items:center}.breadcrumb b{color:var(--faint);font-weight:400}.topbar h1{font-size:clamp(28px,4vw,46px);line-height:1.1;margin:8px 0 0;letter-spacing:-1.4px}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connection{margin-left:8px}.gold-button,.outline-action,.execute-button,.primary-button,.soft-button,.danger-button{border-radius:11px;padding:11px 15px;border:1px solid transparent;font:inherit;cursor:pointer;font-weight:750;white-space:nowrap}.gold-button{background:linear-gradient(135deg,#efd083,#dcae51);color:#261e0d;box-shadow:0 8px 22px rgba(232,189,104,.13)}.gold-button b{margin-right:5px}.outline-action{background:rgba(21,55,62,.6);border-color:#2e5c64;color:var(--teal);font-size:12px}.outline-action.alert{color:var(--orange);border-color:#8b5d37;background:rgba(93,55,26,.28)}.command-console{position:relative;display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:14px;border:1px solid rgba(105,222,208,.2);border-radius:17px;background:linear-gradient(105deg,rgba(14,43,51,.88),rgba(8,27,36,.9));box-shadow:var(--shadow)}.command-symbol{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;color:var(--gold);background:rgba(232,189,104,.1);border:1px solid rgba(232,189,104,.2);font-size:22px}.command-field{min-width:0;flex:1;display:grid;gap:3px}.command-field label{font-size:10px}.command-field input{width:100%;padding:3px 0;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:14px}.command-field input::placeholder{color:#5f7f86}.execute-button{background:var(--teal);color:#09272b}.execute-button span{display:inline-block;margin-right:6px;font-size:12px}.command-chips{position:absolute;right:70px;top:calc(100% + 8px);display:flex;gap:6px;z-index:4}.command-chip{padding:6px 9px;color:#b1d8d4;background:#0c252e;border:1px solid #28535c;border-radius:999px;font-size:10px;cursor:pointer}.command-chip:hover{color:var(--gold-soft);border-color:var(--gold)}.signal-strip{display:flex;align-items:stretch;gap:8px;min-height:54px;margin:27px 0 19px;overflow:auto;scrollbar-width:none}.signal-strip::-webkit-scrollbar{display:none}.signal-card{display:flex;align-items:center;gap:9px;flex:1;min-width:180px;padding:9px 12px;border:1px solid rgba(49,99,110,.62);border-radius:12px;background:rgba(9,29,38,.65)}.signal-card .signal-mark{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.signal-card.warn .signal-mark{background:var(--orange);box-shadow:0 0 10px var(--orange)}.signal-card.danger .signal-mark{background:var(--red);box-shadow:0 0 10px var(--red)}.signal-card b{display:block;font-size:11px;color:var(--text);white-space:nowrap}.signal-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px;white-space:nowrap}.room{min-height:520px}.room-enter{animation:roomIn .35s ease both}@keyframes roomIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.room-hero{position:relative;display:flex;justify-content:space-between;gap:22px;align-items:end;overflow:hidden;padding:25px 27px;margin-bottom:15px;border:1px solid rgba(49,99,110,.75);border-radius:20px;background:linear-gradient(120deg,rgba(20,61,70,.8),rgba(9,30,39,.86));box-shadow:var(--shadow)}.room-hero:after{content:"✦";position:absolute;left:32px;top:8px;color:rgba(232,189,104,.11);font-size:120px;line-height:1}.room-hero h2{position:relative;z-index:1;margin:7px 0;font-size:clamp(23px,3vw,34px);letter-spacing:-.8px}.room-hero p{position:relative;z-index:1;max-width:660px;margin:0;color:var(--muted);line-height:1.8;font-size:13px}.room-hero .hero-copy,.room-hero button{position:relative;z-index:1}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:15px}.metric{padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(14,43,52,.85),rgba(8,26,34,.78));min-width:0}.metric-label{display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:11px}.metric-value{display:block;margin:7px 0 2px;color:var(--gold-soft);font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.8px}.metric-detail{color:#6c8d92;font-size:10px}.metric.trend-up .metric-detail{color:var(--teal)}.metric.trend-down .metric-detail{color:var(--orange)}.two-column{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:14px}.panel{padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(13,38,48,.86),rgba(7,23,31,.82));box-shadow:var(--shadow)}.panel+.panel{margin-top:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h3{margin:0;font-size:15px}.panel-subtitle{color:var(--muted);font-size:11px;margin:4px 0 0;line-height:1.7}.tag{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #2d6269;border-radius:999px;color:var(--teal);font-size:10px;white-space:nowrap}.tag.gold{color:var(--gold-soft);border-color:#806538;background:transparent}.tag.warn{color:var(--orange);border-color:#805838}.tag.danger{color:var(--red);border-color:#7b3d48}.activity-list,.brief-list,.order-list{display:grid;gap:8px}.activity-item,.brief-item,.order-item{display:flex;gap:10px;align-items:flex-start;padding:11px 10px;border:1px solid rgba(40,82,91,.62);border-radius:11px;background:rgba(10,31,40,.5)}.activity-pin{flex:0 0 7px;width:7px;height:7px;margin-top:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 9px var(--teal)}.activity-item b,.brief-item b,.order-item b{display:block;color:#dcebe8;font-size:12px}.activity-item small,.brief-item small,.order-item small{display:block;color:var(--muted);line-height:1.7;font-size:11px;margin-top:3px}.quick-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.soft-button{background:rgba(24,65,72,.72);border-color:#2b626b;color:#cde7e4;text-align:right;font-size:11px}.soft-button:hover{border-color:var(--teal);color:white}.primary-button{background:var(--teal);color:#08262a}.danger-button{background:rgba(104,43,54,.74);border-color:#894452;color:#ffd5d8}.table-shell{overflow:auto}.command-table{width:100%;min-width:690px;border-collapse:collapse}.command-table th,.command-table td{padding:12px 10px;text-align:right;border-bottom:1px solid rgba(42,82,91,.65);font-size:11px}.command-table th{color:var(--gold-soft);font-weight:700}.command-table td{color:var(--muted)}.command-table td strong{color:var(--text);font-size:12px}.progress{height:6px;min-width:90px;background:#15343d;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--gold));transition:width .35s}.action-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.action-row button{font-size:11px;padding:8px 10px}.profile-grid,.province-grid,.relation-grid,.rank-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}.profile-card{position:relative;padding:16px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,47,56,.8),rgba(8,26,34,.9))}.profile-card:before{content:"";position:absolute;right:0;top:17px;bottom:17px;width:3px;background:var(--teal);border-radius:4px 0 0 4px}.profile-card h3{margin:0 0 6px;font-size:15px}.profile-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.profile-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.profile-stat{padding:6px 8px;border-radius:8px;background:rgba(23,62,70,.65);color:#b7d6d2;font-size:10px}.profile-stat b{color:var(--gold-soft);font-size:12px;margin-left:3px}.chat-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px}.chat-box{display:flex;flex-direction:column;min-height:500px}.chat-history{height:345px;overflow:auto;display:grid;align-content:start;gap:9px;padding:12px;border:1px solid rgba(42,82,91,.7);border-radius:12px;background:rgba(4,19,26,.65)}.bubble{max-width:88%;padding:10px 12px;border-radius:12px;background:#13343e;color:#dcebe8;font-size:12px;line-height:1.8}.bubble.me{justify-self:end;background:linear-gradient(135deg,#6b5125,#4d3b20);color:#fff0c8}.bubble.pending{opacity:.63}.bubble b{color:var(--gold-soft);font-size:10px}.chat-form{display:flex;gap:8px;margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:5px;background:rgba(8,26,34,.7)}.chat-form input{min-width:0;flex:1;padding:9px;background:transparent;border:0;outline:0;color:var(--text);font:inherit;font-size:12px}.chat-form button{padding:8px 12px}.character-list{display:grid;gap:7px;max-height:500px;overflow:auto}.character-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid transparent;border-radius:11px;background:rgba(10,32,40,.52);cursor:pointer;text-align:right;color:var(--text)}.character-row:hover,.character-row.active{border-color:#2f7777;background:rgba(21,69,72,.55)}.avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;color:var(--gold-soft);background:#244c4f;border:1px solid #4b7771;font-size:12px}.character-row strong{display:block;font-size:11px}.character-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.character-row em{margin-right:auto;color:var(--teal);font-size:10px;font-style:normal}.rank-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(12,37,46,.7)}.rank-card h3{margin:0;color:var(--gold-soft);font-size:14px}.rank-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.7}.rank-card.current{border-color:#8c713e;background:linear-gradient(135deg,rgba(69,55,28,.6),rgba(15,43,47,.75))}.timeline{display:grid;gap:10px}.timeline-item{position:relative;padding:13px 16px 13px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(10,31,40,.65)}.timeline-item:before{content:"";position:absolute;right:-5px;top:16px;width:9px;height:9px;border:2px solid var(--teal);background:var(--bg);border-radius:50%}.timeline-item h4{margin:0;color:var(--gold-soft);font-size:13px}.timeline-item h4 span{color:var(--faint);font-size:10px;font-weight:400}.timeline-item p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.empty-state{padding:35px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:13px}.toast{position:fixed;right:28px;bottom:28px;z-index:20;max-width:min(420px,calc(100vw - 36px));padding:12px 15px;border:1px solid var(--teal);border-radius:12px;background:#0b3035;color:#e6faf5;box-shadow:0 15px 40px #0008;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;font-size:12px}.toast.show{opacity:1;transform:none}.muted{color:var(--muted)}.danger-text{color:var(--red)}@media(max-width:1100px){.sidebar{width:245px;flex-basis:245px}.main{padding:25px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-column,.chat-layout{grid-template-columns:1fr}.command-chips{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{width:100%;min-height:auto;padding:13px 12px 9px;border-left:0;border-bottom:1px solid rgba(49,99,110,.5)}.brand{margin:0 4px 12px}.seal{width:38px;height:38px}.sovereign-card{display:none}.nav-label{display:none}#roomNav{display:flex;gap:5px;overflow:auto;padding:0 0 5px;scrollbar-width:none}#roomNav::-webkit-scrollbar{display:none}.room-link{flex:0 0 auto;width:auto;padding:8px 10px;font-size:11px;background:rgba(12,38,46,.45)}.room-link .nav-number{display:none}.sidebar-footer{display:none}.main{padding:17px 13px 35px}.topbar{align-items:flex-start;margin-bottom:14px}.topbar h1{font-size:28px}.top-actions{justify-content:flex-end;gap:7px}.connection{display:none}.outline-action{font-size:10px;padding:9px}.gold-button{font-size:10px;padding:9px 10px}.command-console{align-items:flex-start;padding:10px;gap:8px;flex-wrap:wrap}.command-symbol{flex-basis:32px;height:32px;font-size:17px}.command-field{flex:1 1 calc(100% - 48px)}.command-field input{font-size:12px}.execute-button{width:100%;padding:10px}.signal-strip{margin:17px 0 13px}.signal-card{flex:0 0 210px}.room-hero{display:block;padding:20px 18px}.room-hero button{margin-top:15px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px}.metric-value{font-size:23px}.panel{padding:14px}.quick-orders{grid-template-columns:1fr}.profile-grid,.province-grid,.relation-grid,.rank-grid{grid-template-columns:1fr}.chat-history{height:300px}.toast{right:18px;bottom:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}