.item-art{display:block;aspect-ratio:1;width:100%;max-height:100%;background-image:url('assets/items/equipment-atlas-v1.png');background-size:600% 400%;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat;border-radius:2px;pointer-events:none}.inventory-item{padding:2px;background:#09131c;box-shadow:inset 0 -3px var(--rarity)}.inventory-item .item-art{width:100%;max-width:100%;height:auto;align-self:center}.inventory-item small,.inventory-item i{z-index:1;background:#08111dde;border-radius:2px;padding:1px 3px}.inventory-item:hover .item-art,.inventory-item:focus-visible .item-art{filter:brightness(1.18)}.inspector-icon{width:146px;height:146px;padding:0;border-color:var(--rarity);box-shadow:0 6px 24px #0007}.inspector-icon .item-art{height:100%}.stash-grid .inventory-item .item-art{width:49px}.paper-slot .item-art{width:100%}.game-tooltip{position:fixed;z-index:10000;pointer-events:none;max-width:min(340px,calc(100vw - 16px));padding:14px 16px;background:#091723fa;color:#e9f4f7;border:1px solid #c4ac72;border-radius:6px;box-shadow:0 10px 32px #000a;white-space:pre-line;font-size:13px;line-height:1.7;box-sizing:border-box}.game-tooltip[hidden]{display:none}
#characterSelect{width:min(1080px,94vw);max-height:90dvh;overflow:auto;background:linear-gradient(135deg,#1c3547,#08141f 60%);border:1px solid #648596;color:#e6f2f5;padding:28px;border-radius:10px}#characterSelect::backdrop{background:#030b14cc;backdrop-filter:blur(5px)}.roster-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.roster-heading h2{margin:6px 0}.roster-heading p{color:#a9c3ce}.roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:18px 0}.roster-card{display:flex;flex-direction:column;align-items:center;gap:5px;background:radial-gradient(ellipse at 50% 40%,#2e4c60,#0b1b29 75%);padding:12px;border:1px solid #547284;min-width:0}.roster-card.current{border-color:#e3c37d}.roster-card strong{color:#f0dcac}.roster-card span,.roster-card small{font-size:12px}.roster-card b{margin-top:5px;color:#75ddd4}.roster-portrait{width:140px;height:155px;object-fit:contain;image-rendering:pixelated}.create-character{padding:18px;border:1px solid #425e71;border-radius:6px}.create-character summary{cursor:pointer;color:#f0dcac}.create-character form>label{display:grid;gap:8px;margin:16px 0}.creation-classes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.creation-class{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:1px solid #416070;border-radius:5px;cursor:pointer;background:#0b1e2d}.creation-class:has(input:checked){border-color:#f4cc7f;background:#284457;box-shadow:inset 0 0 0 1px #f4cc7f}.creation-class input{position:absolute;left:7px;top:7px;accent-color:#e5c780}.creation-class canvas{width:90px;height:100px;image-rendering:pixelated}.creation-class strong{font-size:13px}.creation-class small,.creation-class span{font-size:11px;color:#b2ceda;text-align:center}.create-character p{font-size:12px;line-height:1.7;color:#adc5d0}.class-change-service>div{display:flex;flex-wrap:wrap;gap:6px}.class-change-service button{font-size:12px}#characterSelectButton{white-space:normal}
@media(max-width:900px),(max-height:600px) and (max-width:1200px){#characterSelect{max-height:94dvh;padding:16px}.roster-grid{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.creation-classes{grid-template-columns:repeat(4,minmax(0,1fr))}.creation-class strong{font-size:11px}.creation-class canvas{height:80px;width:74px}.roster-portrait{width:100px;height:115px}.game-tooltip{font-size:11px;padding:10px;max-width:280px}}@media(max-width:550px){.creation-classes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape) and (max-height:350px){#upgradeNotice{top:103px;padding:3px 7px}}
.roster-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.create-character input[type=text],.create-character input:not([type]){width:100%;padding:12px 14px;border:1px solid #577889;border-radius:5px;background:#081924;color:#eaf5f9;font:inherit;box-sizing:border-box}.roster-card{max-width:230px}@media(min-width:901px) and (min-height:601px){#characterSelectButton{position:absolute;left:335px;top:148px;padding:9px 12px}}
.interface-icon{display:inline-block;width:30px;height:30px;flex:0 0 auto;background-image:url('assets/items/interface-atlas-v1.png');background-size:400% 400%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;border-radius:4px;vertical-align:middle}.topnav .interface-icon{display:block;margin:0 auto 3px;width:30px;height:30px}#chatToggle .interface-icon{display:inline-block;width:22px;height:22px;margin:0 4px 0 0}.actiondock .interface-icon{width:32px;height:32px;display:block;margin:4px auto 0}.skills .interface-icon{position:absolute;inset:3px;width:auto;height:auto;margin:0;opacity:.75}.skill-lock .interface-icon{filter:grayscale(.65);opacity:.38}.consumable .interface-icon{margin:8px auto 0}.actiondock .consumable>span{position:relative;z-index:1;text-shadow:0 1px 3px #000}.actiondock .consumable .supply-name{z-index:2}@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){.menu-open .topnav .interface-icon{width:21px;height:21px;margin:0 3px 0 0}.actiondock .interface-icon{width:28px;height:28px}.actiondock .skills .interface-icon{width:auto;height:auto}.actiondock .consumable .interface-icon{margin-top:6px}}
@media(min-width:901px) and (min-height:601px){#performanceStatus{top:352px}#messages{left:270px;bottom:120px;max-width:300px}.in-town #messages{left:16px;bottom:95px}}.supply-icon .interface-icon{width:62px;height:62px}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){body:has(#targetPanel:not(.hidden)) .zone{visibility:hidden}.target{top:8px;padding:4px 8px}.target>small:last-child{display:none}.nearby-loot{right:126px;bottom:88px;max-width:170px;max-height:58px;overflow:auto;padding:5px;opacity:.88}.nearby-loot strong{display:none}.nearby-loot button{font-size:10px;padding:5px}#messages{max-width:195px}.message{max-height:32px;overflow:hidden}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1200px){.nearby-loot{left:auto;right:126px}}