/* Thorn City — Torn-mobile-style chrome (original CSS/icons; structure and palette measured from the owner's Torn screenshots) */
:root{--bg:#2a2a2a;--bg2:#222;--box:#3a3a3a;--box2:#333;--boxh:#454545;--line:#1f1f1f;--line2:#4a4a4a;--text:#d5d5d5;--text2:#9a9a9a;--white:#fff;--link:#7fb8ff;--green:#8fd14f;--green2:#86d67a;--red:#f05a5a;
 --energy:#7bc62d;--nerve:#e14343;--happy:#f2c230;--life:#5f7ded;--chain:#8a8a8a;--radius:8px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg) linear-gradient(#1c1c1c,#2a2a2a 160px,#2a2a2a);color:var(--text);font:15px/1.4 -apple-system,"Helvetica Neue",Arial,sans-serif}
a{color:var(--link);text-decoration:none}
svg{width:1em;height:1em;vertical-align:-0.15em;fill:none}
/* ===== header ===== */
.thdr{position:sticky;top:0;z-index:40;background:#000}
.t-row1{display:flex;align-items:center;gap:8px;height:52px;padding:0 10px;background:linear-gradient(#2d2d2d,#111)}
.t-logo{font:900 24px/1 "Arial Black",Arial,sans-serif;letter-spacing:-.5px;color:#8a8a8a;background:linear-gradient(#444,#1a1a1a);border-radius:0 0 10px 10px;padding:8px 14px 10px;text-shadow:0 1px 0 #000,0 0 6px #000;text-decoration:none!important;margin-top:-6px}
.t-burger{background:none;border:0;color:#8a8a8a;font-size:30px;line-height:1;padding:0 4px}
.t-right{margin-left:auto;display:flex;align-items:center;gap:14px;color:#9a9a9a;font-size:22px}.t-right a{color:#9a9a9a}
.t-avatar{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#c33,#511);border:2px solid #333}
.t-ticker{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;background:#3a3a3a;color:#ddd;font-size:14px;white-space:nowrap;overflow:hidden}.t-tk-ico{color:#9a9a9a;font-size:11px}
.t-nav{display:flex;gap:2px;overflow-x:auto;background:linear-gradient(#333,#262626);padding:6px 4px 4px;scrollbar-width:none;border-top:1px solid #111;border-bottom:1px solid #111}.t-nav::-webkit-scrollbar{display:none}
.t-nav a{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:3px;color:#bdbdbd;font-size:10px;letter-spacing:.3px;text-transform:uppercase;position:relative}
.t-nav a svg{width:30px;height:30px;color:#d8d8d8}.t-nav a.on{color:#fff;font-weight:bold}.t-nav a.on svg{color:#fff}
.t-nav .badge{position:absolute;top:-2px;right:14px;background:#2b2b2b;color:#8fd14f;font-size:11px;font-weight:bold;border-radius:8px;padding:0 4px;font-style:normal}
.t-bars{display:flex;gap:6px;padding:6px 8px 2px;background:#2b2b2b;border-bottom:1px solid #111}
.tb{flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:5px;color:#e6e6e6;font-size:14px;text-decoration:none!important;min-width:0}
.tb .tb-i svg{width:16px;height:16px}.tb-v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb i{grid-column:1/3;display:block;height:5px;margin-top:4px;background:#1a1a1a;border-radius:2px;overflow:hidden}.tb i b{display:block;height:100%}
.energy .tb-i{color:var(--energy)}.energy i b{background:var(--energy)}.nerve .tb-i{color:var(--nerve)}.nerve i b{background:var(--nerve)}.happy .tb-i{color:var(--happy)}.happy i b{background:var(--happy)}.life .tb-i{color:var(--life)}.life i b{background:var(--life)}.chain .tb-i{color:var(--chain)}.chain i b{background:#777}
.t-money{display:flex;align-items:center;gap:14px;padding:5px 8px;background:#2b2b2b;border-bottom:2px solid #111;font-size:17px;font-weight:bold;overflow-x:auto;scrollbar-width:none}.t-money::-webkit-scrollbar{display:none}
.tm{display:flex;align-items:center;gap:6px;white-space:nowrap}.tm.money{color:var(--green)}.tm.points{color:#7fb8ff}.tm.merits{color:#e6e6e6}
.dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font:bold 13px Arial;font-style:normal;color:#fff}.dot.g{background:#4caf2a}.dot.b{background:#2f6fd6}.dot.p{background:#8e3fd6}
.tm-icons{display:flex;gap:10px;align-items:center;margin-left:auto;font-size:18px}.tm-icons a{color:#cfcfcf}.t-clock{font-size:11px;color:#8a8a8a;font-weight:normal}
/* ===== layout ===== */
.shell{display:block;max-width:980px;margin:0 auto;padding:14px 10px 30px}
.sidebar{display:none}.content{min-width:0}
.ptitle{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 8px;border-bottom:1px solid #4a4a4a;margin-bottom:12px}
.ptitle h4{margin:0;font-size:22px;font-weight:bold;color:#dcdcdc}.pt-icons{display:flex;align-items:center;gap:14px;color:#cfcfcf;font-size:22px}.pt-icons .sep{width:1px;height:26px;background:#555}
/* ===== Torn boxes ===== */
.card,.tbox{background:var(--box);border-radius:var(--radius);margin-bottom:10px;overflow:hidden;box-shadow:0 1px 0 #000}
.card h2,.tbox-h{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 14px;font-size:18px;font-weight:bold;color:#fff;background:linear-gradient(#4b4b4b,#3b3b3b);border-bottom:1px solid #1f1f1f;cursor:default}
.tbox-h .hi{display:flex;gap:16px;color:#9a9a9a;font-size:18px}.tbox-h .hi svg{width:20px;height:20px}
.tbox.collapsed .tbox-b{display:none}.tbox.pill .tbox-h{border-bottom:0}
.card h3{margin:10px 14px 6px;font-size:13px;color:var(--text2);text-transform:uppercase;letter-spacing:.3px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--box)}.row:last-child{border-bottom:0}
.row .l{flex:1;min-width:0;font-weight:bold;color:#e2e2e2}.row .r{text-align:right;white-space:normal;max-width:100%}.small{font-size:12px;color:var(--text2);font-weight:normal}
.kvt{width:100%;border-collapse:collapse;display:table}.kvt td{padding:11px 14px;border-bottom:1px solid var(--line);font-size:16px}.kvt td:first-child{font-weight:bold;color:#e2e2e2;width:45%;background:#3a3a3a}.kvt td:last-child{background:#333;color:#dcdcdc}
.kvt td.val{color:var(--green2);text-align:right}.kvt td.mod{color:var(--green);text-align:right;width:20%}.kvt td.mod.neg{color:var(--red)}
.btn{display:inline-block;background:linear-gradient(#3a3a3a,#1e1e1e);color:#d0d0d0;border:1px solid #111;border-radius:7px;padding:9px 16px;font:bold 15px Arial,sans-serif;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 #555}
.btn:disabled,.btn[disabled]{background:linear-gradient(#3a3a3a,#262626)!important;color:#777!important;border-color:#111!important;box-shadow:none;cursor:not-allowed;opacity:.75}.btn.sec{background:linear-gradient(#444,#2a2a2a)}.btn.danger{background:linear-gradient(#b5443a,#7a2a22);color:#fff;border-color:#4a1510}.btn.sm{padding:5px 10px;font-size:12px}.btn.blue{background:linear-gradient(#4a86d8,#2d5fa8);color:#fff;border-color:#1e3f70}.btn.go{background:linear-gradient(#5aa63a,#3f7d26);color:#fff;border-color:#2e5a1c}
input,select{background:#1f1f1f;color:#e6e6e6;border:1px solid #111;border-radius:7px;padding:8px 9px;font-size:15px;max-width:100%}
input[type=number]{width:96px;max-width:96px}form.inline{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}form.inline input,form.inline select{max-width:150px}
.stepper{display:inline-flex;align-items:center;background:#1f1f1f;border:1px solid #111;border-radius:7px;overflow:hidden}.stepper button{background:none;border:0;color:#bbb;font-size:16px;padding:6px 10px}.stepper input{border:0;background:none;width:54px;text-align:center;font-size:16px;padding:6px 0}
.flash{background:#2b3b1f;border:1px solid #4b8f29;border-radius:7px;padding:9px 12px;margin-bottom:10px;white-space:pre-wrap;color:#dfe}.flash.err{background:#3b1f1f;border-color:#b0352b;color:#fdd}
.statusbox{background:#3b1f1f;border:1px solid #b0352b;border-radius:7px;padding:9px;margin-bottom:10px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.tag{display:inline-block;background:#2b2b2b;border:1px solid #4a4a4a;border-radius:3px;padding:0 6px;font-size:10px;color:var(--text2);font-weight:normal;vertical-align:middle}
.tag.api{color:#8fd14f}.tag.fitted{color:#5f9cf0}.tag.community{color:#f2c230}.tag.design{color:#f08080}
.rarity-yellow{color:#f2c230}.rarity-orange{color:#f28c28}.rarity-red{color:#e14343}
table{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto;max-width:100%}td,th{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left;word-break:break-word}th{color:#ddd;font-weight:bold;background:#444}
.menu{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.menu a{background:var(--box);border-radius:7px;padding:10px 6px;text-align:center;color:var(--text)}.menu a i{display:block;font-style:normal;font-size:20px;margin-bottom:2px}
pre{white-space:pre-wrap;background:#1f1f1f;border-radius:7px;padding:8px;font-size:12px}.money{color:var(--green)}
.drawer-bg{display:none}
/* gym (2x2 stat panels like Torn) */
.gym-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#3e3e3e,#2e2e2e);border-radius:var(--radius);padding:14px;margin-bottom:12px}
.gym-head b{font-size:18px;color:#fff}.gym-head .e{color:var(--red);font-weight:bold}.gym-banner{width:120px;height:66px;border-radius:4px;background:linear-gradient(135deg,#c0392b,#7a1f14);color:#fff;display:flex;align-items:center;justify-content:center;font:900 16px "Arial Black",Arial;text-transform:uppercase;border:3px solid #5a3a1a;box-shadow:inset 0 0 12px #000}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#1f1f1f;border-radius:var(--radius);overflow:hidden}
.stat{background:var(--box)}.stat-h{display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(#4b4b4b,#3b3b3b);color:#fff;font-weight:bold;font-size:18px}.stat-h .ic{color:var(--green);font-size:18px}.stat-h .v{margin-left:auto;font-size:17px}
.stat-b{padding:14px 10px;text-align:center;color:#e6e6e6;font-size:15px}.stat-b .d{margin-bottom:12px;line-height:1.5}.stat-b form{display:flex;justify-content:center;gap:10px;align-items:center}
.gym-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.gym-grid a{aspect-ratio:1;background:#3f3f3f;border:1px solid #2a2a2a;border-radius:3px;display:flex;align-items:center;justify-content:center;font:bold 13px "Arial Black",Arial;color:#9ec8ff;text-align:center;padding:2px;overflow:hidden}
.gym-grid a.cur{border:2px solid #5fbf3a;color:#f28c28}.gym-grid a.lock{color:#555;background:#2e2e2e}
/* city map */
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:2px}.tabs a{background:linear-gradient(#4b4b4b,#3b3b3b);color:#fff;font-weight:bold;font-size:18px;text-align:center;padding:14px;border-radius:7px 7px 0 0}.tabs a.off{background:#333;color:#ccc}
.city-cols{display:grid;grid-template-columns:1fr 1fr;gap:2px}.city-cols .sec{background:#3a3a3a;padding:14px 16px;font-weight:bold;font-size:18px;color:#fff;text-transform:uppercase;border-bottom:1px solid #1f1f1f}
.city-cols a{display:flex;align-items:center;gap:10px;background:#3a3a3a;padding:14px 14px;border-bottom:1px solid #1f1f1f;color:#e2e2e2;font-size:17px}.city-cols a i{font-style:normal;width:24px;text-align:center}
/* stocks */
.stk{display:grid;grid-template-columns:70px 1fr 1fr 60px;gap:2px;background:#1f1f1f;border-radius:var(--radius);overflow:hidden;font-family:"Oswald","Roboto Condensed","Arial Narrow",Arial,sans-serif}
.stk>div{background:#333;padding:10px 8px}.stk .h{background:linear-gradient(#4b4b4b,#3b3b3b);color:#fff;font-weight:bold;font-size:17px}
.stk .logo{display:flex;align-items:center;justify-content:center;font:bold 22px "Arial Black",Arial;color:#bbb}.stk .px{font-size:24px;color:#fff;letter-spacing:.5px}.stk .chg{font-size:14px}.chg.up{color:var(--green)}.chg.dn{color:var(--red)}
.stk .own{text-align:right;color:#ddd;font-size:16px}.stk .own small{display:block;color:#999;font-size:14px}.stk .div{display:flex;align-items:center;justify-content:center}.ring{width:40px;height:40px;border-radius:50%;border:4px solid #4a86d8;border-top-color:var(--green)}
/* ===== desktop ===== */
@media (min-width: 900px){
  .shell{display:grid;grid-template-columns:200px 1fr;gap:12px;max-width:1100px}.sidebar{display:block}
  .sbox{background:var(--box);border-radius:7px;margin-bottom:8px;overflow:hidden}.sbox-t{background:linear-gradient(#4b4b4b,#3b3b3b);color:#fff;font-weight:bold;padding:7px 10px;border-bottom:1px solid #1f1f1f}.sbox-b{padding:6px 10px;font-size:13px}
  .kv{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid #2b2b2b}.kv span{color:var(--text2)}.kv b{font-weight:normal;color:#fff}
  .areas{list-style:none;margin:0;padding:4px 0}.areas li a{display:block;padding:5px 12px;color:var(--text);font-size:13px;border-bottom:1px solid #2b2b2b}.areas li a:hover{background:#454545;color:#fff}
  .t-burger{display:none}.t-nav a{flex:0 0 90px}
}
@media (max-width: 899px){
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:270px;max-width:85vw;background:#222;z-index:60;overflow-y:auto;padding:12px;transform:translateX(-105%);transition:transform .2s ease;display:block}
  .sidebar.open{transform:none}.drawer-bg.on{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50}
  .sbox{background:var(--box);border-radius:7px;margin-bottom:8px;overflow:hidden}.sbox-t{background:linear-gradient(#4b4b4b,#3b3b3b);color:#fff;font-weight:bold;padding:9px 12px}.sbox-b{padding:6px 12px}
  .kv{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #2b2b2b}.kv span{color:var(--text2)}.kv b{font-weight:normal;color:#fff}
  .areas{list-style:none;margin:0;padding:4px 0}.areas li a{display:block;padding:9px 12px;color:var(--text);border-bottom:1px solid #2b2b2b;font-size:16px}
}
.info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#bbb;color:#222;font:bold 11px Arial;margin-left:6px}
.tbox .tbox-b .kvt{display:table}.tbox-b{padding:0}.tbox-b .row{padding:10px 14px}
.stk .trade{font-size:13px;margin-top:6px}.stk .trade summary{color:#7fb8ff;cursor:pointer}.stk .trade form{margin-top:4px}.stk .trade input{width:80px;max-width:80px;padding:4px}
.ring{--pct:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--pct)*1%),#4a86d8 0);color:#fff;font-size:14px;position:relative}
.ring::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#333;z-index:0}.ring{z-index:1}.ring::before{content:"";position:absolute;inset:14px;border-radius:50%;background:radial-gradient(circle,#8fd14f 1px,transparent 1.5px) 0 0/6px 6px;z-index:1}
.city-cols .col{display:flex;flex-direction:column;gap:2px}.city-cols a{border-bottom:0}
.gym-grid a.cur{color:#f28c28}
/* fidelity pass 2: measured from owner's screenshots (390 CSS px wide) */
.t-nav{padding:5px 0 3px;gap:0}.t-nav a{flex:0 0 10%;min-width:39px;font-size:8px;letter-spacing:0;gap:2px}.t-nav a svg{width:24px;height:24px}.t-nav .badge{right:4px;top:-4px;font-size:10px}
@media (min-width:480px){.t-nav a{flex:0 0 calc(100%/10)}}
.t-bars{gap:0;padding:5px 6px 2px;overflow-x:auto;scrollbar-width:none}.t-bars::-webkit-scrollbar{display:none}.tb{flex:1 1 auto;font-size:13px;column-gap:3px;padding:0 3px}.tb-v{overflow:visible;text-overflow:clip}.tb .tb-i svg{width:14px;height:14px}
.stat-b{padding:12px 6px}.stat-b .d{font-size:14px}.stat-b form{gap:8px}.stepper input{width:34px;font-size:15px;padding:5px 0}.stepper button{padding:5px 7px;font-size:13px}.stat-b .btn{padding:8px 12px;font-size:14px;letter-spacing:.5px}
.stat-h{font-size:17px;padding:9px 10px}.stat-h .v{font-size:15px}
.stk{grid-template-columns:62px 1fr 1fr 54px}.stk>div{padding:8px 6px}.stk .h{font-size:16px;padding:10px 6px}.stk .px{font-size:22px}.stk .chg{font-size:12.5px;white-space:nowrap}.stk .own{font-size:14px}.stk .own small{font-size:13px}.stk .logo{font-size:18px}
.stk .trade{font-size:12px}.stk .trade summary{list-style:none}.stk .trade summary::before{content:"▸ "}.stk .trade[open] summary::before{content:"▾ "}.stk .trade input{width:64px;max-width:64px}.stk .trade .btn.sm{padding:4px 8px;font-size:11px}
.fab{position:fixed;right:10px;bottom:10px;display:flex;gap:4px;z-index:30}.fab a{width:48px;height:48px;border-radius:7px;background:linear-gradient(#3f86c9,#2a5f96);border:1px solid #1b3d60;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 2px 6px #000}
.fab a.grey{background:linear-gradient(#5a5a5a,#3a3a3a);border-color:#222;color:#ddd}
body{padding-bottom:70px}
.t-nav a{font-size:7px}.t-nav a span{max-width:100%;overflow:hidden;white-space:nowrap}.stk .h:last-child{font-size:13px;padding-left:3px;padding-right:3px}
@media (min-width:900px){.fab{display:none}body{padding-bottom:30px}}
.fight-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px}.fight-bars>div{font-size:14px}.fight-bars i{display:block;height:10px;background:#1a1a1a;border-radius:3px;overflow:hidden;margin:4px 0}.fight-bars i b{display:block;height:100%}
.finish{padding:12px 14px;border-top:1px solid #1f1f1f}.flog{margin:0;padding:8px 14px 8px 32px;font-size:13px;color:#ccc}.flog li{padding:3px 0;border-bottom:1px solid #2b2b2b}.flog li.me{color:#b6e38a}.flog li.them{color:#f0a0a0}
.mission{padding:12px 14px;border-bottom:1px solid #1f1f1f}.mission .obj{font-size:13px;color:#bbb;margin:4px 0}.mission .obj.done{color:var(--green)}.mission .mprog{display:block;height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden;margin:6px 0}.mission .mprog b{display:block;height:100%;background:var(--green)}
.credits{color:#f2c230;font-weight:bold}
.crime-skill{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #1f1f1f;font-size:14px}.crime-skill i{flex:1;height:8px;background:#1a1a1a;border-radius:3px;overflow:hidden}.crime-skill i b{display:block;height:100%;background:var(--green)}
.crime-list{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#1f1f1f}.crime{display:block;background:#3a3a3a;padding:10px 12px;color:#e2e2e2}.crime.on{background:#454545;color:#fff}.crime .n{display:block;font-weight:bold;font-size:15px}.crime i{display:block;height:5px;background:#1a1a1a;border-radius:2px;margin-top:6px;overflow:hidden}.crime i b{display:block;height:100%;background:var(--green)}
.cat-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px;background:#2b2b2b;border-radius:7px;padding:3px}.cat-tabs::-webkit-scrollbar{display:none}.cat-tabs a{flex:0 0 auto;padding:7px 10px;border-radius:5px;color:#bbb;font-size:13px;white-space:nowrap}.cat-tabs a.on{background:#454545;color:#fff;font-weight:bold}.cat-tabs em{font-style:normal;margin-left:4px;color:#8fd14f;font-size:11px}
.row.item .r{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;align-items:center}.qty{color:#8fd14f;font-weight:bold}.more{font-size:12px;width:100%;text-align:right}.more summary{color:#7fb8ff;cursor:pointer}.more form{margin-top:4px}
.card.h3{background:#333;border-radius:0;margin:0;box-shadow:none;border-top:1px solid #1f1f1f}.card.h3 h3{margin:8px 14px 2px}
/* crimes 2.0 (layout after Torn's mobile crime pages; original glyphs) */
.crime-strip{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px;margin-bottom:4px}.crime-strip::-webkit-scrollbar{display:none}
.cs{flex:0 0 92px;background:var(--box);border-radius:7px;padding:8px 6px 7px;text-align:center;color:#ccc;border:1px solid #2a2a2a;box-shadow:0 1px 0 #000}.cs.on{background:#454545;color:#fff;border-color:#8fd14f}
.cs .n{display:block;font-size:11px;font-weight:bold;line-height:1.15;height:26px;overflow:hidden;margin-top:5px}.cs i{display:block;height:4px;background:#1a1a1a;border-radius:2px;margin-top:5px;overflow:hidden}.cs i b{display:block;height:100%;background:var(--green)}
.ci,.si{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:7px;font:900 15px "Arial Black",Arial;color:#fff;text-transform:uppercase;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 1px 2px #000}
.si{width:44px;height:44px;font-size:19px;flex:0 0 44px}
.th{background:linear-gradient(135deg,#5b8f3a,#2f5a1c)}.cf{background:linear-gradient(135deg,#c08a2c,#7a5114)}.vd{background:linear-gradient(135deg,#b4453a,#6d2219)}.fr{background:linear-gradient(135deg,#3f78c7,#213f78)}.is{background:linear-gradient(135deg,#7d4fb5,#3f2566)}.cy{background:linear-gradient(135deg,#2a9d9d,#145454)}
.cat{font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:4px;color:#fff;box-shadow:none}
.cskill{padding:12px 14px 6px}.cskill .lbl{display:flex;justify-content:space-between;font-size:14px;color:#ccc;margin-bottom:6px}.cskill .lbl b{color:#fff;font-size:16px}
.meter{position:relative;height:16px;background:#1a1a1a;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 3px #000}.meter b{display:block;height:100%;background:linear-gradient(#a5e36a,#6fb32e)}.meter span{position:absolute;inset:0;text-align:center;font:bold 11px/16px Arial;color:#fff;text-shadow:0 1px 1px #000}
.cmeta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1f1f1f;border-top:1px solid #1f1f1f}.cmeta>div{background:#333;padding:9px 12px;font-size:13px;color:#bbb}.cmeta .k{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#8a8a8a}.cmeta b{color:#fff;font-size:15px}.cmeta b.low{color:var(--red)}.cmeta .ok{color:var(--green)}
.sub{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--box);margin:0}.sub:last-child{border-bottom:0}.sub .sn{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.sub .sn b{color:#e8e8e8;font-size:15px}
.nerve-pill{align-self:flex-start;font-size:11px;font-weight:bold;text-transform:uppercase;color:#f4a6a6;background:#4a2222;border:1px solid #6d2b2b;border-radius:10px;padding:1px 8px}.nerve-pill.low{color:#999;background:#2a2a2a;border-color:#444}
.btn.commit{padding:9px 14px;font-size:13px;background:linear-gradient(#5aa63a,#3f7d26);color:#fff;border-color:#2e5a1c;min-width:92px}.btn.commit:disabled{background:linear-gradient(#3a3a3a,#262626);color:#777;border-color:#111}
.cstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1f1f1f}.cstats>div{background:#333;padding:10px 8px;text-align:center}.cstats span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#8a8a8a}.cstats b{font-size:17px;color:#fff}.cstats b.g{color:var(--green)}.cstats b.r{color:var(--red)}
.clog .row{font-weight:normal}.clog .row .l{font-weight:normal;color:#ddd;font-size:14px;display:flex;gap:8px;align-items:flex-start}.dotc{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#777;margin-top:6px}.clog .ok .dotc{background:var(--green)}.clog .bad .dotc{background:var(--red)}
/* items page (Torn tab strip + expandable item rows; original glyph tiles) */
.itabs{display:flex;gap:3px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px;padding:3px 0}.itabs::-webkit-scrollbar{display:none}
.itabs a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;width:58px;padding:5px 2px;border-radius:6px;background:#333;color:#bbb;font-size:9px;text-transform:uppercase;letter-spacing:.2px;position:relative;border:1px solid #2a2a2a}
.itabs a.on{background:#4a4a4a;color:#fff;border-color:#8fd14f}.itabs a.empty .ib{opacity:.45}.itabs a .lb{max-width:100%;overflow:hidden;white-space:nowrap}.itabs em{position:absolute;top:1px;right:3px;font:bold 10px Arial;color:#8fd14f;font-style:normal}
.ib{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font:900 12px "Arial Black",Arial;color:#fff;text-transform:uppercase;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3),0 1px 2px #000;background:linear-gradient(135deg,#6a6a6a,#3a3a3a)}
.ib.big{width:46px;height:46px;font-size:17px;flex:0 0 46px}
.t-primary,.t-secondary{background:linear-gradient(135deg,#8a8f99,#3d4149)}.t-melee{background:linear-gradient(135deg,#a0522d,#5a2d14)}.t-temporary{background:linear-gradient(135deg,#d9822b,#7a4412)}.t-defensive{background:linear-gradient(135deg,#3f78c7,#213f78)}
.t-enhancer{background:linear-gradient(135deg,#7d4fb5,#3f2566)}.t-medical{background:linear-gradient(135deg,#e05252,#7a1f1f)}.t-drug{background:linear-gradient(135deg,#2a9d9d,#145454)}.t-energy{background:linear-gradient(135deg,#8fd14f,#3f7d26)}
.t-alcohol{background:linear-gradient(135deg,#c08a2c,#7a5114)}.t-candy{background:linear-gradient(135deg,#e06ab0,#7a2a5c)}.t-booster{background:linear-gradient(135deg,#f2c230,#8a6a10)}.t-supply{background:linear-gradient(135deg,#7a5c3a,#3d2c18)}
.t-clothing{background:linear-gradient(135deg,#5f7ded,#2a3b8a)}.t-jewelry{background:linear-gradient(135deg,#d4af37,#7a6214)}.t-car{background:linear-gradient(135deg,#555,#222)}.t-artifact{background:linear-gradient(135deg,#8b6b3d,#4a3417)}
.t-flower{background:linear-gradient(135deg,#e8788a,#8a2e42)}.t-plushie{background:linear-gradient(135deg,#b48ad6,#5c3a80)}.t-special{background:linear-gradient(135deg,#f28c28,#8a4a0e)}.t-collectible{background:linear-gradient(135deg,#4aa3df,#1f5a8a)}
.t-material{background:linear-gradient(135deg,#8a8a8a,#444)}.t-tool{background:linear-gradient(135deg,#6b8e23,#33450f)}.t-book{background:linear-gradient(135deg,#9a6b4a,#4a2f1e)}.t-other,.t-all{background:linear-gradient(135deg,#6a6a6a,#3a3a3a)}
.it{border-bottom:1px solid var(--line);background:var(--box)}.it:last-child{border-bottom:0}.it.eq{background:#3d4538}
.it summary{list-style:none;display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer}.it summary::-webkit-details-marker{display:none}
.it .in{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.it .in b{color:#e8e8e8;font-size:15px}.it .ia{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chev{width:10px;height:10px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(45deg);margin:0 4px 4px 2px;transition:transform .15s}.it[open] .chev{transform:rotate(-135deg);margin-top:6px}
.eqtag{color:var(--green);font-weight:bold}
.idet{padding:4px 12px 12px;background:#2f2f2f;border-top:1px solid #1f1f1f}.idet .eff{margin:6px 0;color:#ddd;font-size:14px}
.ikv{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1f1f1f;margin:8px 0}.ikv>div{background:#353535;padding:7px 10px}.ikv span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#8a8a8a}.ikv b{font-size:14px;color:#fff;font-weight:normal}
.iact{display:flex;flex-direction:column;gap:8px}.iact form{flex-wrap:wrap}.iact select{padding:6px}
/* item market / bazaars */
.tabs3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;margin-bottom:8px}.tabs3 a{background:#333;color:#ccc;font-weight:bold;font-size:15px;text-align:center;padding:12px 4px;border-radius:7px;white-space:nowrap}.tabs3 a.on{background:linear-gradient(#4b4b4b,#3b3b3b);color:#fff;box-shadow:inset 0 -3px 0 #8fd14f}
.msearch{display:flex;align-items:center;gap:6px;background:#1f1f1f;border:1px solid #111;border-radius:8px;padding:4px 4px 4px 10px;margin-bottom:8px}.msearch input{flex:1;background:none;border:0;padding:8px 4px;font-size:16px;min-width:0}.msearch .mag{width:14px;height:14px;border:2px solid #888;border-radius:50%;position:relative;flex:0 0 14px}.msearch .mag::after{content:"";position:absolute;width:7px;height:2px;background:#888;right:-6px;bottom:-3px;transform:rotate(45deg)}
.chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:8px;padding-bottom:2px}.chips::-webkit-scrollbar{display:none}.chips a{flex:0 0 auto;padding:5px 11px;border-radius:14px;background:#333;color:#bbb;font-size:12px;border:1px solid #2a2a2a}.chips a.on{background:#4a4a4a;color:#fff;border-color:#8fd14f}
.mrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--box);color:#e2e2e2}.mrow:last-child{border-bottom:0}.mrow .mn{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mrow .mn b{color:#e8e8e8;font-size:15px}.mrow .mp{text-align:right;display:flex;flex-direction:column;gap:2px}.mrow .mp b{font-size:16px;color:#fff}
.g{color:var(--green)}.r{color:var(--red)}
.mhead{display:flex;gap:12px;align-items:center;padding:12px 14px}.mhk{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.mhk span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#8a8a8a}.mhk b{font-size:14px;color:#fff;font-weight:normal}.mhk b.g{color:var(--green)}
.lrow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--box);margin:0}.lrow:last-child{border-bottom:0}.lrow .lp{flex:1;display:flex;flex-direction:column;gap:2px}.lrow .lp b{font-size:17px;color:#fff}.lrow .ls{flex:1;color:#aaa}.lrow .lb{display:flex;gap:6px;align-items:center}
/* item glyphs (static/items/*.svg, original art) */
.ib img{width:68%;height:68%;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.row>.ib{flex:0 0 auto;margin-right:10px}.row>.ib.big{width:44px;height:44px;flex-basis:44px}
/* travel agency */
.fl{display:inline-flex;align-items:center;justify-content:center;width:44px;height:32px;border-radius:4px;font:900 13px "Arial Black",Arial;color:#fff;text-shadow:0 1px 1px #000;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 1px 2px #000;flex:0 0 44px;background:linear-gradient(135deg,#666,#333)}
.fl-mx{background:linear-gradient(90deg,#006847 33%,#f4f4f4 33% 66%,#ce1126 66%)}.fl-ky{background:linear-gradient(#012169,#2a4a9a)}.fl-ca{background:linear-gradient(90deg,#d52b1e 25%,#f4f4f4 25% 75%,#d52b1e 75%)}.fl-hi{background:repeating-linear-gradient(#f4f4f4 0 4px,#c8102e 4px 8px,#012169 8px 12px)}
.fl-uk{background:linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),linear-gradient(transparent 38%,#c8102e 38% 62%,transparent 62%),#012169}
.fl-ar{background:linear-gradient(#74acdf 33%,#f4f4f4 33% 66%,#74acdf 66%)}.fl-ch{background:#d52b1e}.fl-jp{background:radial-gradient(circle,#bc002d 30%,#f4f4f4 32%)}.fl-cn{background:#de2910}.fl-ae{background:linear-gradient(#00732f 33%,#f4f4f4 33% 66%,#000 66%)}.fl-za{background:linear-gradient(#de3831 33%,#007a4d 33% 66%,#002395 66%)}.fl-tc{background:linear-gradient(135deg,#444,#111)}
.ttype{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.ttype span{flex:0 0 auto;padding:6px 10px;border-radius:14px;background:#2b2b2b;color:#999;font-size:12px;border:1px solid #3a3a3a}.ttype span.on{background:#3d4538;color:#fff;border-color:#8fd14f}.ttype i{font-style:normal;color:#777;font-size:10px}
.drow,.srow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--box);margin:0}.drow:last-child,.srow:last-child{border-bottom:0}
.dn,.sn{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dn b,.sn b{color:#e8e8e8;font-size:15px}.dn s{color:#777}
.db,.sb{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.db b,.sb b{color:#fff;font-size:15px}.sb .stepper input{width:34px}
.flight{display:flex;align-items:center;gap:10px;padding:16px 14px 8px}.ftrack{flex:1;position:relative;height:6px;background:#1a1a1a;border-radius:3px}.ftrack b{display:block;height:100%;background:var(--green);border-radius:3px}.ftrack i{position:absolute;top:-9px;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:16px solid #fff;transform:translateX(-12px) rotate(90deg)}
.lug{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:14px;color:#ccc}.lug i{flex:1;height:10px;background:#1a1a1a;border-radius:3px;overflow:hidden}.lug i b{display:block;height:100%;background:var(--green)}
/* social: messages, chat, forums, staff, auction */
.cnt{font-style:normal;background:#8fd14f;color:#111;border-radius:9px;padding:0 6px;font-size:11px;font-weight:bold;vertical-align:middle}
.av{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#5a6a7a,#2d3640);color:#fff;font:bold 15px Arial;flex:0 0 36px}
.mrow.unread b{color:#fff}.mrow.unread .av{background:linear-gradient(135deg,#4caf2a,#2e6d16)}.mrow b{font-weight:normal;color:#ccc}
.mmeta{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;color:#bbb}.mbody{padding:14px;white-space:pre-wrap;color:#e6e6e6;font-size:15px;line-height:1.5}.mact{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line)}
.compose{display:flex;flex-direction:column;gap:10px;padding:12px 14px}.compose label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#9a9a9a;text-transform:uppercase;letter-spacing:.4px}.compose input,.compose textarea,.compose select{font-size:15px;text-transform:none;letter-spacing:0;background:#1f1f1f;color:#e6e6e6;border:1px solid #111;border-radius:7px;padding:9px;width:100%;max-width:100%;font-family:inherit}.compose button{align-self:flex-start}
.rooms{margin-bottom:8px}
.chatfeed{height:52vh;min-height:280px;overflow-y:auto;padding:8px 10px;background:#262626;display:flex;flex-direction:column;gap:2px}
.cline{display:flex;gap:6px;align-items:baseline;font-size:14px;line-height:1.35;padding:3px 4px;border-radius:4px;flex-wrap:wrap}.cline.me{background:#2f3a2a}.cline.staffline{background:#3a2f1f}.cline.deleted{opacity:.4}.cline.err{color:#f88}
.ct{font-size:10px;color:#777;flex:0 0 auto;min-width:40px}.cn{font-weight:bold;color:#9ec8ff;flex:0 0 auto}.cline.staffline .cn{color:#f2c230}.cx{color:#e6e6e6;flex:1;min-width:0;word-break:break-word}
.cmod{margin-left:auto}.cmod button{background:none;border:0;color:#777;cursor:pointer;font-size:12px;padding:0 4px}.cmod button:hover{color:#f66}
.chatform{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}.chatform input{flex:1;min-width:0}
.brow,.trow,.arow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--box);color:#e2e2e2}.brow:last-child,.trow:last-child,.arow:last-child{border-bottom:0}
.bic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:7px;background:linear-gradient(135deg,#4a86d8,#2d5fa8);color:#fff;font:900 18px "Arial Black",Arial;flex:0 0 40px}.bic.staff{background:linear-gradient(135deg,#d9822b,#7a4412)}
.bn,.tn,.an{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.bn b,.tn b,.an b{color:#e8e8e8;font-size:15px}.bs{text-align:right;line-height:1.3}
.trow.pinned{background:#3d4538}.trow.deleted{opacity:.5}.newthread{padding:8px 14px;border-bottom:1px solid var(--line)}.newthread summary{list-style:none;display:inline-block}.newthread .compose{padding:10px 0 0}
.post{border-bottom:1px solid var(--line);background:var(--box)}.post.op{background:#383c36}.post.deleted{opacity:.5}.ph{display:flex;align-items:center;gap:10px;padding:10px 12px 4px}.pa{flex:1;display:flex;flex-direction:column}.pa a{font-weight:bold}.pt{display:flex;gap:4px}.pb{padding:4px 12px 12px 58px;white-space:pre-wrap;color:#e6e6e6;font-size:15px;line-height:1.5}
.rolet{font-size:10px;font-weight:bold;text-transform:uppercase;padding:1px 6px;border-radius:3px;color:#fff;vertical-align:middle}.rolet.admin{background:#b5443a}.rolet.mod{background:#2d5fa8}
.modbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:#2b2b2b;border-bottom:1px solid var(--line)}
.staffgrid{display:grid;grid-template-columns:1fr;gap:12px;padding:8px 0}.staffgrid h3{margin:0;padding:8px 14px;font-size:14px;color:#9a9a9a;text-transform:uppercase;letter-spacing:.4px}@media(min-width:700px){.staffgrid{grid-template-columns:1fr 1fr}}
.row.deleted{opacity:.5}
.pick{display:grid;grid-template-columns:1fr;gap:2px;max-height:48vh;overflow-y:auto;background:#1f1f1f;border-radius:7px}@media(min-width:600px){.pick{grid-template-columns:1fr 1fr}}
.pk{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#333;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14px;color:#ddd}.pk input{width:18px;height:18px;flex:0 0 18px;margin:0}.pk .pn{display:flex;flex-direction:column;gap:2px;min-width:0}.pk .pn b{color:#fff}.pk:has(input:checked){background:#3d4538;outline:1px solid #8fd14f}
.sellbar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.sellbar label{flex:1;min-width:120px}.sellbar .btn{flex:0 0 auto}
.ab{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ab b{color:#fff;font-size:15px}
.compose .pk{flex-direction:row;align-items:center}.compose .pk .pn{text-transform:none;letter-spacing:0}
/* faction page */
.fhead .fh-top{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(90deg,#3e3e3e,#2e2e2e)}.fh-n{flex:1;min-width:0;display:flex;flex-direction:column}.fh-n b{font-size:19px;color:#fff}
.ftag{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:40px;padding:0 8px;border-radius:7px;background:linear-gradient(135deg,#b5443a,#6d2219);color:#fff;font:900 15px "Arial Black",Arial;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 1px 2px #000;flex:0 0 auto}.ftag.sm{min-width:44px;height:32px;font-size:12px}
.fstats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#1f1f1f;border-top:1px solid #1f1f1f}.fstats>div{background:#333;padding:8px 10px}.fstats span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#8a8a8a}.fstats b{font-size:14px;color:#fff;font-weight:normal}
.st{font-size:11px;font-weight:bold;text-transform:uppercase;padding:2px 7px;border-radius:9px;background:#2b2b2b;color:#aaa;flex:0 0 auto}.st-okay{color:#8fd14f}.st-hospital{color:#f05a5a}.st-jail{color:#f2c230}.st-travel,.st-abroad{color:#7fb8ff}
.ocrun{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#3d4538;border-bottom:1px solid var(--line)}.ocrun b{font-size:16px;color:#fff}.ocrun .small{flex:1}
.ocrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--box);margin:0}.ocrow:last-child{border-bottom:0}.ocrow .on{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ocrow .on b{color:#e8e8e8;font-size:15px}
.ocd{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font:900 17px "Arial Black",Arial;color:#fff;flex:0 0 40px;background:#555;box-shadow:inset 0 0 0 3px rgba(0,0,0,.35)}.ocd.d1,.ocd.d2{background:#4caf2a}.ocd.d3,.ocd.d4{background:#c08a2c}.ocd.d5,.ocd.d6{background:#d9822b}.ocd.d7,.ocd.d8{background:#b5443a}.ocd.d9,.ocd.d10{background:#7d4fb5}
.warboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:14px}.ws{text-align:center;background:#2b2b2b;border-radius:7px;padding:10px 6px}.ws b{display:block;color:#ddd;font-size:14px}.ws span{font:900 28px "Arial Black",Arial;color:#fff}.ws.lead{background:#3d4538;box-shadow:inset 0 0 0 1px #8fd14f}.ws.lead span{color:#8fd14f}.vs{color:#888;font:900 14px "Arial Black",Arial}
/* stocks: 30-day sparkline behind the price */
.pxcell{position:relative}.spark{position:absolute;left:0;right:0;top:2px;height:34px;width:100%;opacity:.35;pointer-events:none}.spark polyline{fill:none;stroke:#8fd14f;stroke-width:2;vector-effect:non-scaling-stroke}.spark.dn polyline{stroke:#f05a5a}.pxcell .px,.pxcell .chg,.pxcell .trade{position:relative}
.chain.live .tb-i{color:#f2c230}.chain.live i b{background:#f2c230}
/* art v2: per-item hue inside the category colour, gym emblems, stock logos */
.ib[style*="--h"]{background:linear-gradient(135deg,hsl(var(--h),42%,50%),hsl(var(--h),45%,26%))}
.ib.t-primary[style*="--h"],.ib.t-secondary[style*="--h"]{background:linear-gradient(135deg,hsl(var(--h),10%,58%),hsl(var(--h),12%,28%))}.ib.t-melee[style*="--h"]{background:linear-gradient(135deg,hsl(calc(var(--h) * 0.1 + 20),55%,45%),hsl(calc(var(--h) * 0.1 + 20),55%,22%))}
.ib.t-defensive[style*="--h"]{background:linear-gradient(135deg,hsl(calc(var(--h) * 0.15 + 205),50%,48%),hsl(calc(var(--h) * 0.15 + 205),50%,24%))}.ib.t-medical[style*="--h"]{background:linear-gradient(135deg,hsl(calc(var(--h) * 0.1 - 5),65%,52%),hsl(calc(var(--h) * 0.1 - 5),65%,26%))}
.ib.t-drug[style*="--h"]{background:linear-gradient(135deg,hsl(calc(var(--h) * 0.2 + 165),45%,42%),hsl(calc(var(--h) * 0.2 + 165),45%,20%))}.ib.t-energy[style*="--h"]{background:linear-gradient(135deg,hsl(calc(var(--h) * 0.2 + 75),55%,48%),hsl(calc(var(--h) * 0.2 + 75),55%,24%))}
.ib.t-supply[style*="--h"],.ib.t-material[style*="--h"],.ib.t-tool[style*="--h"],.ib.t-other[style*="--h"]{background:linear-gradient(135deg,hsl(var(--h),14%,48%),hsl(var(--h),14%,24%))}
.gym-grid a.emb{position:relative;color:#fff;font:900 15px "Arial Black",Arial;background:linear-gradient(135deg,hsl(var(--h),45%,48%),hsl(var(--h),48%,24%));border:1px solid #111;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 1px 2px #000;overflow:hidden}
.gym-grid a.emb span{position:relative;z-index:1;text-shadow:0 1px 2px #000}.gym-grid a.emb::before{content:"";position:absolute;inset:18%;background:rgba(255,255,255,.14)}.gym-grid a.s0::before{border-radius:50%}.gym-grid a.s1::before{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.gym-grid a.s2::before{clip-path:polygon(50% 0,100% 20%,85% 100%,15% 100%,0 20%)}.gym-grid a.s3::before{transform:rotate(45deg)}
.gym-grid a.emb.cur{outline:2px solid #8fd14f;outline-offset:-2px}.gym-grid a.lock.emb{background:#2e2e2e;color:#555}
.slogo{display:inline-flex;align-items:center;justify-content:center;width:50px;height:44px;border-radius:8px;background:linear-gradient(135deg,hsl(var(--h),48%,48%),hsl(var(--h),50%,24%));color:#fff;font:900 14px "Arial Black",Arial;box-shadow:inset 0 0 0 2px rgba(0,0,0,.35),0 1px 2px #000;position:relative;overflow:hidden}
.slogo::before{content:"";position:absolute;inset:14%;background:rgba(255,255,255,.14)}.slogo.s0::before{border-radius:50%}.slogo.s1::before{clip-path:polygon(50% 0,100% 100%,0 100%)}.slogo.s2::before{transform:rotate(45deg) scale(.7)}.slogo{z-index:0}.slogo::before{z-index:-1}
/* casino */
.cas-slots{background:linear-gradient(135deg,#d9822b,#7a4412)}.cas-roulette{background:linear-gradient(135deg,#b5443a,#6d2219)}.cas-blackjack{background:linear-gradient(135deg,#2a9d5c,#145430)}.cas-highlow{background:linear-gradient(135deg,#3f78c7,#213f78)}.cas-lottery{background:linear-gradient(135deg,#7d4fb5,#3f2566)}
.reels{display:flex;justify-content:center;gap:10px;padding:18px 14px 8px}.reel{width:84px;height:84px;border-radius:10px;background:linear-gradient(#f8f8f8,#d8d8d8);box-shadow:inset 0 0 0 3px #333,0 3px 8px #000;display:flex;align-items:center;justify-content:center}.reel img{width:58px;height:58px}
.cmsg{margin:8px 14px;padding:10px 12px;border-radius:7px;background:#2b2b2b;color:#ddd;font-size:15px;text-align:center}.cmsg.win{background:#2f4a22;color:#c6f0a0;font-weight:bold}
.cform{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px 14px}.cform.col{flex-direction:column;align-items:stretch}.btn.big{padding:12px 22px;font-size:17px}
.betl{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa;text-transform:uppercase;letter-spacing:.4px}.betl input{width:150px;max-width:150px;font-size:16px}
.paytable{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:4px 14px 14px;font-size:12px;color:#999}
.wheel{display:flex;justify-content:center;padding:14px}.ball{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;font:900 24px "Arial Black",Arial;color:#fff;box-shadow:inset 0 0 0 4px rgba(255,255,255,.2),0 3px 8px #000}.ball.red{background:#c0392b}.ball.black{background:#222}.ball.green{background:#2e8b3d}
.rbets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rb{padding:12px 4px;border-radius:7px;border:1px solid #111;background:linear-gradient(#444,#2a2a2a);color:#eee;font:bold 14px Arial;cursor:pointer}.rb.red{background:linear-gradient(#d04a3a,#8a2a1e)}.rb.black{background:linear-gradient(#333,#111)}
.straight{display:flex;gap:8px;align-items:center}.straight input{width:90px}
.hands{display:flex;flex-direction:column;gap:10px;padding:14px}.hand .hl{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#9a9a9a;margin-bottom:6px}.cards{display:flex;gap:6px;flex-wrap:wrap}
.pcard{display:inline-flex;align-items:center;justify-content:center;width:46px;height:64px;border-radius:6px;background:#f8f8f8;color:#111;font:bold 17px Arial;box-shadow:0 2px 4px #000}.pcard.red{color:#c0392b}.pcard.back{background:repeating-linear-gradient(45deg,#2d5fa8 0 6px,#1e3f70 6px 12px);color:#fff}.pcard.big{width:70px;height:96px;font-size:26px}
/* iPhone: respect the home-indicator safe area */
.fab{bottom:calc(10px + env(safe-area-inset-bottom,0px))}body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.sidebar{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
/* hospital / jail / education rows */
.prow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--box)}.prow:last-child{border-bottom:0}.prow .pn{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prow .pn b{font-size:15px}.prow .pa{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.tabs3 .cnt{margin-left:4px}
/* trades + home equipped rows */
.tsides{display:grid;grid-template-columns:1fr;gap:2px;background:#1f1f1f}@media(min-width:700px){.tsides{grid-template-columns:1fr 1fr}}.tside{background:var(--box)}.tsh{padding:8px 12px;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:#9a9a9a;background:#2f2f2f;border-bottom:1px solid var(--line)}.tsum{padding:8px 12px;text-align:right;border-top:1px solid var(--line)}
.eqrow{display:inline-flex;align-items:center;gap:8px}.eqrow .ib{width:30px;height:30px;flex:0 0 30px}
/* weapon mods + property tiles */
.modsec{margin:8px 0;padding:8px 10px;background:#353535;border-radius:6px}.modrow{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid #2b2b2b;margin:0}.modrow:last-child{border-bottom:0}.modrow .mn{flex:1;min-width:0;display:flex;flex-direction:column}.modrow .mn b{font-size:13px;color:#e8e8e8}.modlist summary{cursor:pointer;color:#7fb8ff;padding:4px 0}
.ptile{display:inline-flex;align-items:center;gap:8px}.ptile .ib{width:30px;height:30px;flex:0 0 30px}
/* awards */
.mprog{display:flex;align-items:center;gap:8px;margin-top:3px}.mprog i{flex:1;height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden;max-width:220px}.mprog i b{display:block;height:100%;background:var(--green)}
.aw{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#3a3a3a;color:#999;font:bold 14px Arial;flex:0 0 34px;box-shadow:inset 0 0 0 2px #2a2a2a}.aw.on{background:linear-gradient(135deg,#f2c230,#8a6a10);color:#111;box-shadow:inset 0 0 0 2px rgba(0,0,0,.3)}.prow.earned{background:#3a3d33}
/* events, bank terms */
.evrow{display:flex;align-items:flex-start;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--box)}.evrow:last-child{border-bottom:0}.evrow.unseen{background:#3a3d33}.evi{flex:0 0 26px;text-align:center;font-size:16px}.evt{flex:1;min-width:0;color:#e2e2e2;font-size:14px;line-height:1.4}.evd{flex:0 0 auto;white-space:nowrap}
.ev-attack .evi{color:#f05a5a}.ev-award .evi,.ev-medal .evi,.ev-merit .evi{color:#f2c230}.ev-sale .evi,.ev-bank .evi{color:#8fd14f}
.terms{grid-template-columns:repeat(5,1fr)}.terms .rb{padding:8px 2px;line-height:1.2}.terms .rb b{font-size:15px;color:#8fd14f}
/* chat dock (bottom panel like Torn's chat bar) */
.chatdock{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#262626;border-top:2px solid #111;box-shadow:0 -4px 12px rgba(0,0,0,.5);transform:translateY(105%);transition:transform .2s ease;display:flex;flex-direction:column;max-height:60vh;padding-bottom:env(safe-area-inset-bottom,0px)}.chatdock.open{transform:none}
.cd-h{display:flex;align-items:center;gap:8px;padding:6px 8px;background:linear-gradient(#3a3a3a,#2b2b2b);border-bottom:1px solid #111}.cd-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.cd-tab{background:#2b2b2b;border:1px solid #3a3a3a;color:#bbb;border-radius:12px;padding:4px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.cd-tab.on{background:#4a4a4a;color:#fff;border-color:#8fd14f}
#chatclose{background:none;border:0;color:#aaa;font-size:16px;cursor:pointer;padding:0 6px}.cd-feed{height:38vh;min-height:200px}
@media(min-width:900px){.chatdock{left:auto;right:12px;width:380px;border:1px solid #111;border-radius:8px 8px 0 0}}
/* territory map */
.tmap{padding:8px;background:#1d1d1d}.tmap svg{width:100%;height:auto;max-height:60vh;display:block}.tt circle{fill:hsl(var(--h),45%,45%);stroke:#111;stroke-width:1.5;opacity:.9}.tt.free circle{fill:#3a3a3a;stroke:#555}.tt.mine circle{stroke:#8fd14f;stroke-width:3}
/* keno grid */
.keno{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.kn{position:relative}.kn input{position:absolute;opacity:0;width:0;height:0}.kn span{display:flex;align-items:center;justify-content:center;height:32px;border-radius:5px;background:#333;color:#ccc;font:bold 13px Arial;border:1px solid #222;cursor:pointer}.kn input:checked+span{background:#2d5fa8;color:#fff;border-color:#4a86d8}.kn.drawn span{box-shadow:inset 0 0 0 2px #f2c230}.kn.hit span{background:#3f7d26;color:#fff;border-color:#8fd14f}
.cas-keno{background:linear-gradient(135deg,#c08a2c,#7a5114)}
/* stock chart */
.chart{position:relative;padding:10px 14px 4px}.chart svg{width:100%;height:160px;display:block;background:#1d1d1d;border-radius:6px}.chart polyline{fill:none;stroke:#8fd14f;stroke-width:1.2;vector-effect:non-scaling-stroke}.chart polyline.dn{stroke:#f05a5a}.chart-l{position:absolute;right:20px;top:12px;bottom:8px;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#999}
a.slogo{text-decoration:none}

.sbar{display:flex;align-items:center;gap:10px;margin-top:5px}.sbar i{flex:1;height:8px;background:#1a1a1a;border-radius:4px;overflow:hidden}.sbar i b{display:block;height:100%;background:var(--green)}.sbar span{min-width:78px;text-align:right}
.pb blockquote.q{margin:6px 0;padding:6px 10px;border-left:3px solid #8fd14f;background:#2a2d28;border-radius:0 6px 6px 0;color:#c9c9c9;font-size:14px}.pb blockquote.q b{display:block;color:#8fd14f;font-size:12px;margin-bottom:2px}
.edtog{display:none}.compose.edit{display:none;margin:0 12px 12px 58px}.edtog:checked+.compose.edit{display:flex}.bic.fac{background:#3b5a2a}
.igrid{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px}
.spark{padding:6px 14px}.spark svg{width:100%;height:48px;display:block;background:#1f1f1f;border-radius:6px}
.row .r.n{color:#e2e2e2}
.hbar{--c1:#555;--c2:#2b2b2b;display:inline-flex;align-items:center;height:22px;padding:0 10px;border-radius:4px;background:linear-gradient(100deg,var(--c1),var(--c2) 70%);color:#fff;font:bold 11px/1 Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.5);max-width:100%;overflow:hidden;white-space:nowrap}
.hbar span{overflow:hidden;text-overflow:ellipsis}.hbar.big{height:28px;font-size:13px;margin:8px 14px 2px;padding:0 14px}.hbar.sm{height:16px;font-size:9px;padding:0 7px;margin:2px 0}.hbar.eq{outline:2px solid #8fd14f;outline-offset:1px}
.hbar.common{--c1:#6c6c6c;--c2:#333}.hbar.uncommon{--c1:#4f9d3a;--c2:#1f4a18}.hbar.limited{--c1:#3b7fd1;--c2:#1b3a66}.hbar.rare{--c1:#8b48c9;--c2:#3b1a5e}.hbar.veryrare{--c1:#e0a020;--c2:#6b4600}.hbar.extreme{--c1:#d4383a;--c2:#5a1314}
.wheels{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px}.wheel{display:flex;flex-direction:column;align-items:center;gap:6px;background:#2b2b2b;border-radius:8px;padding:12px 8px;text-align:center}.wheel b{font-size:13px}.wheel .wimg{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#555,#222)}.wheel .wimg img{width:48px;height:48px}.wheel.w-lame .wimg{box-shadow:0 0 0 3px #6c6c6c}.wheel.w-mediocrity .wimg{box-shadow:0 0 0 3px #3b7fd1}.wheel.w-awesome .wimg{box-shadow:0 0 0 3px #e0a020}.wheel details{color:#999}
.rrlog{margin:8px 0;max-height:220px;overflow-y:auto}
.fix{padding:10px 14px;border-bottom:1px solid var(--line)}.fix .fx{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:6px}.fix .fx b{flex:1;font-size:14px}.fix .fx b:last-child{text-align:right}.odds{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.odds label{flex:1;min-width:70px}.odds label input{display:none}.odds label span{display:block;text-align:center;padding:7px 4px;border-radius:6px;background:#1f1f1f;font-size:13px;cursor:pointer}.odds label input:checked+span{background:#3d4538;outline:1px solid #8fd14f}
.arena{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:end;padding:10px 14px 0;background:radial-gradient(ellipse at 50% 100%,#2d2d2d,#222 70%);border-bottom:1px solid #1f1f1f}.fig{position:relative;text-align:center}.fig .body{width:92px;height:184px;display:block;margin:0 auto}.fig .fname{display:block;font-size:12px;color:#ddd;padding:4px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fig-them .body{transform:scaleX(-1)}
.bp{fill:#4a4a4a;stroke:#1a1a1a;stroke-width:1.2;transition:fill .15s}.fig-me .bp{fill:#4d5a44}.fig-them .bp{fill:#5a4444}.bp.hit{fill:#e03b3b}.bp.hit.crit{fill:#ffd23b}
.dmgs{position:absolute;left:0;right:0;top:40px;pointer-events:none}.dmg{position:absolute;left:50%;transform:translateX(-50%);font:bold 15px Arial;color:#ff6b6b;text-shadow:0 1px 2px #000;animation:dmgf .9s ease-out forwards}.dmg.crit{color:#ffd23b;font-size:18px}.dmg.miss{color:#aaa;font-weight:normal;font-style:italic}@keyframes dmgf{from{opacity:1;top:40px}to{opacity:0;top:-10px}}
.arena-mid{text-align:center;padding-bottom:14px;min-width:84px}.arena-mid .rnd{font:900 22px "Arial Black",Arial;color:#fff}.arena-mid .rline{font-size:11px;color:#bbb;max-width:150px;margin:4px auto 8px;min-height:28px}.flog li.now{background:#3d4538;color:#fff}
@media(max-width:400px){.fig .body{width:72px;height:144px}}
.citymap{background:#141414;border-radius:8px;padding:6px;margin-bottom:8px}.citymap svg{width:100%;height:auto;display:block}.citymap .dname{font:bold 9px Arial,sans-serif;fill:rgba(255,255,255,.45);letter-spacing:.8px}.citymap .sicon{font-size:14px;text-anchor:middle;fill:#fff}.citymap .slabel{font:bold 8px Arial,sans-serif;fill:#e6e6e6;text-anchor:middle;paint-order:stroke;stroke:#000;stroke-width:2px}.citymap a.spot circle{transition:fill .15s}.citymap a.spot:hover circle,.citymap a.spot:active circle{fill:#3d4538}
.doll{display:grid;grid-template-columns:1fr 92px 1fr;gap:6px;padding:10px 8px;align-items:center}.dcol{display:flex;flex-direction:column;gap:4px}.dslot{display:flex;align-items:center;gap:6px;background:#2b2b2b;border-radius:7px;padding:4px 6px;color:#bbb;min-height:38px}.dslot .ib{width:28px;height:28px;flex:0 0 28px}.dslot .ib img{width:20px;height:20px}.dslot.on{background:#33402e;color:#e6e6e6}.dslot .dn{display:flex;flex-direction:column;min-width:0}.dslot .dn b{font-size:11px;text-transform:uppercase;letter-spacing:.4px}.dslot .dn .small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dbody .body{width:92px;height:184px;display:block}.dbody .bp{fill:#4a4a4a;stroke:#1a1a1a;stroke-width:1.2}.dbody .bp.worn{fill:#5f9cf0}
.scard{padding:8px 14px 10px;border-bottom:1px solid var(--line)}.scard .sh{display:flex;align-items:baseline;gap:10px}.scard .sh b{flex:1;font-size:14px;color:#e2e2e2}.scard .sv{font:bold 15px Arial;color:#fff}.scard .sd{font-size:12px}.scard .spark{padding:4px 0 2px}.scard .spark svg{height:44px}.srange{color:#8a8a8a}
.contrib{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 14px 10px}.contrib>div{background:#2b2b2b;border-radius:7px;padding:6px 8px}.contrib .row{padding:3px 0;border:0}
.trow{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line)}.trow.out{opacity:.45}.trow.mine{background:#33402e}.tsw{width:14px;height:36px;border-radius:4px;flex:0 0 14px}.trow .tn{flex:1;display:flex;flex-direction:column;min-width:0}.trow .tn b{color:#fff}
.row.dim{opacity:.55}
.av{background-size:cover;background-position:center;text-shadow:0 1px 2px #000,0 0 6px #000}
@media(max-width:350px){.t-bars{font-size:13px}.t-bars>*{min-width:0}}
html[data-compact] .row,html[data-compact] .prow,html[data-compact] .mrow,html[data-compact] .brow,html[data-compact] .evrow{padding-top:4px;padding-bottom:4px}html[data-compact] .fstats>div{padding:5px 8px}
details.tbox summary{list-style:none;cursor:pointer}details.tbox summary::-webkit-details-marker{display:none}

.wbar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 14px;border-top:1px solid #1f1f1f}.wbar form{margin:0}.wslot{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:linear-gradient(#3a3a3a,#1e1e1e);border:1px solid #111;border-radius:8px;color:#ddd;cursor:pointer;box-shadow:inset 0 1px 0 #555}.wslot .ib{width:34px;height:34px}.wslot .wglyph{display:flex;align-items:center;justify-content:center;font-size:20px}.wslot .wn{font:bold 12px Arial;text-transform:uppercase;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wslot .small{font-size:10px;color:#9a9a9a}.wslot.on{border-color:#5aa63a;box-shadow:0 0 0 1px #5aa63a inset}.wslot:disabled{opacity:.45;cursor:not-allowed}.wslot:active{transform:translateY(1px)}

.tb{grid-template-rows:auto auto auto}.tb-l{grid-column:1/3;font:bold 9px Arial;letter-spacing:.4px;text-transform:uppercase;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:11px}
.sicons{display:flex;flex-wrap:wrap;gap:5px;padding:8px 14px;align-items:center}.sic{width:28px;height:28px;border-radius:6px;background:linear-gradient(#3b3b3b,#262626);border:1px solid #141414;display:inline-flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none!important;color:#eee;box-shadow:inset 0 1px 0 #555}.sic.green{border-color:#3f7d26}.sic.red{border-color:#8a2a22}.sic.gold{border-color:#b8902a}.sic.amber{border-color:#9a6b1a}.sic.blue{border-color:#2d5fa8}.sic.lit{outline:2px solid #8fd14f}.sic-cap{flex-basis:100%;min-height:14px;color:#bbb}
.wslot.reload{border-color:#b8902a;box-shadow:0 0 0 1px #b8902a inset}.wslot.reload .wn{color:#ffd23b}

.ipanel{padding:0 0 6px}.ip-head{display:flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(#3a4a2a,#2b3620);border-bottom:1px solid #111}.ip-name{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ip-name b{font-size:15px}
.ip-q{background:#5b2fb3;color:#fff;font:bold 12px Arial;padding:2px 7px;border-radius:5px}.ip-b{color:#d9b3ff;font:bold 12px Arial}.ip-val{color:#8fd14f;font-weight:bold;white-space:nowrap}
.ip-desc{padding:10px 14px;margin:0;color:#ddd;line-height:1.4}.ip-desc b{color:#fff}
.ip-pic{margin:4px 14px 10px;border:1px solid #444;border-radius:8px;height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 60%,#4a4a4a,#1a1a1a 75%)}
.ip-pic img{width:62%;max-height:170px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.7)) drop-shadow(0 0 2px rgba(255,255,255,.25))}
.rar-yellow .ip-pic{background:radial-gradient(ellipse at 50% 60%,#8a7a1e,#1a1708 75%)}.rar-orange .ip-pic{background:radial-gradient(ellipse at 50% 60%,#8a5a16,#1b140a 75%)}.rar-red .ip-pic{background:radial-gradient(ellipse at 50% 60%,#8a2424,#1b0d0d 75%)}
.ip-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#1f1f1f;margin:0}.ip-grid>div{background:#2c2c2c;padding:10px 12px;font-size:14px;color:#ddd;overflow:hidden;text-overflow:ellipsis}.ip-grid b{color:#fff;margin-right:4px}.ip-ico{display:inline-block;width:18px;text-align:center}.ip-note{padding:8px 14px 0}
.ip-pic.art img{width:88%;max-height:200px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.75))}
.ib.art{background:radial-gradient(ellipse at 50% 60%,#4a4a4a,#1e1e1e 80%)!important;box-shadow:inset 0 0 0 1px #111,0 1px 2px #000}.ib.art img{width:90%;height:90%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.8))}