/* Player-view examples are layered over the original, unchanged GUI textures. */
.gui-card .gui-art > img:first-child{position:relative;z-index:0}
.gui-art [hidden]{display:none!important}
.demo-overlay{position:absolute;inset:0;width:440px;pointer-events:none;z-index:2}
.gui-art .demo-overlay .demo-item{position:absolute;width:40px;height:40px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #0009)}
.demo-book-input{left:64px;top:116px}
.demo-lapis{position:absolute;left:72px;top:198px;width:29px;height:28px;clip-path:polygon(18% 5%,70% 0,100% 31%,87% 88%,33% 100%,0 67%);background:linear-gradient(145deg,#a5d9ff 0 10%,#174ab2 17% 45%,#0d2c81 46% 65%,#3d75d8 67% 85%,#0c1d61 90%);box-shadow:inset 4px 3px #b8d5ff}
.demo-lapis-count,.demo-ash-count{position:absolute;color:white;font:900 18px/1 monospace;text-shadow:2px 2px #252525,-1px -1px #252525,1px -1px #252525,-1px 1px #252525}
.demo-lapis-count{left:83px;top:217px}
.demo-offer{position:absolute;left:152.5px;width:270px;height:45px;border:0;background:transparent;padding:0;color:#302a23;text-align:left;pointer-events:auto;font:20px/45px "Courier New",monospace}
.demo-offer[data-tier="1"]{top:100px}.demo-offer[data-tier="2"]{top:145px}.demo-offer[data-tier="3"]{top:190px}
.demo-offer.is-visible{background:url("assets/textures/slot_enabled.png") center/270px 45px no-repeat}
.demo-offer:not(.is-visible){cursor:not-allowed}
.demo-offer:focus-visible{outline:3px solid #cfb0ff;outline-offset:-3px}
.demo-offer .demo-level{position:absolute;left:3px;top:2px;width:40px;height:40px;background-size:80px 40px;background-position:-40px 0;image-rendering:pixelated}
.demo-offer .demo-offer-name{position:absolute;left:55px;top:0;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}
.gui-art .demo-overlay .demo-offer-icon{position:absolute;right:7px;top:2px;width:40px;height:40px;image-rendering:pixelated;object-fit:contain}
.demo-tooltip{position:absolute;z-index:6;left:190px;top:42px;width:238px;padding:10px 12px;border:2px solid #472075;border-radius:4px;color:#eee5ff;background:#180b27;box-shadow:0 6px 0 #0008;font:15px/1.45 "Microsoft YaHei",sans-serif;pointer-events:none}
.demo-tooltip[hidden]{display:none}.demo-tooltip strong{display:block;color:#e9bc6d;margin-bottom:5px}.demo-tooltip .bad{color:#ff8989}.demo-tooltip .good{color:#8be39e}
.demo-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:16px 0}.demo-controls .demo-control-label{color:var(--muted);font-size:.82rem;margin-right:3px}.demo-controls button{padding:5px 10px;border:1px solid #79698f;border-radius:6px;background:#2b2440;color:var(--text);font-size:.81rem}.demo-controls button[aria-pressed="true"]{background:#7551a0;border-color:#d9b0ff;color:white}.demo-controls button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gui-card[data-gui="salvage"] .demo-controls button{min-height:42px;padding:8px 14px;font-size:.9rem}
.demo-aside{font-size:.78rem;color:var(--muted);margin-top:6px}
.ashes-book-grid{position:absolute;left:20px;top:130px;display:grid;grid-template-columns:repeat(9,45px);grid-template-rows:repeat(3,45px)}
.gui-art .demo-overlay .ashes-book-grid img{width:40px;height:40px;margin:2.5px;image-rendering:pixelated;object-fit:contain;filter:drop-shadow(0 2px 1px #0009)}
.gui-art .demo-overlay .demo-ashes-output{left:200px;top:315px}
.demo-ash-count{left:231px;top:340px}
.demo-salvage-button{position:absolute;background-image:url("assets/textures/salvaging_menu_buttons_on.png");background-size:640px 640px;background-repeat:no-repeat;image-rendering:pixelated}
.demo-salvage-repair{left:61.25px;top:81.25px;width:50px;height:45px;background-position:-82.5px -70px}
.demo-salvage-sell{left:327.5px;top:78.75px;width:52.5px;height:50px;background-position:-310px -67.5px}
.gui-art .demo-overlay .demo-salvage-outline{position:absolute;left:0;top:17.5px;width:640px;height:640px;image-rendering:pixelated}
.gui-art .demo-overlay .demo-broken-tool{left:200px;top:90px;background:url("assets/textures/menchants_items/broken_gear/broken_pickaxe.png") 0 0/40px 160px no-repeat;image-rendering:pixelated}
.book-slot-overlay{pointer-events:auto}
.book-slot-overlay img{pointer-events:auto}
.book-slot-overlay img:hover{filter:brightness(1.3) drop-shadow(0 0 4px #fff9)}
.book-index-nav{position:absolute;left:0;top:238px;width:440px;height:45px;pointer-events:none;color:#34323b;font:bold 28px/45px monospace}
.book-index-nav .prev{position:absolute;left:67px}.book-index-nav .next{position:absolute;left:337px}.gui-art .book-index-nav img{position:absolute;left:201px;top:2px;width:40px;height:40px;image-rendering:pixelated}
.gui-card .gui-visual{flex-direction:column;align-items:center;justify-content:flex-start}
.gui-list{position:relative;display:block}
.gui-list:not(.is-ready)>.gui-card:not(:first-child),.gui-list.is-ready>.gui-card[hidden]{display:none!important}
.gui-carousel-arrow{position:absolute;z-index:7;top:50%;display:grid;place-items:center;width:52px;height:72px;padding:0;transform:translateY(-50%);border:1px solid #9b81bd;border-radius:12px;background:#21172de8;color:#f8e7ff;font:44px/1 monospace;cursor:pointer;box-shadow:0 8px 24px #0007}
.gui-carousel-arrow:hover{background:#694a89}.gui-carousel-arrow:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.gui-carousel-prev{left:-26px}.gui-carousel-next{right:-26px}
.gui-carousel-status{margin:14px 0 0;text-align:center;color:var(--muted);font-size:.88rem;letter-spacing:.08em}
.gui-card[data-gui="enchant"]{--gui-height:270px;--frame-left:#fff;--frame-right:#fff}
.gui-card[data-gui="books"]{--gui-height:312.5px;--frame-left:#fff;--frame-right:#555}
.gui-card[data-gui="salvage"]{--gui-height:160px;--frame-left:#fff;--frame-right:#555}
.gui-card[data-gui="ashes"]{--gui-height:387.5px;--frame-left:#fff;--frame-right:#fff}
.gui-card[data-gui] .gui-art{height:var(--gui-height)}
/* The inventory extends the 176px-wide GUI texture at the same 2.5x scale. */
.player-inventory-demo{position:relative;z-index:3;width:440px;margin-top:-1px;padding:6px 17.5px 10px;border:0;border-bottom:2.5px solid #000;background:linear-gradient(to right,#000 0 2.5px,var(--frame-left) 2.5px 5px,#c7c7c7 5px calc(100% - 5px),var(--frame-right) calc(100% - 5px) calc(100% - 2.5px),#000 calc(100% - 2.5px));flex:none}
.player-inventory-demo .inv-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.inventory-grid{display:grid;grid-template-columns:repeat(9,45px);grid-template-rows:repeat(3,45px)}
.inventory-hotbar{display:grid;grid-template-columns:repeat(9,45px);grid-template-rows:45px;margin-top:8px}
.inventory-cell{position:relative;width:45px;height:45px;border:2.5px solid;border-color:#5c5c5c #fff #fff #5c5c5c;background:#8b8b8b}
.inventory-cell img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated;display:block}
.inventory-cell .amount{position:absolute;right:1px;bottom:0;color:white;font:900 15px/1 monospace;text-shadow:2px 2px #252525,-1px -1px #252525}
.inventory-cell.active{outline:3px solid #fff;outline-offset:-3px}
@media(max-width:560px){.demo-tooltip{top:42px;left:178px;width:235px}.gui-card .gui-visual{align-items:flex-start}.gui-card[data-gui] .gui-art{margin-bottom:calc(var(--gui-height) * -.24)}.player-inventory-demo{transform:scale(.76);transform-origin:top left;margin-right:-105.6px;margin-bottom:-49.5px}.gui-carousel-arrow{width:42px;height:56px;font-size:34px}.gui-carousel-prev{left:5px}.gui-carousel-next{right:5px}}