/* Home play layout adapted from mining-league-ui-review reference.
   Mechanics/data stay in our Profile configs + ui.js. */
/* Layout v2: one 390 × 844 design surface, uniformly scaled by viewport.js. */
:root{color-scheme:dark;font-family:Trebuchet MS,Arial,sans-serif;color:#fff;font-synthesis:none;--blue:#14558c;--ink:#143d65;--muted:#657e98;--button-skin:url('../art/ui/ml_ui_button_wide_blue_normal.png')}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#173a60,#071426 80%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}#viewport{position:relative;width:390px;height:844px;flex:none}#app{width:min(390px,100%);height:min(844px,100svh);position:relative;margin:0 auto;transform-origin:top left;display:grid!important;flex-direction:unset!important;grid-template-rows:64px minmax(110px,140px) 38px 1fr 72px;isolation:isolate;overflow:clip;background:#286a94 url('../art/ui/ml_home_background_canyon.jpg') center/cover no-repeat;box-shadow:0 14px 80px #0009;border:0!important;max-width:390px!important}
h1,h2,h3,p{margin:0}img{object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-weight:700;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation;user-select:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff16a;outline-offset:2px}button:active:not(:disabled){filter:brightness(1.12)}[hidden]{display:none!important}button img{pointer-events:none}
/* Nine-slice skins: fixed bevels, flexible centers. No whole-image stretching. */
.submit,.main-actions>button,.modal button:not(.close):not(.cell):not(.choice):not(.team-card):not(.vein-rock),#start{border:solid transparent;border-width:9px 19px 12px;border-image:var(--button-skin) 32 66 42 fill stretch;background:none;min-height:44px;padding:0 5px;line-height:1.2;font-size:13px;font-weight:800;text-align:center;color:#fff;text-shadow:0 1px 2px #063461;box-shadow:none;border-radius:0}
.gold,#start{--button-skin:url('../art/ui/ml_ui_button_wide_gold_normal.png')}.modal button.gold,#start{color:#58350b;text-shadow:0 1px #fff6b5}.submit.ready{--button-skin:url('../art/ui/ml_ui_button_wide_green_normal.png')}.submit:disabled,.modal button:disabled{--button-skin:url('../art/ui/ml_ui_button_wide_gray_disabled.png');color:#edf4fa;text-shadow:0 1px #596e87}
header{display:grid;grid-template-columns:1fr 1fr 38px;align-items:center;gap:10px;padding:12px 13px 8px;background:linear-gradient(#12508e66,transparent)}.location,#wallet{position:relative;min-width:0;height:40px;border:solid transparent;border-width:8px 17px 10px;border-image:url('../art/ui/ml_ui_panel_counter_small.png') 45 80 45 fill stretch;display:flex;align-items:center;justify-content:center;gap:5px}.location{margin-left:12px;padding-left:15px}.location>img{position:absolute;width:41px;height:48px;left:-32px;top:-13px}.location strong{white-space:nowrap;font-size:12px;line-height:18px}#level-number{position:absolute;left:-20px;top:-4px;width:17px;text-align:center;font-size:21px;line-height:30px;color:#724710;text-shadow:0 1px #fffbb2}#wallet img{width:28px;height:28px}#wallet b{font-size:19px;font-variant-numeric:tabular-nums}.settings-button{width:38px;height:38px;background:url('../art/ui/ml_ui_button_settings_gold.png') center/contain no-repeat}
#orders{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;padding:2px 13px 4px}.order{display:grid;grid-template-rows:30px 1fr auto;position:relative;min-width:0;padding:0 8px 7px;color:var(--ink);background:#f0f6ff;border:2px solid #0c4b86;box-shadow:0 3px #07345d;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.order h3{display:grid;place-items:center;padding:3px 4px;background:linear-gradient(#1676bc,#0b5595);margin:-1px -7px 0;font-size:12px;line-height:1.2;text-align:center;color:white;text-shadow:0 1px #03365d}.order-chain{display:none}.order-content{display:flex;align-items:center;justify-content:center;min-height:0}.requirements{display:flex;align-items:center;justify-content:center;gap:11px}.ingredient{position:relative;display:block;width:35px;text-align:center}.ingredient img{display:block;width:35px;height:35px}.ingredient b{position:absolute;right:-4px;top:-3px;background:#125a9a;border:1px solid #83c4ee;border-radius:4px;color:white;font-size:8px;padding:1px 3px;line-height:10px}.ingredient small{display:block;font-size:10px;line-height:13px;color:#b24c48;font-weight:bold}.ingredient.complete small{color:#288340}.submit{width:100%;min-height:35px;border-width:7px 15px 9px;font-size:14px}.reward{display:flex;justify-content:center;align-items:center;gap:3px;line-height:18px}.reward img{width:20px;height:20px}.order:only-child .submit{width:190px;justify-self:center}.late-order{grid-template-rows:30px 1fr 15px auto}.late-progress{position:relative;height:11px;background:#d2e1f1;overflow:hidden;border-radius:3px;margin-bottom:4px}.late-progress i{position:absolute;inset:0 auto 0 0;background:#7fc963}.late-progress span{position:relative;display:block;text-align:center;font-size:8px;line-height:11px;color:#194f79}
.mine-progress{padding:7px 18px 6px;font-size:10px;text-shadow:0 1px 2px #173958}.mine-progress>div:first-child{display:flex;justify-content:space-between;line-height:12px;margin-bottom:4px}.mine-progress b{color:#fff6c2;font-size:10px}.track{height:8px;background:#133655;border:2px solid #246697;border-radius:3px;box-shadow:0 1px #a0dcfc;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(#ffe966,#efa40f);transition:width .3s}
/* The scene has one shared coordinate system. Art always retains its aspect. */
#arena{position:relative;display:grid;grid-template-rows:64px 320px 78px 22px;align-content:center;min-height:0}.cave,.ground,.target-shine{display:none}#target-info{padding:8px 76px 0;text-align:center;z-index:2;pointer-events:none}#type-label{display:none}h1{font-size:15px;line-height:18px;color:#fff;text-shadow:0 2px 2px #0b315c;margin-bottom:5px}.health{height:16px;position:relative;overflow:hidden;border:2px solid #164877;border-radius:4px;background:#732c40;box-shadow:0 1px #d7e9fa}.health i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#ff8c8e,#ec425a);transition:width .15s}.health #hp-trail{background:#ffd767;transition:width .5s}.health b{position:relative;display:block;color:white;font-size:9px;line-height:12px;text-shadow:0 1px #842f42}#target-value{height:17px;display:flex;align-items:center;justify-content:center;gap:4px;color:#fff8d0;font-size:9px;font-weight:bold;text-shadow:0 1px #173b53}#target-value img{width:16px;height:16px}
.activities{position:absolute;left:13px;right:13px;top:18px;z-index:5;display:flex;justify-content:space-between;pointer-events:none}.activities button{position:relative;width:56px;height:67px;display:flex;align-items:center;flex-direction:column;background:url('../art/ui/ml_ui_button_activity_blue.png') center/contain no-repeat;pointer-events:auto;padding:3px 4px 8px}.activities img{height:42px;width:49px}.activities span{font-size:10px;line-height:12px;text-shadow:0 1px #002a56}.activities b{position:absolute;top:-2px;right:-3px;padding:2px 5px;min-width:20px;border:1px solid #8bddff;border-radius:5px;background:#145a91;font-size:10px;line-height:13px}.activities [data-action=fish]{margin-left:auto}
#battle{position:relative;width:100%;height:320px}#target{position:absolute;left:50%;top:48%;width:56%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 6px 4px #17344a88);cursor:default}#target img{display:block;width:100%;height:100%}#heroes{position:absolute;inset:0}#battle .hero{position:absolute;width:28%;aspect-ratio:1;z-index:3;overflow:visible}#battle .hero:nth-child(-n+3){left:0}#battle .hero:nth-child(n+4){right:0}#battle .hero canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #18354c66)}#battle .hero:before{content:'';position:absolute;z-index:-1;left:11%;top:89%;width:78%;height:28%;background:url('../art/platform.webp') center top/100% auto no-repeat}#battle .hero:nth-child(n+4):before{transform:scaleX(-1)}.hero-name{display:none}.hero small{position:absolute;left:35%;bottom:4%;width:30%;height:2px;border-radius:2px;background:#14364b;overflow:hidden;opacity:.65}.hero small i{display:block;height:100%;background:#7ed7eb}#battle-fx{position:absolute;inset:0;pointer-events:none;z-index:8}
.inventory-chest{position:relative;width:133px;height:78px;justify-self:center;filter:drop-shadow(0 3px 3px #19395166);z-index:4}.inventory-chest>img{width:100%;height:100%;object-fit:contain}#cells{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:4px 9px;border:1px solid #64bce7;border-bottom:3px solid #0b2852;border-radius:5px;background:linear-gradient(#127fc1,#105487);color:#fff;font-size:12px;line-height:14px;white-space:nowrap;min-width:66px}#status{padding:5px 12px 0;text-align:center;line-height:13px;color:#fff;font-size:9px;text-shadow:0 1px 2px #233d4e}#start{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);z-index:10;width:220px;height:49px;filter:drop-shadow(0 4px 14px #05294baa);font-size:15px}
.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:7px 12px 12px;background:linear-gradient(transparent,#173d5e55);z-index:4}.main-actions>button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;--button-skin:url('../art/ui/ml_ui_button_wide_blue_normal.png');border-width:9px 14px 12px;font-size:13px;padding:0}.main-actions .button-icon{width:30px;height:30px}.main-actions button>span{text-align:left;white-space:nowrap}.main-actions small{display:block;font-size:7px;line-height:10px;margin-top:3px;color:#bde7ff;font-weight:normal}#upgrade-dot{position:absolute;top:-12px;right:-12px;width:12px;height:12px;border:2px solid #fff5a3;border-radius:50%;background:#ffc734;box-shadow:0 0 9px #ffbd4290}
/* Shared, calm popup geometry. Text and controls stay in normal flow. */
#overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:#03172bd9;backdrop-filter:blur(2px)}.modal{width:100%;max-height:808px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#88b0d1 #e8f1fb;background:#f2f7fd;color:var(--ink);border:3px solid #115483;padding:17px 15px;box-shadow:0 6px 25px #00142b99;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);animation:enter .18s ease-out}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-17px -15px 17px;padding:15px 13px 13px;background:linear-gradient(#126ba9,#0c528b);border-bottom:2px solid #093d6a;color:white;min-height:68px}.modal h2{font-size:21px;line-height:1.15;letter-spacing:-.5px;text-shadow:0 1px #07385f}.eyebrow{font-size:8px;line-height:12px;letter-spacing:1.2px;color:#8ed4f8;font-weight:bold;margin-bottom:4px}.close{flex:none;width:34px;height:34px;font-size:0;background:url('../art/ui/ml_ui_button_close_gold.png') center/contain no-repeat}.sub,.upgrade-log{font-size:11px;line-height:1.55;color:var(--muted);text-align:center;margin:12px 0}.wide{display:block;width:100%;margin-top:12px;min-height:46px}.mine-up{display:flex;gap:12px;align-items:center;padding:12px;background:#e3edf7;border:1px solid #c0d5e8;border-radius:5px}.mine-up>div{flex:1;font-size:15px;font-weight:bold}.mine-up small{display:block;font-size:10px;line-height:1.5;font-weight:normal;color:var(--muted);margin-top:6px}.mine-up button{min-width:88px;font-size:12px!important}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.stat{border:1px solid #c6d9ea;border-bottom:3px solid #aec8de;border-radius:5px;padding:13px 8px;min-height:78px;background:#e3eef8;text-align:center;color:#1b4a75;font-size:23px;font-weight:bold;line-height:1.25}.stat small{display:block;font-size:10px;line-height:1.45;color:#657e98;font-weight:normal;margin-top:7px}
.offer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:19px 0}.choice{--rarity:#80a2c0;display:flex;flex-direction:column;align-items:center;min-width:0;padding:12px 7px;border:2px solid var(--rarity);border-bottom:5px solid var(--rarity);border-radius:5px;background:linear-gradient(#fff,#e9f2fc);color:#19466f;transition:translate .12s}.choice:hover{translate:0 -3px}.rarity-1{--rarity:#2099c7}.rarity-2{--rarity:#9965ce}.rarity-3{--rarity:#d4a52e}.rarity{font-size:7px;text-transform:uppercase;letter-spacing:.1px;line-height:12px;color:#5e7c96;min-height:14px}.effect-icon{height:59px;display:grid;place-items:center}.effect-icon img{width:43px;height:43px}.choice h3{font-size:11px;line-height:15px;min-height:32px}.choice .amount{font-size:24px;line-height:32px;background:#d9f3df;color:#158053;border-radius:4px;width:100%;margin:8px 0 11px}.choice .who{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:76px;border-top:1px solid #c8dae9;padding-top:10px;width:100%;color:#325b80!important;font-size:9px;line-height:13px}.who img{width:45px;height:43px}.card-preview{margin-top:12px;font-size:11px;line-height:16px;color:#315f86}.card-preview small{display:block;font-size:8px;line-height:12px;margin-top:3px;color:#71879c}
#overlay.inventory-mode{padding:0;align-items:flex-end;background:linear-gradient(transparent 18%,#04172d99 45%);backdrop-filter:none;pointer-events:none}.inventory-sheet{pointer-events:auto;max-height:var(--sheet-space,610px);padding:17px 12px 14px;border-bottom:0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%,0 9px)}.inventory-sheet .modal-head{margin:-17px -12px 14px;padding-left:13px;padding-right:13px}.board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;width:100%;margin:auto;touch-action:none;user-select:none}.cell{position:relative;aspect-ratio:1;min-width:0;background:url('../art/ui/ml_inventory_slot_empty.png') center/contain no-repeat;padding:5px;cursor:grab;-webkit-touch-callout:none}.cell:empty{cursor:default}.cell img{width:100%;height:100%}.cell:after{content:'';position:absolute;inset:0;pointer-events:none;background:center/contain no-repeat}.cell.needed:after{background-image:url('../art/ui/ml_inventory_frame_order.png')}.cell.match:after{background-image:url('../art/ui/ml_inventory_frame_pair.png')}.cell.selected:after{background-image:url('../art/ui/ml_inventory_frame_selected.png')}.cell b{position:absolute;bottom:2px;right:2px;z-index:1;background:#145d94;border:1px solid #8bd8f7;color:#fff;font-size:8px;line-height:12px;padding:0 3px;border-radius:3px}.board-footer{display:flex;align-items:center;gap:10px;margin-top:13px;min-height:38px;font-size:10px;color:var(--muted);line-height:1.4}.board-footer>span{flex:1}.modal .trash{font-size:10px!important;min-width:76px;min-height:38px!important;border-width:7px 13px 10px!important;padding:0!important}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.team-card{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 4px 10px;background:#e4eff9;border:1px solid #a8c7e2;border-bottom:4px solid #709bbd;border-radius:5px;color:#194670;font-size:12px;line-height:15px}.team-card img{width:100%;height:100px}.team-card small{font-size:8px;line-height:12px;color:#6b8299;font-weight:normal}.hero-large{display:block;width:174px;height:174px;margin:20px auto;object-fit:contain}.modal[data-view^='hero:'] .wide{width:70%;margin:22px auto 0}.modal[data-view^='hero:'] .stats-grid{margin-top:24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.settings-grid button{min-height:53px!important;font-size:10px!important;line-height:1.35!important;padding:0 1px!important}.notice{background:#e5eef7;border-radius:5px;padding:10px 12px;color:#5a7691;font-size:11px;line-height:1.55;margin:10px 0}.notice b{color:#1f5079!important}.debug-label{color:#587c9d;margin-top:20px}.confirm-actions{display:flex;gap:12px;margin-top:18px}.confirm-actions>button{flex:1;font-size:12px!important}
/* Mini-scenes crop a background uniformly. Machine/reels share one fixed geometry. */
.slot-scene{position:relative;width:100%;height:254px;overflow:hidden;border-radius:5px;background:#194670 url('../art/ui/ml_home_background_canyon.jpg') center/cover no-repeat}.scene-caption{position:absolute;left:0;right:0;top:13px;text-align:center;color:#fff6cc;font-size:10px;text-shadow:0 1px 3px #183851}.slot-machine{position:absolute;width:308px;aspect-ratio:1024/682;left:50%;bottom:8px;transform:translateX(-50%);background:url('../art/ui/ml_home_icon_activity_slot.png') center/contain no-repeat}.slot-window{position:absolute;left:21.1%;right:18.7%;top:34.5%;height:33.8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:#12314d;padding:1px;border-radius:3px;overflow:hidden}.reel{height:66px;overflow:hidden;background:linear-gradient(#ccd9e4,#fff 35%,#edf5fc 65%,#c3d2e2);border-radius:2px}.reel-strip{will-change:transform}.symbol{height:66px;display:grid;place-items:center}.symbol img{width:47px;height:47px;filter:drop-shadow(0 2px 1px #35557333)}.mini-result{display:flex;flex-direction:column;justify-content:center;min-height:55px;text-align:center;font-size:12px;line-height:1.5;color:#446583;margin:12px 0 5px}.mini-result strong{display:block;color:#bc7c08;font-size:27px;line-height:1.3}.resource-line{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#315c83;margin:10px 0 0}.resource-line img{width:24px;height:24px}.fishing-lake{position:relative;height:219px;overflow:hidden;border-radius:5px;background:#225c82 url('../art/fishing-scene.webp') center/cover no-repeat}.rod{position:absolute;left:11%;bottom:13%;width:99px;height:145px;background:url('../art/ui/ml_home_icon_activity_fishing.png') center/contain no-repeat}.line{position:absolute;left:58%;top:21%;height:48%;width:1px;background:#d5edff88;transform:rotate(-8deg);transform-origin:top}.bobber{position:absolute;left:58%;top:65%;width:15px;height:24px;background:url('../art/bait.webp') center/contain no-repeat;animation:bob 1.7s ease-in-out infinite}.ripples{position:absolute;left:53%;top:74%;width:48px;height:9px;border:1px solid #82e7ff99;border-radius:50%;animation:ripple 2s infinite}.caught .rod,.caught .line,.caught .bobber,.caught .ripples{display:none}.catch-art{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 6px 5px #052b4599)}.timing{position:relative;height:29px;border:3px solid #235982;border-radius:5px;background:#173b5a;margin:18px 3px 0}.timing-zone{position:absolute;left:35%;width:30%;height:100%;background:linear-gradient(#a0f25c,#40b85c);border-inline:1px solid #d8ff9f}.timing-pointer{position:absolute;width:7px;height:39px;top:-8px;left:0;transform:translateX(-50%);background:#fff4b1;border:2px solid #d59a27;border-radius:3px;box-shadow:0 1px 2px #061c3a77}.fish-progress{height:4px;border-radius:3px;overflow:hidden;background:#cbdce9;margin:12px 3px 0}.fish-progress i{display:block;height:100%;background:#20a9c7;transition:width .1s}
.vein-scene{position:relative;height:260px;background:#bfd8e7 url('../art/ui/ml_home_background_canyon.jpg') center 60%/cover no-repeat;overflow:hidden;border-radius:5px}.vein-rock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:55%;aspect-ratio:1;z-index:2;filter:drop-shadow(0 4px 4px #12345088)}.vein-rock img{width:100%;height:100%}.vein-hero{position:absolute;width:29%;aspect-ratio:1;z-index:3;pointer-events:none}.vein-hero canvas{width:100%;height:100%;object-fit:contain}.vh-0,.vh-1,.vh-2{left:0}.vh-3,.vh-4,.vh-5{right:0}.vh-0,.vh-3{top:0}.vh-1,.vh-4{top:29%}.vh-2,.vh-5{top:57%}.vein-score{text-align:center;font-size:34px;line-height:1.25;font-weight:bold;color:#b57910;margin-top:15px}.tap-hint{text-align:center;font-size:11px;color:#6b8298;margin-top:7px}.modal[data-view=complete]>.hero-large{width:100%;height:215px;padding:46px 65px 13px;background:url('../art/ui/ml_home_background_canyon.jpg') center/cover no-repeat;object-fit:contain;border-radius:5px;margin:0 auto 18px}
#flights{position:absolute;inset:0;z-index:40;pointer-events:none;overflow:hidden}#toast{position:absolute;left:50%;bottom:90px;transform:translate(-50%,8px);max-width:90%;width:max-content;border:2px solid #74c7f3;border-radius:6px;background:#073157f5;padding:10px 13px;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;color:#fff;font-size:11px;line-height:1.4;box-shadow:0 5px 15px #04203b77}#toast.show{opacity:1;transform:translate(-50%,0)}#loader{position:absolute;inset:0;background:#0d3b67;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:100;transition:opacity .25s}#loader strong{font-size:23px;color:#ffda49}#loader p{color:#9cc9e9;font-size:12px}#loader i{display:block;width:24px;height:24px;border:2px solid #477394;border-top-color:#ffe36e;border-radius:50%;animation:spin .8s linear infinite}#loader.done{opacity:0;pointer-events:none}.upgrade-symbol img{width:17px;height:17px}.upgrade-float{z-index:10}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}


/* Hero shelves — match reference play layout */
#battle .hero:nth-child(1),
#battle .hero:nth-child(4) { top: -6%; }
#battle .hero:nth-child(2),
#battle .hero:nth-child(5) { top: 26%; }
#battle .hero:nth-child(3),
#battle .hero:nth-child(6) { top: 55%; }
#battle .hero { top: auto; bottom: auto; }
/* Soft fit when not on exact 844 height */
@supports (height: 100svh) {
  body { min-height: 100svh; }
}
#app { max-width: 390px; margin: 0 auto; }
/* Keep our modal layer above home */
#overlay, #flights, #toast, #loader { z-index: 40; }
.activities button { pointer-events: auto; }
.activities button b {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px;
  padding: 0 4px; border-radius: 9px; background: #125a9a; border: 1px solid #83c4ee;
  color: #fff; font-size: 10px; line-height: 16px; text-align: center;
}
.activities button img { width: 34px; height: 34px; }
.activities button span { font-size: 10px; font-weight: 800; text-shadow: 0 1px #0d2f66; }
.activities button {
  position: relative; width: 64px; min-height: 64px;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 2px; color: #fff; background: url('../art/ui/ml_ui_button_activity_blue.png') center / contain no-repeat;
}
.inventory-chest img { pointer-events: none; }
.settings-button { background: url('../art/ui/ml_ui_button_settings_gold.png') center / contain no-repeat; border: 0; }
/* Suppress older home-zone wrappers / ui-sprites home overrides */
.home-top, .home-mid, .home-bot { display: contents; }
#app > header { display: grid !important; grid-template-columns: 1fr 1fr 38px !important; height: auto !important; max-height: none !important; background: linear-gradient(#12508e66,transparent) !important; border: 0 !important; padding: 12px 13px 8px !important; }
#wallet { background: none !important; border: solid transparent !important; border-width: 8px 17px 10px !important; border-image: url('../art/ui/ml_ui_panel_counter_small.png') 45 80 45 fill stretch !important; height: 40px !important; width: auto !important; max-width: none !important; box-shadow: none !important; }
#wallet img { width: 28px !important; height: 28px !important; margin: 0 !important; }
#orders { display: grid !important; grid-auto-flow: column !important; grid-template-columns: none !important; flex: unset !important; max-height: none !important; height: auto !important; padding: 2px 13px 4px !important; }
.order { background: #f0f6ff !important; border: 2px solid #0c4b86 !important; aspect-ratio: unset !important; height: auto !important; max-height: none !important; clip-path: polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px); }
.order h3 { background: linear-gradient(#1676bc,#0b5595) !important; aspect-ratio: unset !important; max-height: none !important; height: auto !important; font-size: 12px !important; }
.mine-progress, .mine-progress-bar { background: none !important; aspect-ratio: unset !important; max-height: none !important; height: auto !important; }
.mine-progress .track { background: #133655 !important; height: 8px !important; }
#arena { display: grid !important; grid-template-rows: 64px minmax(200px,320px) 78px 22px !important; flex: unset !important; min-height: 0 !important; }
#battle { height: 100% !important; min-height: 200px !important; max-height: 320px !important; aspect-ratio: unset !important; flex: unset !important; }
#battle .hero { width: 28% !important; height: auto !important; aspect-ratio: 1 !important; }
#target-info { padding: 8px 76px 0 !important; flex: none !important; }
#start { position: absolute !important; top: 49% !important; left: 50% !important; bottom: auto !important; transform: translate(-50%,-50%) !important; }
.order .reward { display: flex !important; }