/* Compact Metin2-like inspection; actions remain deliberate clicks/taps. */
.loot-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(250px,1fr);gap:20px;align-items:start}.loot-card{border:1px solid #635438;background:linear-gradient(130deg,#29251d,#11140f);box-shadow:inset 0 0 0 4px #17170f;margin-bottom:24px}.loot-card header{padding:20px;display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #51452f}.loot-card h3{font:26px Georgia,serif;color:#e4d3a7;margin:0 0 6px}.loot-card p{font-size:13px;color:#afa58c;line-height:1.5;margin:5px 0}.loot-card header button,.loot-class button{padding:10px 12px;font-size:13px}.loot-body{padding:20px}.loot-protect{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}.loot-protect small{display:block;color:#a69e89;margin-top:6px}.loot-protect input{width:23px;height:23px;accent-color:#c39548}.loot-class{padding:14px 0;border-top:1px solid #51452f;border-bottom:1px solid #51452f;margin-bottom:18px}.loot-class button{margin:6px 4px 0 0}.loot-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.loot-group{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #51452f;background:#0a0e09}.loot-group.selected{border-color:#c89b4c;background:#332817}.loot-icon{width:56px;height:72px;padding:4px;flex-shrink:0;position:relative;border:1px solid #6c5837;border-radius:8px;background:#10130f;display:grid;place-items:center}.loot-icon img{max-width:44px;max-height:64px;object-fit:contain}.loot-icon b{position:absolute;bottom:0;right:3px;color:#f4e8c6;text-shadow:1px 1px #000;font-size:14px}.loot-group label{display:flex;gap:7px;align-items:center;flex:1;cursor:pointer}.loot-group label span span,.loot-group small{display:block;font-size:12px;margin-top:5px}.loot-group strong,.loot-group small{color:#d7ab5f;font-size:12px}.loot-group input,.loot-review input{accent-color:#b98a3f;width:16px;height:16px;padding:0}.loot-summary{position:sticky;top:calc(var(--header-height) + 16px)}.loot-summary h3{font-size:22px}.loot-summary button{width:100%;padding:15px 8px;margin:14px 0;font-size:14px}.loot-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.loot-totals>div{text-align:center;border:1px solid #51452f;padding:13px 3px}.loot-totals small{display:block;margin-top:6px;color:#a69e89;font-size:12px}.loot-review-item{display:flex;gap:14px;align-items:center;border-bottom:1px solid #443c2a;padding:12px 0}.loot-review-item>div{flex:1;min-width:0}.loot-review-item strong{font-size:14px}.loot-review-item small{display:block;font-size:12px;margin:5px 0}.loot-review-item label{white-space:nowrap;font-size:13px}.loot-progress{min-height:20px}.bag-pagination.hidden{display:none!important}
@media(max-width:750px){.loot-layout{display:flex;flex-direction:column}.loot-layout>div{width:100%}.loot-summary{position:static;width:100%;order:-1;margin:0}.loot-card header,.loot-body{padding:15px}.loot-card h3{font-size:23px}.loot-card header{flex-wrap:wrap}.loot-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loot-group{padding:8px;gap:5px;flex-direction:column;align-items:flex-start}.loot-group label{align-items:flex-start}.loot-group .loot-icon{align-self:center}.loot-summary .loot-body{display:grid;grid-template-columns:1fr 1fr;gap:8px}.loot-summary .loot-totals,.loot-summary p{grid-column:1/-1}.loot-summary button{margin:0}.loot-summary p{font-size:12px}.loot-review-item{gap:8px}}
.slot,[data-wear],[data-drop]{-webkit-touch-callout:none}.slot img,[data-wear] img,[data-drop] img{-webkit-user-drag:none}
.inventory-layout .segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:234px;gap:0;margin-bottom:5px;position:sticky;top:calc(var(--header-height) + 4px);z-index:3;background:#151810}
.inventory-layout .segmented button{border-radius:0}
.connection-transfer{position:fixed;inset:var(--header-height) 0 0;z-index:46;display:grid;place-items:center;background:#11160ff5;text-align:center;padding:24px}.connection-transfer>div{display:grid;justify-items:center;gap:15px}.connection-transfer h2{font-size:25px}.connection-transfer p{color:#b8aa8d}.auth-loading{display:grid;justify-items:center;gap:12px;padding:24px}
body[data-session=signed-out] .topbar .player-strip,body[data-session=signed-out] .sidebar{visibility:hidden}
body[data-session=signed-out] .topbar>.brand{display:flex;font-size:22px}
.auth-restoring #login-form{display:none}.auth-restoring #auth-message{padding:22px 0;color:#dfca96}.auth-restoring #auth-message:before{content:'';display:inline-block;width:16px;height:16px;border:2px solid #665638;border-top-color:#d7b374;border-radius:50%;animation:spin 1s linear infinite;margin-right:10px;vertical-align:middle}
.item-summary{display:flex;align-items:center;gap:18px;padding:4px 0 14px}
.item-blacksmith{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #705832;background:#342a1888;margin:12px 0 20px}.item-blacksmith strong{color:#e0bf80;font:19px Georgia,serif}.item-blacksmith p{font-size:12px;color:#b7a78b;margin:5px 0 0}.item-blacksmith button{font-size:12px}
.item-portrait{position:relative;display:grid;place-items:center;flex:none;width:56px;min-height:64px;padding:5px;border:1px solid #5e5135;background:#090c09 url('/ui/assets/metin2/slot32.png') center/48px}
.item-portrait img{max-width:44px;max-height:82px;object-fit:contain}
.item-portrait b{position:absolute;bottom:0;right:3px;font-size:12px;color:#eee1ba;text-shadow:1px 1px #000}
.item-summary h2{font:600 20px/1.3 Georgia,serif;margin:0;color:#ead8a8;overflow-wrap:anywhere}
.item-description{font-size:13px;line-height:1.55;color:#b8b39f;margin:6px 0 0}
.item-properties{text-align:center;font-size:14px;line-height:1.6;color:#ded9c8}
.item-properties p{margin:8px 0}.item-properties strong{font-weight:400;color:#eee6d1}.item-properties .item-bonus{color:#a9c196}.item-properties .item-quantity{color:#b9ad8e;font-size:12px}
.item-sockets{font-size:12px;color:#b3a487;margin-top:12px}.item-sockets summary{cursor:pointer;min-height:24px}
.item-tooltip{position:fixed;z-index:80;pointer-events:none;width:270px;max-width:calc(100vw - 16px);padding:18px;border:1px solid #76623d;border-radius:3px;background:linear-gradient(125deg,#25251ef5,#10120ef7);box-shadow:0 8px 30px #0009;backdrop-filter:blur(10px);animation:item-tip-in .12s ease-out}
.item-tooltip[hidden]{display:none}.item-tooltip .item-summary{justify-content:center;padding:0}.item-tooltip .item-portrait{display:none}.item-tooltip .item-summary>div:last-child{width:100%;text-align:center}.item-tooltip h2{font:600 16px/1.4 system-ui,sans-serif}.item-tooltip .item-description{font-size:12px}.item-tooltip .item-sockets{display:none}
@keyframes item-tip-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#item-dialog.item-sheet{width:440px;max-width:calc(100vw - 32px);max-height:min(82dvh,650px);padding:24px;border-radius:12px;overflow:auto;background:linear-gradient(135deg,#24251dec,#10140ff7);backdrop-filter:blur(14px)}
#item-dialog .dialog-close{position:absolute;top:7px;right:7px;padding:0;width:36px;min-height:36px;font:26px/1 system-ui;color:#b6aa8c;border:0;z-index:2}
#item-dialog .item-summary{padding-right:18px;margin-top:8px}
.item-sheet-actions{display:flex;flex-wrap:wrap;gap:9px;border-top:1px solid #514831;margin-top:18px;padding-top:16px}
.item-sheet-actions button{flex:1 1 120px;font-size:13px;min-height:46px;padding:10px}
.item-gesture-hint{font-size:11px;text-align:center;color:#a5997d;margin:14px 0 0}
.split-stack{border-top:1px solid #514831;margin-top:16px;padding-top:16px}.split-stack>label{font-size:13px;color:#d0c5a7}.split-stack label small{float:right;color:#a89c80}.split-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.split-controls input{margin:0;min-width:0;text-align:center;font-size:17px;appearance:textfield}.split-controls input::-webkit-inner-spin-button{appearance:none}.split-controls button{flex:none;width:46px;font-size:22px}.split-stack>button{width:100%;margin-top:10px}.split-stack .hint{margin-top:9px;line-height:1.5}.split-error:empty{display:none}.split-error{font-size:12px;color:#e5ac90;margin:10px 0}
.item-sheet:has(.split-stack) .item-sheet-actions{position:static}
@media(max-width:700px),(pointer:coarse){#item-dialog.item-sheet{margin:auto 0 0;width:100%;max-width:100%;max-height:84dvh;border-radius:20px 20px 0 0;padding:28px 20px calc(20px + env(safe-area-inset-bottom));transform:translateY(24px);transition:transform .22s ease,opacity .22s ease,display .22s allow-discrete,overlay .22s allow-discrete}#item-dialog.item-sheet[open]{transform:translateY(0)}#item-dialog.item-sheet:before{content:'';position:absolute;top:10px;left:calc(50% - 20px);width:40px;height:4px;background:#7a7359;border-radius:4px}#item-dialog .dialog-close{top:14px;right:10px;width:44px;min-height:44px}#item-dialog .item-summary{padding-right:22px;gap:14px}.item-summary h2{font-size:19px}.item-properties{font-size:14px}.item-sheet-actions{position:sticky;bottom:-20px;background:#171b14f5;padding-bottom:5px}@starting-style{#item-dialog.item-sheet[open]{opacity:0;transform:translateY(100%)}}}
@media(prefers-reduced-motion:reduce){.item-tooltip,#item-dialog.item-sheet{animation:none!important;transition:none!important}}

/* Real drag target; the sheet content remains independently scrollable. */
.item-tooltip .item-sockets{display:block}

/* Inventory uses the space for items; instructions live behind the corner icon. */
.journey-back{display:none!important}
body[data-view=inventory] .adventure>.heading{display:none}
#panel-inventory{position:relative;margin-top:0;padding-top:12px}
#panel-inventory>.section-heading,#inventory-caption{display:none}
#panel-inventory .inventory-layout>div:has(#inventory){width:max-content;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr);justify-items:stretch;align-items:start}
#panel-inventory .inventory-layout .segmented{width:100%;max-width:none;align-self:stretch;margin:0 0 5px}
#panel-inventory .inventory-layout .segmented button{width:100%;min-width:0}
.inventory-grid{background:transparent;box-shadow:none}
.slot{background-color:transparent!important;background-image:url('/ui/assets/inventory-slot-frame.svg')!important;background-repeat:repeat-y;background-position:center top}
.slot.occupied{background-color:transparent!important}
.drag-footprint{position:fixed;inset:0;z-index:95;pointer-events:none}
.drag-footprint[hidden]{display:none}
.drag-footprint>span{position:absolute;border:2px solid #edc773;background:#d5ad5c55;box-shadow:inset 0 0 0 1px #ffe7a355,0 0 7px #e4bd5b44;pointer-events:none}
.drag-footprint.blocked>span{border-color:#ed8277;background:#c84d4855;box-shadow:inset 0 0 0 1px #ffa99c55}
.item-dragging .inventory-grid .slot.occupied:is(:hover,:focus-visible){outline:0}
.inventory-info{position:absolute;top:7px;right:7px;display:grid;place-items:center;min-height:32px;width:32px;padding:0;background:transparent;border:0;color:#c4ad7c;font:italic 19px Georgia,serif;border-radius:50%;z-index:4}
.inventory-info:before{content:'';position:absolute;inset:6px;border:1px solid #8b744d;border-radius:50%}
.inventory-info:hover{background:#b6995120}
#inventory-help ul{padding-left:20px;margin:0;color:#c5baa0;font-size:14px;line-height:1.7}
#inventory-help li+li{margin-top:12px}

/* Selected for sale: quiet, dimmed content with a clear corner sell badge. */
.loot-group{position:relative;transition:background .16s,border-color .16s}
.loot-group .loot-icon,.loot-group label>span{transition:opacity .16s,filter .16s}
.loot-group label>span{padding-right:18px}
.loot-group input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.loot-group label{align-self:stretch}
.loot-group.selected{background:#090c08;border-color:#51452f}
.loot-group.selected .loot-icon,.loot-group.selected label>span{opacity:.32;filter:grayscale(1)}
.loot-group.selected:after{content:'';position:absolute;top:8px;right:8px;width:20px;height:20px;border:1px solid #635438;background:#0c100b url('/ui/assets/sell-selected.svg') center/16px 16px no-repeat;pointer-events:none}
.loot-group:focus-within{outline:1px solid #bd9654;outline-offset:2px}
.loot-group.selected .loot-icon:hover,.loot-group.selected .loot-icon:focus-visible{opacity:.7}
.loot-review-item:has(input:checked)>.loot-icon,.loot-review-item:has(input:checked)>div{opacity:.32;filter:grayscale(1)}
.loot-review-item{position:relative;transition:background .16s}
.loot-review-item .loot-review-choice{display:flex;align-items:center;align-self:stretch;flex:1;min-width:0;min-height:72px;padding-right:34px;white-space:normal;cursor:pointer}
.loot-review-choice input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.loot-review-choice>span{min-width:0;transition:opacity .16s,filter .16s}
.loot-review-item:has(input:checked){background:#090c08}
.loot-review-item:has(input:checked) .loot-review-choice>span{opacity:.32;filter:grayscale(1)}
.loot-review-item:has(input:checked):after{content:'';position:absolute;top:12px;right:8px;width:20px;height:20px;border:1px solid #635438;background:#0c100b url('/ui/assets/sell-selected.svg') center/16px 16px no-repeat;pointer-events:none}
.loot-review-item:focus-within{outline:1px solid #bd9654;outline-offset:2px}
.loot-review-item:has(input:checked) .loot-icon:hover,.loot-review-item:has(input:checked) .loot-icon:focus-visible{opacity:.7}
@media(prefers-reduced-motion:reduce){.loot-group,.loot-group .loot-icon,.loot-group label>span{transition:none}}
.loot-view .heading{display:none}.loot-view #panel-bag{margin-top:16px;padding:20px}.loot-view #panel-bag>.section-heading{margin-bottom:12px}.loot-view #panel-bag>.hint{margin-bottom:18px;font-size:12px}.item-group-note{font-size:12px;color:#b7ac91;line-height:1.5}
.loot-review-item{content-visibility:auto;contain-intrinsic-size:auto 100px}
@media(max-width:750px){.loot-layout>div{display:contents}.loot-layout>div>.loot-card:first-child{order:1}.loot-layout>.loot-summary{order:2}.loot-layout>div>.loot-manual{order:3}.loot-layout .loot-card{width:100%}}
.item-special-title{color:#efd273!important}.item-sockets{font-size:13px;text-align:center;border-top:1px solid #514831;margin-top:16px;padding-top:8px}
.item-sheet:before{display:none!important}.item-sheet-handle{display:block;width:72px;height:28px;padding:0;margin:-8px auto 8px;border:0;background:transparent;touch-action:none;cursor:grab;position:sticky;top:0;z-index:2}.item-sheet-handle:after{content:'';display:block;width:42px;height:5px;border-radius:5px;background:#8d856b;margin:auto}.item-sheet.closing{opacity:0;transform:translateY(70px)!important;transition:opacity .16s,transform .16s}.item-apply{color:#b4c7a1}.item-bonus{color:#7cd3a6}.item-wearable{margin-top:20px}.item-wearable p{margin:7px 0}.item-restricted{color:#ed9c8e!important;font-size:13px}.item-tooltip .item-summary h2,.item-sheet .item-summary h2{font-family:Arial,sans-serif;font-weight:700;font-size:20px}.item-tooltip .item-summary{justify-content:center}.item-tooltip .item-portrait{display:none}.item-tooltip .item-summary h2{font-size:16px}.item-tooltip .item-properties{font-size:14px}.item-sheet .item-properties p{margin:10px 0}.item-sheet .item-portrait{width:64px;min-width:64px}.item-sheet .item-summary{gap:12px}

/* Item sheet: handle at the edge and one clean, transparent portrait frame. */
#item-dialog .item-sheet-handle{position:absolute;top:0;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:88px;height:20px;min-height:20px;margin:0;padding:0;border:0;background:transparent;box-shadow:none;z-index:3}
#item-dialog .item-sheet-handle:before{display:none}
#item-dialog .item-sheet-handle:after{width:42px;height:4px;margin:0;background:#a99e7e;border-radius:4px}
.item-portrait{border:0;background:transparent url('/ui/assets/inventory-slot-frame.svg') center/100% 100% no-repeat}

/* Keep even tall weapon artwork fully inside the item portrait. */
.item-portrait{width:64px;height:64px;min-height:64px;box-sizing:border-box;padding:8px;overflow:hidden}
.item-portrait img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain}

.item-socket-heading{display:flex;align-items:center;justify-content:center;gap:8px}.item-socket-heading img{display:block;width:32px!important;height:32px!important;max-width:32px;max-height:32px;object-fit:contain;flex-shrink:0}.bonus-socket .item-socket-heading{justify-content:flex-start}