/* r162c — colony services, trading square, forge yard, rune shrine and personal storage. */
[data-view="colony-services"],
[data-view="trading-square"],
[data-view="rune-shrine"],
[data-view="storage-v2"]{padding:0 10px 92px;min-width:0}
.c3-root{display:grid;gap:9px;min-width:0}
.c3-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:4px 2px 1px}
.c3-head .eyebrow{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.c3-head h1,.c3-head h2{margin:2px 0 0;color:var(--text);font-size:22px;line-height:1;font-weight:900}
.c3-chip{padding:6px 8px;border:1px solid #3a4035;border-radius:8px;background:#11140f;color:var(--muted);font-size:9px;white-space:nowrap}
.c3-chip b{color:#ead89d;font-size:10px}
.c3-window{overflow:hidden;border:1px solid #30372f;border-radius:10px;background:linear-gradient(180deg,#151915,#101310)}
.c3-title{min-height:34px;padding:7px 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #30372f;background:linear-gradient(90deg,rgba(202,157,61,.10),transparent 48%),linear-gradient(#1b201b,#151915);color:#e6dfcb;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.c3-title:before{content:'◆';color:#c69b3d;font-size:7px}.c3-title span{margin-left:auto;color:#969c92;font-size:8px;font-weight:700;letter-spacing:0;text-transform:none}
.c3-pad{padding:9px}.c3-list{display:grid;gap:6px}.c3-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.c3-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.c3-tabs{display:grid;overflow:hidden;border:1px solid #343a32;border-radius:10px;background:#111411}
.c3-tabs.cols4{grid-template-columns:repeat(4,minmax(0,1fr))}.c3-tabs.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.c3-tabs.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.c3-tab{min-width:0;min-height:45px;padding:6px 3px;border:0;border-right:1px solid #30352f;background:linear-gradient(#171b17,#111411);color:#92988e;font-size:8.5px;font-weight:800;line-height:1.12}.c3-tab:last-child{border-right:0}.c3-tab.active{color:#ead495;background:linear-gradient(180deg,rgba(202,157,61,.14),rgba(202,157,61,.025)),#171812;box-shadow:inset 0 -3px 0 #c69b3d}
.c3-card{min-width:0;padding:8px;border:1px solid #30372f;border-radius:9px;background:#111411}.c3-card.selected{border-color:#735b25;background:#171a14;box-shadow:inset 3px 0 0 #c69b3d}
.c3-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center}.c3-row.checkable{grid-template-columns:18px 38px minmax(0,1fr) auto}
.c3-icon{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid #454d42;border-radius:8px;background:#191d19;color:#d9d7cf;font-size:20px}.c3-icon.rare{border-color:#4d88cc}.c3-icon.epic{border-color:#9e66d2}.c3-icon.relic,.c3-icon.named{border-color:#d39c34}.c3-icon i{position:absolute;right:1px;bottom:1px;min-width:15px;height:14px;padding:1px 2px;display:grid;place-items:center;border:1px solid #6e5721;border-radius:3px;background:#15120b;color:#ead495;font-size:6px;font-style:normal;font-weight:900}
.c3-copy{min-width:0}.c3-copy b{display:block;overflow:hidden;color:#e7e3d8;font-size:9.7px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.c3-copy span,.c3-copy small{display:block;overflow:hidden;margin-top:2px;color:#8f968c;font-size:7.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.c3-copy small{color:#6f766d}
.c3-side{text-align:right;color:#8f968c;font-size:7px;white-space:nowrap}.c3-side b{display:block;color:#ead9a1;font-size:10px}.c3-side em{display:block;margin-top:2px;color:#72c388;font-size:7px;font-style:normal}
.c3-actions{display:flex;gap:6px;margin-top:7px}.c3-actions .btn{min-height:32px;border-radius:7px;flex:1}.c3-actions .btn.compact{flex:0 0 auto}
.c3-stepper{display:grid;grid-template-columns:30px 35px 30px;overflow:hidden;border:1px solid #3b4239;border-radius:7px;background:#0d100d}.c3-stepper button{height:31px;border:0;background:#171a17;color:#e6e2d8}.c3-stepper span{display:grid;place-items:center;border-inline:1px solid #30372f;color:#e5e1d7;font-size:9px;font-variant-numeric:tabular-nums}
.c3-kpi{min-width:0;padding:7px;border:1px solid #30372f;border-radius:8px;background:#0d100d}.c3-kpi span{display:block;color:#71786f;font-size:6.8px;letter-spacing:.05em;text-transform:uppercase}.c3-kpi b{display:block;overflow:hidden;margin-top:2px;color:#e7e3d8;font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.c3-kpi b.up{color:#72c388}.c3-kpi small{display:block;margin-top:2px;color:#8f968c;font-size:7px}
.c3-note{padding:7px 8px;border-left:2px solid #795f25;border-radius:0 7px 7px 0;background:#121510;color:#969c92;font-size:8px;line-height:1.4}.c3-note b{color:#ead495}.c3-note.danger{border-left-color:#7b443a;color:#d8aaa1}
.c3-filters{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.c3-filters::-webkit-scrollbar{display:none}.c3-filter{flex:0 0 auto;min-height:27px;padding:0 9px;border:1px solid #333a31;border-radius:14px;background:#111411;color:#90978d;font-size:7.5px;font-weight:800}.c3-filter.active{border-color:#755d25;background:#1b170e;color:#ead495}
.c3-check{width:17px;height:17px;display:grid;place-items:center;border:1px solid #4b5348;border-radius:5px;background:#0c0f0c;color:transparent;font-size:10px}.selected .c3-check{border-color:#b89039;background:#2e2715;color:#ead495}
.c3-empty{padding:18px 10px;color:#8e958b;font-size:9px;text-align:center}
.c3-zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px}.c3-zone{min-height:118px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #353d34;border-radius:11px;background:linear-gradient(180deg,#171b17,#111411);color:#e9e5db;text-align:left}.c3-zone.wide{grid-column:1/-1;min-height:92px}.c3-zone i{width:38px;height:38px;display:grid;place-items:center;border:1px solid #725a23;border-radius:9px;background:#1a170f;color:#c99d3f;font-size:20px;font-style:normal}.c3-zone b{display:block;margin-top:10px;font-size:11px}.c3-zone small{display:block;margin-top:3px;color:#91988e;font-size:7.8px;line-height:1.35}.c3-zone em{align-self:flex-end;color:#c69b3d;font-size:17px;font-style:normal}
.c3-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:9px}
.c3-section-label{display:flex;align-items:center;gap:6px;margin:1px 0 7px;color:#91988e;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.c3-section-label:after{content:'';height:1px;flex:1;background:#2d332d}
.c3-preview{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);overflow:hidden;border:1px solid #2d332d;border-radius:8px;background:#0c0f0c}.c3-preview>div{padding:7px}.c3-preview>i{display:grid;place-items:center;color:#c69b3d;font-size:15px;font-style:normal}.c3-preview span{display:block;color:#70776e;font-size:7px}.c3-preview b{display:block;margin:2px 0 5px;font-size:9.5px}.c3-preview p{display:flex;justify-content:space-between;gap:5px;margin:3px 0;color:#91988e;font-size:7.5px}.c3-preview strong{color:#e5e2d9}.c3-preview strong.up{color:#72c388}
.c3-bundle{display:grid;gap:5px}.c3-bundle-head{display:flex;justify-content:space-between;gap:8px}.c3-bundle-head h3{margin:0;font-size:10.5px}.c3-bundle-head span{color:#ead495;font-size:9px}.c3-bundle-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:7px}.c3-part{padding:5px 3px;border:1px solid #333a31;border-radius:6px;background:#0d100d;text-align:center}.c3-part i{display:block;font-size:16px;font-style:normal}.c3-part b{display:block;overflow:hidden;margin-top:3px;color:#dcd9d0;font-size:6.5px;text-overflow:ellipsis;white-space:nowrap}.c3-part.owned{opacity:.52}.c3-part.owned:after{content:'есть';display:block;color:#72c388;font-size:6px;margin-top:2px}
/* Personal chest: compact inventory-like grid plus persistent preview. */
.st3-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px}.st3-switch button{height:39px;border:1px solid #343b33;border-radius:9px;background:#141714;color:#939a90;font-size:9px;font-weight:900}.st3-switch button.active{border-color:#755d25;background:#211c10;color:#ead495;box-shadow:inset 0 -2px 0 #c69b3d}.st3-switch button small{display:block;margin-top:2px;color:#777e75;font-size:6.5px;font-weight:600}
.st3-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px;border-bottom:1px solid #30372f}.st3-search{height:31px;padding:0 9px;border:1px solid #343a32;border-radius:7px;background:#0b0d0b;color:#e8e5dc;font-size:8.5px;outline:0}.st3-category{height:31px;padding:0 8px;border:1px solid #3d443a;border-radius:7px;background:#171a17;color:#a2a79d;font-size:8px}
.st3-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:8px;min-height:150px}.st3-slot{position:relative;aspect-ratio:1/1;min-width:0;padding:0;border:1px solid #3a4238;border-radius:7px;background:radial-gradient(circle at 50% 40%,rgba(202,157,61,.06),transparent 65%),#111411;color:#d7d7d0}.st3-slot.active{border-color:#c1983c;box-shadow:0 0 0 1px rgba(193,152,60,.2),inset 0 0 12px rgba(193,152,60,.08)}.st3-slot.rare{border-color:#4d88cc}.st3-slot.epic{border-color:#9e66d2}.st3-slot.relic,.st3-slot.named{border-color:#d39c34}.st3-slot .glyph{font-size:17px}.st3-slot .qty,.st3-slot .level{position:absolute;right:2px;bottom:2px;min-width:14px;height:13px;padding:1px 2px;display:grid;place-items:center;border:1px solid #5e4d25;border-radius:3px;background:#15120b;color:#ead495;font-size:6px;font-weight:900}.st3-slot .level{right:auto;left:2px;color:#b7bcb2;border-color:#3c443a}.st3-slot .mark{position:absolute;right:2px;top:2px;color:#ead495;font-size:7px}
.st3-preview{padding:9px}.st3-preview-head{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:start}.st3-preview-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #485044;border-radius:9px;background:#171b17;font-size:25px}.st3-preview-copy{min-width:0}.st3-preview-copy h3{overflow:hidden;margin:1px 0 3px;color:#ece8dd;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.st3-preview-copy p{margin:0;color:#91988e;font-size:8px;line-height:1.35}.st3-preview-side{text-align:right;color:#8e958b;font-size:7px}.st3-preview-side b{display:block;color:#ead9a1;font-size:12px}.st3-preview-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:6px}.st3-preview-tags span{padding:2px 5px;border:1px solid #3b4339;border-radius:5px;background:#0e110e;color:#949b91;font-size:6.5px}.st3-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px}.st3-transfer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;margin-top:8px}.st3-transfer .btn{min-height:34px;border-radius:7px}
.st3-capacity{height:5px;overflow:hidden;border:1px solid #30362e;border-radius:6px;background:#090b09}.st3-capacity i{display:block;height:100%;background:linear-gradient(90deg,#a17e31,#d1ae58)}
@media(max-width:345px){.c3-tab{font-size:7.4px}.c3-zone-grid,.c3-grid2,.c3-grid3{grid-template-columns:1fr}.c3-zone.wide{grid-column:auto}.c3-summary-strip{grid-template-columns:1fr}.c3-bundle-parts{grid-template-columns:repeat(2,1fr)}.st3-grid{grid-template-columns:repeat(5,1fr)}.st3-preview-stats{grid-template-columns:1fr}.st3-transfer{grid-template-columns:1fr}}
@media(min-width:430px){.st3-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.c3-root *{transition:none!important;animation:none!important}}