:root{--bg:#0e1b23;--panel:#14262d;--panel2:#1d3239;--line:#31494c;--ink:#e0e8dd;--dim:#94aaa5;--amber:#e9c687;--steel:#85bdc9;}
#topbar{background:linear-gradient(110deg,#14282f,#102029);border-bottom:1px solid #385052;gap:10px 19px;padding:12px 18px;box-shadow:0 4px 18px #07131a33;z-index:5;}
#topbar .title{color:#e3d6b9;letter-spacing:2.5px;font-size:14px;}.stat{font-size:10px;letter-spacing:.06em;}.stat b{font-size:14px;margin-left:4px;}
#controls button{border-radius:5px;padding:6px 9px;font-size:10px;background:#1d353c;transition:background .15s,color .15s;}#controls button:hover{background:#314b50;}#controls button.on{background:#4d4831;border-color:#8e8055;color:#ffe1a3;}
#main{grid-template-columns:minmax(0,1fr) 310px;}#right{background:#11232c;border-left:1px solid #34494a;}#right h2{padding:17px 16px;font-size:11px;letter-spacing:.07em;color:#dcccae;background:#142932;border-bottom:1px solid #34494a;}
#log{font-family:system-ui,sans-serif;font-size:11px;line-height:1.6;padding:12px 16px;scrollbar-width:thin;}#roster{background:#11252e;border-top:1px solid #3a4c4a;height:185px;padding:10px;scrollbar-width:thin;}
.card{border-radius:7px!important;background:linear-gradient(145deg,#1c333a,#142830)!important;border-color:#36504e!important;box-shadow:0 4px 10px #08181b33;}.card:hover{background:#254048!important;border-color:#91a69a!important;}.card .nm{font-family:system-ui,sans-serif;letter-spacing:.02em;}
.diorama-view #cv{cursor:grab;}.diorama-view #cv:active{cursor:grabbing;}
.camp-heading{display:none;position:absolute;top:24px;left:27px;pointer-events:none;max-width:calc(100% - 60px);color:#eef0d9;text-shadow:0 2px 12px #10232e99;}.diorama-view .camp-heading{display:block;}.camp-eyebrow{font:700 9px system-ui,sans-serif;letter-spacing:.24em;color:#a9c1b9;}.camp-heading h2{margin:6px 0;font:500 clamp(19px,2.1vw,30px) Georgia,serif;letter-spacing:-.02em;}.camp-heading p{font:600 9px system-ui,sans-serif;letter-spacing:.08em;color:#aac3bb;}
.diorama-view #clock{left:auto;right:20px;top:25px;border:1px solid #68887f55;border-radius:20px;padding:6px 14px;background:#152f398f;color:#e6dfbf;font-size:11px;}
.diorama-view #cache,.diorama-view #factions{display:none;z-index:4;background:#112731f5;border:1px solid #6d857c66;border-radius:10px;box-shadow:0 12px 30px #07161d77;top:90px;max-height:calc(100% - 160px);}.diorama-view #cache.scene-open,.diorama-view #factions.scene-open{display:block;}
.camp-tools{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:3px;background:#102630ee;border:1px solid #66827766;border-radius:10px;padding:5px;box-shadow:0 6px 22px #08172044;z-index:3;max-width:calc(100% - 20px);}
.camp-tools button{background:transparent;border:0;color:#adbfba;border-radius:6px;cursor:pointer;font:600 10px system-ui,sans-serif;padding:7px 10px;white-space:nowrap;}.camp-tools button:hover,.camp-tools button.active{background:#365050;color:#fff0c7;}.camp-tools button:focus-visible{outline:2px solid #f2d599;outline-offset:2px;}
.camp-view-hint{display:none;position:absolute;right:19px;bottom:66px;pointer-events:none;font:500 8px system-ui,sans-serif;letter-spacing:.08em;color:#bdd0c6;background:#10262de6;border-radius:4px;padding:5px 7px;}.diorama-view .camp-view-hint{display:block;}
@media(max-width:1150px){#main{grid-template-columns:minmax(0,1fr) 255px;}#topbar{gap:8px 13px;padding:9px 12px;}#controls{justify-content:flex-start;}.camp-tools button{padding:7px 8px;}.camp-heading{top:18px;left:18px;}.camp-heading p{font-size:8px;max-width:75%;}}
@media(max-width:780px){#main{grid-template-columns:1fr;}#right{display:none;}#controls{margin-left:0;}.camp-heading h2{font-size:22px;}#roster{height:156px;}.camp-tools button{padding:8px;font-size:9px;}.camp-view-hint{display:none!important;}.camp-heading p{max-width:85%;}.stat{font-size:9px;}.stat b{font-size:11px;}}
@media(max-width:460px){#topbar{gap:5px 10px;}#topbar .title{width:100%;}#controls{gap:3px;}#controls button{padding:5px 6px;font-size:9px;}.camp-heading{top:10px;left:12px;}.camp-heading h2{font-size:19px;}.camp-eyebrow{font-size:7px;}.camp-heading p{font-size:7px;max-width:70%;}.diorama-view #clock{top:15px;right:12px;}.camp-tools{bottom:8px;gap:0;padding:3px;}.camp-tools button{padding:7px 6px;font-size:9px;}#roster{height:135px;}}

.tierCard-sss .identityLine{flex-wrap:wrap}.tierCard-sss .rarityBadge{max-width:150px;white-space:normal;line-height:1.3;color:#f0d28e}

#main{grid-template-rows:minmax(0,1fr)}.equipment-preview{display:flex;gap:14px;align-items:center;margin:12px 0;border:1px solid #466459;border-radius:7px;overflow:hidden;background:#152a2e}.equipment-preview[hidden]{display:none}.equipment-preview canvas{width:46%;max-width:280px;height:auto;flex:none}.equipment-preview div{display:grid;gap:7px;padding:10px 10px 10px 0;min-width:0}.equipment-preview small{font:700 8px system-ui;letter-spacing:.18em;color:#9db8ae}.equipment-preview b{font:600 13px system-ui;color:#ecd5a6}.equipment-preview span{font:600 8px system-ui;color:#a2b8ac}.camp-tools{z-index:9}@media(max-width:780px){.scene-log-open #right{display:flex;position:fixed;inset:160px 12px 215px;z-index:8;border:1px solid #536e66;border-radius:9px;box-shadow:0 15px 30px #07191caa}.camp-tools button{padding:7px 6px}.camp-heading p{max-width:65%}}
.dialogue-panel{position:absolute;right:0;top:100%;margin-top:8px;width:300px;max-width:90vw;padding:16px;border:1px solid #789080;border-radius:10px;background:#162c34;box-shadow:0 12px 35px #06171bcc;z-index:14000;font:12px system-ui;line-height:1.5}.dialogue-panel[hidden]{display:none}.dialogue-panel b{color:#edd8ad;letter-spacing:.08em;font-size:11px}.dialogue-panel label{display:grid;gap:5px;margin:12px 0}.dialogue-panel select{width:100%;padding:8px;background:#243e43;color:#dde7d9;border:1px solid #789080;border-radius:5px}.dialogue-panel p{color:#a4beb1;margin-bottom:10px}.dialogue-panel small{display:block;margin-top:10px;color:#8fa9a4}.msg.conversation .txt{color:#dce8d2!important}

.camp-tools{overflow-x:auto;scrollbar-width:thin}.camp-tools select{flex-shrink:0;max-width:94px;background:#182f34;color:#d8d9bb;border:1px solid #51695c;border-radius:5px;font:11px system-ui;padding:4px}.camp-tools select:focus-visible{outline:2px solid #e5cd90;outline-offset:-2px}