.tm-dose-bar{position:absolute;left:50%;bottom:142px;transform:translateX(-50%) scale(.8);transform-origin:bottom center;display:flex;gap:8px;pointer-events:auto}.tm-dose-bar>button{position:relative;width:96px;height:74px;padding:5px;border:1px solid #b7a67b;border-radius:5px;background:linear-gradient(#234555,#0b1c29);color:#fff}.tm-dose-bar kbd{position:absolute;top:4px;left:6px;font:12px Arial;color:#ffe4a6}.tm-dose-bar span,.tm-dose-bar small{display:block;font:10px Arial;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-dose-bar small{color:#a9e5cf}.tm-dose-icon{display:block;width:32px;height:32px;image-rendering:pixelated;margin:0 auto 3px}.tm-dose-bar>button:disabled{opacity:.5}.tm-dose-bar .tm-dose-retry{width:150px}.tm-revival-popup{position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);width:400px;padding:20px;border:2px solid #c6ad71;border-radius:14px;background:#0a2132e8;text-align:center;pointer-events:auto;box-shadow:0 8px 32px #0008}.tm-revival-popup h2{margin:0 0 10px;color:#ffe5b1}.tm-revival-popup p{font-size:13px}.tm-revival-popup strong,.tm-revival-popup small{display:block;margin:10px 0}.tm-revival-popup button{padding:12px;border:1px solid #cbb272;background:#315e67;color:#fff;border-radius:7px}.tm-revival-popup button:disabled{opacity:.5}.tm-dose-bar[hidden],.tm-revival-popup[hidden],.tm-dose-retry[hidden]{display:none}.tm-dose-shop button{padding:9px 16px;margin:5px;border-radius:6px;border:1px solid #aa9258;cursor:pointer}.tm-dose-status{min-height:24px}.tm-dose-catalog{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:10px 5px}.tm-dose-catalog article{border:1px solid #9d945c;border-radius:10px;padding:15px;background:#102b46;color:#c5d8e8}.tm-dose-catalog article h2{font-size:19px;margin:8px 0}.tm-dose-catalog article p{font-size:14px;min-height:44px}.tm-dose-catalog input{width:58px;margin-left:15px;padding:8px}.tm-dose-catalog article button{background:#24668c;color:#fff}.tm-dose-catalog button:disabled{opacity:.45;cursor:default}.tm-dose-shop-actions{text-align:right;flex-shrink:0}.tm-dose-shop .tm-dose-status{color:#c5d8e8}.tm-dose-shop .tm-st-header strong{color:#fff1b2;font-size:20px}
.tm-dose-shop .tm-st-panel{padding:0 52px}
.tm-dose-shop .tm-dose-catalog{position:absolute;left:52px;right:52px;top:19%;bottom:20%;margin:0;padding:0 5px;grid-auto-rows:minmax(170px,1fr)}
.tm-dose-shop .tm-st-panel>.tm-dose-status{position:absolute;left:64px;right:64px;top:82%;height:5%;margin:0;padding:5px 8px;overflow:auto;background:#102b46;border-radius:6px}
.tm-dose-shop .tm-dose-shop-actions{position:absolute;left:64px;right:64px;top:88%;height:7%;margin:0}
.tm-revival-popup{top:40%}
.tm-inventory-doses{position:fixed;z-index:1801;transform-origin:0 0;background:url('../img/ui/sapphire/panel-v1.png') center/100% 100% no-repeat;font-family:GameFont,Arial,sans-serif;color:#c5d8e8;touch-action:none;user-select:none;visibility:hidden}
.tm-inventory-doses[style*="width"]{visibility:visible}
.tm-inventory-doses h2{position:absolute;left:9%;top:7%;margin:0;color:#fff8dc;font:20px GameFont;text-shadow:0 2px 2px #155785}
.tm-inventory-dose-row{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}
.tm-inventory-dose-row>button{position:absolute;top:29%;width:18.5%;height:40%;margin:0;padding:0;border:0;border-radius:12px;background:transparent;color:#fff8dc;cursor:pointer;font-family:GameFont}
.tm-inventory-dose-row>button:nth-child(1){left:6.8%}.tm-inventory-dose-row>button:nth-child(2){left:29.5%}.tm-inventory-dose-row>button:nth-child(3){left:52.2%}.tm-inventory-dose-row>button:nth-child(4){left:74.9%}
.tm-inventory-dose-row>button:focus-visible,.tm-inventory-dose-row>button.is-drop-target{outline:3px solid #fff0a3;box-shadow:0 0 15px #fff0a3,inset 0 0 12px #53dcff}
.tm-inventory-dose-row>button:disabled{opacity:.55;cursor:wait}
.tm-inventory-dose-row kbd{position:absolute;left:9%;top:5%;z-index:3;padding:1px 4px;border-radius:3px;background:#12374e;color:#ffe7a0;font:bold 15px Arial;text-shadow:0 1px 2px #102d45;pointer-events:none}
.tm-inventory-dose-row .tm-dose-icon{position:absolute;width:36px;height:36px;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 2px #071c33)}
.tm-dose-owned{position:absolute;right:10%;bottom:6%;font:12px Arial;color:#fff8dc;text-shadow:0 1px 2px #000}
.tm-dose-empty{font:30px Arial;color:#73b4ca;opacity:.55}
.tm-dose-slot-name{position:absolute;left:-8%;right:-8%;top:108%;font:12px GameFont;color:#c5d8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-inventory-dose-status{position:absolute;left:7%;right:7%;bottom:4%;margin:0;text-align:center;font:12px GameFont;color:#c5d8e8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
.tm-dose-drag-ghost{position:fixed;z-index:25000;pointer-events:none;transform:translate(-50%,-50%);padding:9px;background:#123d58de;border:2px solid #ffe7a0;border-radius:10px;box-shadow:0 4px 12px #0008}
.tm-dose-drag-ghost canvas{width:40px;height:40px;margin:0}
.tm-inventory-dose-status{bottom:8%}
.tm-dose-slot-name{top:116%}
/* Item Shop: illustrated consumables and imagegen buttons inside the blue footer. */
.tm-dose-shop .tm-dose-catalog{bottom:17%;grid-auto-rows:minmax(180px,1fr)}
.tm-dose-catalog article{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:8px 12px;padding:14px}
.tm-dose-catalog article>.tm-dose-icon{grid-column:1;grid-row:1 / 3;width:76px;height:76px;margin:0;align-self:center;image-rendering:auto;filter:drop-shadow(0 4px 3px #72593333)}
.tm-dose-catalog article h2{grid-column:2;margin:0;align-self:end;font-size:18px}
.tm-dose-catalog article p{grid-column:2;margin:0;min-height:0;align-self:start;font-size:13px;line-height:19px}
.tm-dose-buy-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px}
.tm-dose-buy-row strong{font-size:14px;white-space:nowrap}
.tm-dose-buy-row input{width:54px;height:34px;margin:0;padding:5px;border:1px solid #b4a16e;border-radius:5px;background:#102b46;color:#c5d8e8}
.tm-dose-shop .tm-dose-catalog article button,.tm-dose-shop .tm-dose-shop-actions button{border:0;border-radius:0;background:transparent url('../img/ui/items/shop-button-v1.png') center/100% 100% no-repeat;color:#fff8dc;text-shadow:0 1px 2px #144572;font:16px GameFont,Arial,sans-serif;padding:7px 16px;margin:0;cursor:pointer}
.tm-dose-shop .tm-dose-catalog article button{width:94px;height:39px;flex-shrink:0}
.tm-dose-shop .tm-dose-shop-actions{top:85%;height:10%;display:flex;align-items:center;justify-content:flex-end;gap:12px;left:64px;right:64px}
.tm-dose-shop .tm-dose-shop-actions>.tm-dose-status{position:static;flex:1;min-width:0;min-height:0;max-height:50px;margin:0 12px 0 0;padding:0 16px;background:none;border:0;border-radius:0;text-align:center;color:#c5d8e8;font:17px/22px GameFont,Arial,sans-serif;overflow:auto}
.tm-dose-shop .tm-dose-shop-actions button{width:155px;height:50px;flex-shrink:0}
.tm-dose-shop .tm-dose-shop-actions button:first-of-type{width:220px}
.tm-dose-shop button[hidden]{display:none}
.tm-dose-shop button:hover:not(:disabled){filter:brightness(1.12)}
.tm-dose-shop button:active:not(:disabled){filter:brightness(.92)}
.tm-dose-shop button:disabled{opacity:.5;cursor:default;filter:grayscale(.45)}
.tm-dose-icon{image-rendering:auto}
/* Keep drop feedback available on Chromium versions without :focus-visible. */
.tm-inventory-dose-row>button.is-drop-target{outline:3px solid #fff0a3;box-shadow:0 0 15px #fff0a3,inset 0 0 12px #53dcff}
.tm-wipe-countdown{padding:12px 16px;margin:12px 0;background:linear-gradient(#234c58ed,#102f40ed);border:1px solid #d8b464;border-radius:10px;color:#fff3cf}.tm-wipe-countdown[hidden]{display:none}.tm-wipe-countdown>small{font:11px Arial;letter-spacing:1px}.tm-wipe-countdown .tm-wipe-seconds{font:bold 48px GameFont,Arial;line-height:1.1;margin:5px 0;color:#ffd779;text-shadow:0 3px 4px #051925}.tm-wipe-countdown>span{font-size:12px}.tm-wipe-track{height:7px;background:#09202c;border:1px solid #b89c5b;border-radius:5px;margin-top:12px;overflow:hidden}.tm-wipe-track>i{display:block;height:100%;background:linear-gradient(90deg,#df5e44,#102b46);transition:width .1s linear}.tm-revival-popup.party-wipe{top:43%}
/* Item Shop layout: title + X, filter row with "Jual barang" at the right, two card rows
   in view, footer with the selected item's info (or status) and gold. */
#tm-item-shop .tm-st-panel>.tm-st-header{left:12%!important;top:8%!important;display:flex;align-items:center;justify-content:space-between}
#tm-item-shop .tm-st-header>.tm-st-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 0 4px;line-height:1;cursor:pointer;background:#102b46!important;border:1px solid #ffd5bf!important;border-radius:9px!important;width:36px;height:36px;font-size:26px!important;color:#fff!important}
#tm-item-shop .tm-dose-filters{position:absolute;left:6%;right:6%;top:20%;height:7%;display:flex;align-items:center;gap:8px}
#tm-item-shop .tm-dose-filters>.tm-st-filter{height:100%;min-height:0;padding:0 16px;font-size:14px}
#tm-item-shop .tm-dose-filters>.tm-open-sell{position:static!important;margin-left:auto!important;height:100%;min-height:0;width:auto!important;padding:0 18px}
#tm-item-shop .tm-dose-catalog{left:6%!important;right:6%!important;top:29%!important;bottom:17%!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((100% - 10px) / 2)!important;gap:10px!important;overflow-y:auto;align-content:start}
#tm-item-shop .tm-dose-catalog article{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:6px 12px;padding:8px 12px!important;min-height:0;overflow:hidden;cursor:pointer}
#tm-item-shop .tm-dose-catalog article.selected{outline:2px solid #f0ce83;outline-offset:-2px}
#tm-item-shop .tm-dose-catalog article>.tm-dose-icon{grid-row:1 / 3;width:64px;height:64px}
#tm-item-shop .tm-dose-catalog article h2{grid-column:2;align-self:end}
#tm-item-shop .tm-dose-buy-row{grid-column:2;min-height:0;justify-content:flex-start}
#tm-item-shop .tm-dose-buy-row input{width:48px;flex-shrink:0}
#tm-item-shop .tm-dose-catalog article button{width:auto;min-width:64px;flex:1 1 auto}
#tm-item-shop .tm-dose-shop-actions{top:85%!important;height:10%!important;justify-content:flex-start}
#tm-item-shop .tm-dose-shop-actions>.tm-dose-status,#tm-item-shop .tm-dose-shop-actions>.tm-dose-info{flex:1 1 auto;min-width:0;margin:0;padding:0 8px;text-align:left;color:#c5d8e8;font:15px/20px RiseDialogue,GameFont,sans-serif;overflow:hidden}
#tm-item-shop .tm-dose-shop-actions>.tm-dose-info{display:none;color:#d9e3ed}
#tm-item-shop .tm-dose-shop-actions.tm-dose-show-info>.tm-dose-status{display:none}
#tm-item-shop .tm-dose-shop-actions.tm-dose-show-info>.tm-dose-info{display:block}
#tm-item-shop .tm-dose-wallet{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;color:#f0ce83;font-size:18px;white-space:nowrap}
#tm-item-shop .tm-dose-wallet .tm-st-icon{position:relative;display:block;width:32px;height:32px;overflow:hidden;flex-shrink:0}
#tm-item-shop .tm-dose-wallet .tm-st-icon img{position:absolute;width:400%;height:400%;max-width:none;pointer-events:none}
@media(orientation:landscape) and (max-height:520px){
 #tm-item-shop .tm-st-panel>.tm-st-header{left:13%!important;top:8%!important}
 #tm-item-shop .tm-st-header>.tm-st-close{width:28px;height:28px;font-size:21px!important}
 #tm-item-shop .tm-dose-filters{top:21%;height:8%;gap:5px}
 #tm-item-shop .tm-dose-filters>.tm-st-filter,#tm-item-shop .tm-dose-filters>.tm-open-sell{font-size:11px!important;padding:0 10px}
 #tm-item-shop .tm-dose-catalog{top:31%!important;bottom:18%!important;gap:6px!important;grid-auto-rows:calc((100% - 6px) / 2)!important}
 #tm-item-shop .tm-dose-catalog article{gap:3px 8px;padding:4px 8px!important}
 #tm-item-shop .tm-dose-catalog article>.tm-dose-icon{width:40px;height:40px}
 #tm-item-shop .tm-dose-catalog article h2{font-size:12px!important;line-height:15px!important}
 #tm-item-shop .tm-dose-buy-row{gap:4px;min-width:0;overflow:hidden}
 #tm-item-shop .tm-dose-buy-row strong{font-size:10px}
 #tm-item-shop .tm-dose-buy-row input{width:34px;height:22px;padding:2px 3px;font-size:10px!important}
 #tm-item-shop .tm-dose-catalog article button{flex:1 1 0;min-width:0;height:24px!important;min-height:0!important;padding:2px 6px!important;font-size:10px!important}
 #tm-item-shop .tm-dose-shop-actions{top:84%!important;height:11%!important}
 #tm-item-shop .tm-dose-shop-actions>.tm-dose-status,#tm-item-shop .tm-dose-shop-actions>.tm-dose-info{font-size:10px;line-height:14px}
 #tm-item-shop .tm-dose-wallet{font-size:12px;gap:6px}
 #tm-item-shop .tm-dose-wallet .tm-st-icon{width:24px;height:24px}
}