@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#c4a16b;--line:#b99a603b;--ink:#11140feb}*{box-sizing:border-box}body{margin:0;background:#0b100c;color:#e8e5d8;font:14px Inter,Arial,sans-serif;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#scene{position:fixed;inset:0;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;background:radial-gradient(ellipse at center,#263126,#0b100c 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100}#loading h1{font:500 20px Cinzel,Georgia;letter-spacing:6px}.crest{border:1px solid var(--gold);color:var(--gold);font:46px Cinzel,Georgia;padding:10px 25px;transform:rotate(0deg);margin-bottom:26px}#loading p{color:#a4aa97;font-size:12px}progress{width:260px;height:3px;accent-color:var(--gold)}#login{position:fixed;inset:0;display:flex;align-items:center;padding:6vw;background:linear-gradient(90deg,#080d0cec,transparent 90%)}.login-card{width:370px;padding:35px 35px 26px;background:#0d1512eb;border:1px solid var(--line);box-shadow:0 20px 120px #0008;backdrop-filter:blur(12px)}.eyebrow{color:var(--gold);letter-spacing:3px;font-size:9px}.login-card h1{font:500 29px/1.4 Cinzel,Georgia;letter-spacing:2px;margin:24px 0}.login-card h1 em{font-style:normal;font-size:23px;color:var(--gold);letter-spacing:3px}.rule{height:1px;background:linear-gradient(90deg,var(--gold),transparent);width:60px;margin:24px 0}.login-card p{color:#b4b7a8;font-size:12px;line-height:1.8}label{display:block;font-size:11px;color:#babfac;letter-spacing:.5px;margin:20px 0 0}input{display:block;background:#060d0a99;border:1px solid #9ba58c35;color:#f5f0df;outline:none;padding:13px 14px;width:100%;margin-top:8px;border-radius:2px}input:focus{border-color:var(--gold)}#enter{display:flex;justify-content:space-between;width:100%;padding:15px;background:linear-gradient(120deg,#cbb182,#9a794d);border:0;color:#1b1a13;font-size:10px;font-weight:700;letter-spacing:1px;margin-top:24px}.secondary{width:100%;background:none;border:1px solid var(--line);padding:12px;color:var(--gold);font-size:11px;margin-top:10px}.login-card small{font-size:8px;letter-spacing:1.2px;color:#6d7c6c}.intro{margin-left:auto;width:40%;text-shadow:0 2px 25px #000}.intro>span{font-size:10px;letter-spacing:4px;color:#c8c7ac}.intro h2{font:400 52px/1.15 Cinzel,Georgia;margin:25px 0}.intro p{max-width:300px;line-height:1.8;color:#e0e0cf;font-size:13px}.intro>div{margin-top:50px;font-size:8px;letter-spacing:1px;color:#c8ccbb}.intro b{padding:0 8px;color:var(--gold)}#autherror{color:#ed9690;min-height:16px}header{position:absolute;left:0;right:0;top:0;padding:20px 28px;display:flex;align-items:center;gap:32px;background:linear-gradient(#08110ddd,transparent);pointer-events:none}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font:32px Cinzel,Georgia}.brand span{font:8px/1.5 Cinzel,Georgia;letter-spacing:1.4px}.location{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px}.location i{width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}.location #coords{letter-spacing:1px;color:#bdc1b4;font-size:10px}.location small{color:#95be9a;font-size:9px;letter-spacing:0}#logout{margin-left:auto;background:#11180fbb;border:1px solid var(--line);padding:8px 12px;font-size:10px;pointer-events:auto}#mapbox{position:absolute;right:26px;top:90px;width:182px;background:var(--ink);border:1px solid var(--line);box-shadow:0 4px 20px #0007}#minimap{width:180px;height:180px;display:block;cursor:crosshair}#mapbox>div{display:flex;justify-content:space-between;padding:9px;font-size:8px;letter-spacing:1px;color:#d0bd98}.help{position:absolute;right:26px;top:320px;width:182px;background:#11180fc9;border:1px solid var(--line);padding:14px}.help b{font-size:10px;color:var(--gold)}.help p{font-size:9px;line-height:2;color:#c3c9b6}kbd{font-family:inherit;border:1px solid #a8ae8e50;border-radius:2px;padding:2px 4px;font-size:9px;color:#ded9b8}.help button{background:none;border:1px solid var(--line);padding:7px 10px;font-size:9px;width:100%;color:var(--gold)}footer{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:640px;max-width:calc(100% - 32px);display:flex;align-items:center;gap:18px;padding:16px 20px;border:1px solid #bc9b5e66;background:linear-gradient(120deg,#141b15f5,#0c120ef5);box-shadow:0 8px 40px #0008}.hero{display:flex;gap:12px;align-items:center;width:180px;flex-shrink:0}.avatar{border:1px solid #af8b58;font:16px Cinzel,Georgia;color:var(--gold);padding:12px 7px;background:#51452a40}.hero b{display:block;font:13px Cinzel,Georgia}.hero small{display:block;font-size:7px;color:#c3b48f;margin-top:7px;letter-spacing:.6px}.vitals{flex:1}.bar{position:relative;height:17px;border:1px solid #0008;background:#0008;overflow:hidden}.bar i{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,#651f1c,#b84d36);transition:width .2s}.bar span{position:relative;display:block;text-align:center;font-size:9px;line-height:15px;text-shadow:0 1px 2px #000}.xp{height:8px;margin-top:5px}.xp i{background:linear-gradient(90deg,#695b26,#b9a85d)}.xp span{font-size:5px;line-height:6px}#potion{background:#2e211ae0;border:1px solid #8a574a;padding:8px;width:62px;position:relative}#potion>span{font-size:20px;color:#e56d4f}#potion kbd{position:absolute;left:3px;top:2px;font-size:7px;padding:1px}#potion small{display:block;font-size:6px;margin-top:4px}.wallet{min-width:45px}.wallet small{font-size:7px;color:#a89c7a;letter-spacing:2px}.wallet b{display:block;color:#d5b468;margin-top:7px;font-size:12px}#chat{position:absolute;bottom:135px;left:28px;width:310px;max-width:45vw;font-size:10px}#messages{max-height:150px;overflow:hidden;line-height:1.8;text-shadow:1px 1px 2px #000}#messages b{color:var(--gold)}#chat-input{background:#0b140cb0;font-size:10px;padding:9px;border-color:#a8ae8e30}#notices{position:absolute;top:100px;width:100%;text-align:center;pointer-events:none;color:#ebd8a0;font:16px Cinzel,Georgia;text-shadow:0 2px 6px #000}.notice{animation:notice 4s forwards}@keyframes notice{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:translateY(0)}100%{opacity:0}}#names{position:fixed;inset:0;pointer-events:none}.nametag{position:absolute;transform:translate(-50%,-100%);font-size:9px;text-shadow:1px 1px 3px #000;color:#ede6cd;white-space:nowrap}.nametag.npc{color:#f4cc7a}.nametag.monster{color:#e1aaa0}.nametag .tinybar{height:3px;background:#281812;margin-top:4px}.tinybar i{display:block;height:100%;background:#bf5b3b}.damage{color:#ffce82;font-size:19px;position:absolute;animation:damage 1s forwards;pointer-events:none;font-weight:600}@keyframes damage{to{transform:translateY(-65px);opacity:0}}.build{position:absolute;bottom:6px;left:28px;font-size:7px;letter-spacing:1.5px;color:#a4ac9270}dialog{background:#131b14f5;border:1px solid var(--gold);color:#e8e5d8;padding:35px;max-width:420px;box-shadow:0 20px 90px #000}dialog::backdrop{background:#0007}dialog h2{font:22px Cinzel,Georgia;color:var(--gold)}dialog p{line-height:1.8;font-size:13px}dialog small{color:#a5ac96;line-height:1.6}.close{position:absolute;right:10px;top:6px;border:0;background:none;font-size:25px;color:var(--gold)}@media(max-width:700px){#login{padding:20px;justify-content:center}.login-card{width:340px;padding:26px}.intro{display:none}header{padding:15px;gap:12px}.brand span{display:none}.location{gap:7px;font-size:9px;letter-spacing:1px}.location small{display:none}#mapbox{width:112px;right:12px;top:65px}#minimap{width:110px;height:110px}#mapbox>div{font-size:6px;padding:6px}.help{display:none}footer{bottom:18px;gap:10px;padding:10px}.hero{width:115px;gap:6px}.hero b{font-size:11px}.hero small{font-size:6px}.avatar{font-size:11px;padding:9px 5px}.wallet{min-width:25px}.wallet b{font-size:10px}#potion{width:43px;padding:6px}.vitals .bar span{font-size:7px}#chat{left:15px;bottom:105px;max-width:65vw;width:240px}#messages{max-height:75px;font-size:9px}.build{font-size:5px;left:15px}#notices{top:70px;font-size:12px}}
/* Alpha 0.2: restrained atmosphere, readable controls, inexpensive HUD composition. */
#hud::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 52%,#0c1b171f 100%)}
.graphics{margin-left:auto;display:flex;align-items:center;gap:10px;pointer-events:auto}.graphics select{color:#d2c3a4;background:#101a15dc;border:1px solid var(--line);padding:7px 9px;font:10px Inter,Arial,sans-serif;outline:none;max-width:170px}.graphics select:focus-visible{border-color:var(--gold);outline:1px solid var(--gold)}#fps{font-size:9px;letter-spacing:.5px;color:#a6bd9b;min-width:39px;text-align:right;font-variant-numeric:tabular-nums}#fps.medium{color:#d7bd80}#fps.slow{color:#e3a193}#logout{margin-left:0}
#mapbox{border-color:#bba16f70;box-shadow:0 4px 25px #0006,inset 0 0 0 2px #172319}#minimap{filter:saturate(.8) contrast(1.08)}.nametag{left:0;top:0;text-shadow:0 1px 3px #000,0 0 5px #000;font-size:10px}.nametag .tinybar{height:3px;border:1px solid #0008;background:#201810cc;max-width:60px;margin:4px auto 0}.tinybar i{background:linear-gradient(90deg,#8c3c30,#d78c59);width:100%}footer{border-top-color:#ceb07699;box-shadow:0 8px 36px #0008,inset 0 1px 0 #fff1}.help{background:#121b13b8}.login-card{background:#0d1512ed}#loading p{max-width:440px;padding:0 20px;text-align:center;line-height:1.7}
@media(max-width:700px){.graphics{gap:5px}.graphics select{max-width:110px;font-size:9px;padding:6px 5px}#fps{font-size:8px;min-width:31px}header{gap:8px}.location #coords{display:none}#logout{padding:6px 8px;font-size:9px}#hud::before{background:none}.nametag{font-size:9px}}

#login{background:linear-gradient(90deg,rgba(9,12,10,.92),rgba(9,12,10,.25)),url("/assets/login-97d.jpg") center/cover no-repeat;}
/* Character roster */
#characters{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:5vh 5vw;background:linear-gradient(90deg,rgba(8,12,9,.9),transparent 55%,rgba(8,12,9,.35));gap:24px;overflow:auto}#characters[hidden]{display:none}.roster-panel{width:340px;max-width:100%;padding:26px;background:rgba(14,20,16,.95);border:1px solid #817046;box-shadow:0 20px 80px #0008}.roster-panel h1,.roster-panel h2{font-family:Georgia,serif;color:#e4d6ad;font-weight:400}.roster-panel p{color:#aaa78f;font-size:13px}.roster-panel button,.roster-panel input,.roster-panel select{width:100%;margin:5px 0;padding:12px;color:#e7dcc0;background:#252b20;border:1px solid #6b5c3c}.roster-panel button:disabled{opacity:.45}.character-slot{text-align:left;cursor:pointer}.character-slot strong,.character-slot small{display:block}.character-slot small{font-size:11px;color:#aaa78f;margin-top:5px}.character-slot.selected{border-color:#ddbd73;background:#3c3825}.character-slot.empty{color:#8c927e;background:transparent}.roster-panel label{display:block;margin-top:12px;font-size:12px;color:#c9b98e}#character-error{color:#f3a083}#class-base{font-size:12px;line-height:1.8;color:#d2c49a;margin:18px 0}#attributes{border-bottom:1px solid #6b5c3c;margin-bottom:12px;padding-bottom:10px}#attributes summary{cursor:pointer}#stat-list>div{display:flex;align-items:center;gap:12px;margin:5px 0}#stat-list>div>span{flex:1}#stat-list button{padding:2px 8px}#create-panel[hidden]{display:none}@media(max-width:760px){#characters{align-items:flex-start;padding:18px;flex-wrap:wrap}.roster-panel{width:100%;padding:18px}.character-slot{padding:8px!important}}
/* Hall: leave the stage interactive, with panels confined to the left. */
#characters{pointer-events:none;background:linear-gradient(90deg,#080d12e8 0%,#080d1240 28%,transparent 58%);padding:4vh 3vw;overflow:hidden;align-items:center;justify-content:flex-start}.roster-panel{pointer-events:auto;width:300px;flex:none;padding:22px;background:linear-gradient(145deg,#142029ed,#0b1119f2);border-color:#9b855640;box-shadow:0 24px 70px #0006;max-height:90vh;overflow:auto}.roster-panel h1{font-size:27px;margin:14px 0}.creating #roster-panel{display:none}#create-panel{position:relative;margin:0}#hall-caption{position:absolute;left:calc(50% + 150px);bottom:5vh;transform:translateX(-50%);text-align:center;color:#d8cab0;max-width:55vw;text-shadow:0 3px 12px #000;pointer-events:none}#hall-caption h2{font:400 32px Cinzel,Georgia,serif;margin:9px 0;letter-spacing:2px}#hall-caption p{color:#9eafbc;font-size:12px}#hall-caption small{color:#81919b;font-size:10px}.character-slot{border-color:#d1ba8130!important;transition:background .2s,border-color .2s}.character-slot.selected{border-color:#d5b77b!important;background:linear-gradient(90deg,#68523670,#26343b)}@media(max-width:760px){#characters{padding:12px;align-items:flex-end;background:linear-gradient(0deg,#080d12f0,transparent 65%)}.roster-panel{width:100%;max-height:37vh;padding:12px 16px;background:#0b1119f0}.roster-panel h1{font-size:18px;margin:6px 0}#character-list{display:flex;gap:6px;overflow-x:auto}.character-slot{min-width:130px;width:130px!important;flex:none}.roster-panel>p,.roster-panel>.eyebrow{display:none}#hall-caption{left:50%;bottom:41vh;max-width:95vw;width:95vw}#hall-caption h2{font-size:22px}#hall-caption small{display:none}.creating #create-panel{max-height:44vh}.creating #hall-caption{bottom:47vh}}
/* Native client cursor, hardware-rendered by the browser (no trailing DOM). */
@media(pointer:fine){#scene{cursor:url('/assets/detail/cursor.png') 2 2,default}#scene[data-cursor="attack"]{cursor:url('/assets/detail/cursorattack.png') 2 2,crosshair}button,.character-slot{cursor:url('/assets/detail/cursor.png') 2 2,pointer}}
#weather-open{pointer-events:auto;background:#0b2027dc;border:1px solid #81a9ad66;padding:8px 10px;font-size:10px;color:#c3dbe0}#climate-dialog{width:min(460px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(140deg,#102630,#08151d);border-color:#7eb5bf80}#climate-dialog select,#climate-dialog button:not(.close){color:#d3e6ea;background:#142f3b;border:1px solid #749ca55c;padding:10px;font:inherit}#climate-dialog select,#climate-dialog button:not(.close){width:100%;margin-top:8px}#climate-dialog small{color:#9fb6c0;font-size:11px}#climate-dialog a{color:#8dc1cc;font-size:10px}#weather-status{font-size:12px;color:#bbd7dd}#weather-results button{text-align:left;font-size:11px!important}#climate-dialog h2{color:#d1e8eb}@media(max-width:700px){#weather-open{padding:6px;font-size:9px}.graphics select{max-width:85px}}
#weather-chip{display:flex;flex-direction:column;gap:3px;min-width:104px;padding:7px 11px;background:#0a1b23cf;border:1px solid #71949d55;color:#cce0e5;font-size:9px;letter-spacing:.3px}#weather-chip time{font-size:12px;font-variant-numeric:tabular-nums;color:#e5eff0}#weather-chip span{font-size:9px;color:#a6c0c9}@media(max-width:700px){#weather-chip{min-width:73px;padding:5px 7px}#weather-chip time{font-size:10px}#weather-chip span{font-size:8px}.graphics select{max-width:75px}}
/* Remaster inventory: native body slots and 8x8 footprints, contemporary chrome. */
#inventory-toggle{position:absolute;right:20px;bottom:120px;background:#11232aef;color:#e4d6ad;border:1px solid #66858b;padding:10px 16px;pointer-events:auto;border-radius:7px}
#inventory-panel{position:absolute;right:16px;top:50px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 70px);overflow:auto;padding:20px;background:linear-gradient(145deg,#152933f5,#08131cfb 70%);border:1px solid #7c9da75c;border-top:2px solid #cfb67b;border-radius:12px;color:#d7e3e7;pointer-events:auto;z-index:20;box-shadow:0 20px 70px #0009;scrollbar-width:thin;scrollbar-color:#45616b #0b1820}
#inventory-panel[hidden],.item-tooltip[hidden],.item-context[hidden],.item-review-button[hidden]{display:none!important}
#inventory-panel header,.item-gallery header{position:static;display:flex;justify-content:space-between;align-items:center;padding:0 0 15px;background:none;gap:10px;pointer-events:auto}
#inventory-panel header strong{display:block;font:24px Georgia,serif;color:#f0e5ce;margin-top:5px}#inventory-panel header small,.item-gallery header small{font-size:8px;letter-spacing:2px;color:#c8ac71}
#inventory-panel button,.item-context button,.item-gallery button,.item-drop-dialog button{font:inherit;color:inherit;border:1px solid #7293a344;background:#172b35;border-radius:5px;cursor:pointer}
#inventory-panel header button,.item-gallery header button{width:32px;height:32px;font-size:23px;background:#ffffff06}
#inventory-panel .equipment-stage{position:relative;width:100%;aspect-ratio:190/180;margin:0 0 12px;background:radial-gradient(ellipse at center,#4a68732b,transparent 65%)}
.equipment-slot{position:absolute;border:1px solid #6f929d45;border-radius:7px;background:linear-gradient(145deg,#20364275,#0c1923);box-shadow:inset 0 1px #ffffff08}
.equipment-slot button{width:100%;height:100%;padding:4px;display:flex;align-items:center;justify-content:center}
.equipment-slot .empty-equipment{border:0!important;background:transparent!important;color:#8ba6b3!important;font-size:9px!important;overflow:hidden;letter-spacing:.3px}
.equipment-slot .inventory-item{background:radial-gradient(ellipse,#b9965130,transparent)!important}
.bag-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#d1b780;margin:8px 0}.bag-heading span{color:#728e9b}
.inventory-grid{display:grid;grid-template:repeat(8,1fr)/repeat(8,minmax(0,1fr));aspect-ratio:1;gap:2px;isolation:isolate}
.inventory-grid .inventory-cell{min-width:0;padding:0;background:#07131d!important;border:1px solid #69879828!important;border-radius:3px!important}
.inventory-item{min-height:0;min-width:0;z-index:1;overflow:hidden;padding:4px!important;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#60748045,#132532c9)!important;border:1px solid #8dabad55!important;touch-action:none}
.inventory-item:hover,.inventory-item:focus-visible{border-color:#d9be80!important;box-shadow:inset 0 0 16px #d6b56e20;outline:1px solid #cfb67b}.inventory-item.selected{border-color:#e3c88e!important}
.inventory-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #0008)}
.inventory-hint{font-size:10px;line-height:1.6;color:#859eab}#inventory-panel h4{font-size:9px;letter-spacing:1.5px;color:#a7bbc5;margin:18px 0 8px}.nearby-drops{font-size:11px;color:#8ca4af}.nearby-drops button{display:block;padding:8px;width:100%;margin:4px 0}
.overflow-items>.inventory-item{width:60px;height:70px;display:inline-flex}.item-review-button{width:100%;padding:10px;margin-top:16px;border-color:#bfa46c80!important;color:#e7d4a8!important;font-size:11px!important}
.item-tooltip,.item-context{position:fixed;z-index:110;background:linear-gradient(145deg,#1b303bf7,#07131bfa);border:1px solid #bdab7470;border-radius:8px;box-shadow:0 12px 40px #000a;padding:14px;color:#c5d6de;font:12px/1.7 Arial,sans-serif;max-width:min(280px,90vw)}
.item-tooltip{pointer-events:none}.item-tooltip strong,.item-context strong{display:block;color:#f1d69a;font-size:14px;margin:2px 0 8px}.item-tooltip small{font-size:9px;color:#8da5b0;letter-spacing:1px}.item-unusable{color:#f2a897;margin-top:8px}.item-context button{display:block;width:100%;padding:9px 12px;text-align:left;margin-top:6px}.item-context button:last-child{color:#e8b19a}.item-drag-ghost{position:fixed;width:65px;height:85px;object-fit:contain;pointer-events:none;z-index:200;filter:drop-shadow(0 4px 8px #000)}
.item-gallery,.item-drop-dialog{box-sizing:border-box;background:linear-gradient(135deg,#152c38,#09141f);color:#d5e3e9;border:1px solid #7996a478;border-radius:14px;box-shadow:0 25px 100px #000b;padding:25px;font-family:Arial,sans-serif}
.item-gallery{width:min(1000px,94vw);max-height:90vh;overflow:auto}.item-gallery::backdrop,.item-drop-dialog::backdrop{background:#020810b8}.item-gallery h2{margin:7px 0 0;font:28px Georgia,serif;color:#eddfbf}.item-gallery p{font-size:12px;color:#95aeba}.item-gallery input,.item-gallery select{background:#071721;color:#d8e5eb;border:1px solid #5f7d8b6b;border-radius:5px;padding:12px;font:12px Arial;margin:5px 8px 18px 0}.item-gallery input{width:min(340px,95%)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.catalog-grid .inventory-item{height:160px;flex-direction:column;gap:6px;padding:12px!important}.catalog-grid img{height:95px;max-width:95px}.catalog-grid span{font-size:11px}.catalog-grid small{font-size:9px;color:#8ba9b9}.item-drop-dialog{width:min(440px,92vw)}.item-drop-dialog small{color:#cfb681;letter-spacing:2px;font-size:10px}.item-drop-dialog h2{font:23px Georgia,serif}.item-drop-dialog p{font-size:13px;line-height:1.7;color:#a9bec8}.item-drop-dialog>div{display:flex;gap:10px;margin-top:22px}.item-drop-dialog button{padding:12px;flex:1}.item-drop-dialog [data-drop]{border-color:#c89d65;background:#48392b}
.loot-label{position:absolute;left:0;top:0;pointer-events:auto;color:#ffe1a0;background:#101d20d9;border:1px solid #9b8050;border-radius:3px;padding:4px 7px;font-size:11px;cursor:pointer}.loot-label:disabled{color:#8d968e;border-color:#48524b}.loot-label[hidden]{display:none}
.item-viewer{background:radial-gradient(ellipse at 30% 40%,#294652,#0a1822 70%);border:1px solid #b59c6688;border-radius:14px;padding:28px;color:#d7e4e9;width:min(650px,94vw);max-height:90vh;overflow:auto}.item-viewer::backdrop{background:#020810b8}.item-viewer>button{position:absolute;right:12px;top:12px;background:#162c37;border:1px solid #648391;color:#d7e4e9;font-size:24px;border-radius:5px}.item-preview{width:320px;height:320px;max-width:100%;display:flex;align-items:center;justify-content:center;float:left;margin-right:18px}.item-preview img{max-height:260px;max-width:260px;image-rendering:auto}.item-preview canvas{max-width:100%;touch-action:none;cursor:grab}.item-preview-stats{font:12px/1.8 Arial;padding-top:35px}.item-preview-stats strong{display:block;color:#e7ce94;font:22px Georgia;margin:8px 0 14px}.item-preview-stats small{color:#91abb9}.item-viewer>small{display:block;clear:both;text-align:center;color:#859eaa;font:10px Arial;padding-top:18px}
.item-gallery{max-width:94vw}.item-viewer{max-width:94vw}.item-gallery input{display:inline-block}.item-preview-stats{overflow:hidden}@media(max-width:650px){.item-preview{float:none;margin:0 auto}.item-preview-stats{padding-top:10px}.item-viewer{padding:20px}}