:root{
  --sand:#f5d47a;--sand2:#ffe9a9;--paper:#fff0b8;--edge:#ad6b17;--edge-dark:#74400b;
  --green:#45bd32;--green2:#2f9725;--blue:#2f9ddd;--blue2:#227db8;--ink:#5b3510;
  --shadow:0 10px 25px #20465b2c;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Arial,sans-serif;background:#dbeaf0;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}canvas{position:fixed;inset:0;width:100%;height:100%;background:#63c9e8}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center}
.lobby{background:radial-gradient(circle at 50% 20%,#f7fbfd 0,#e6f0f4 55%,#d5e4ea 100%)}
.legacy-shell{width:min(1290px,98vw);height:min(742px,97vh);position:relative;display:grid;grid-template-columns:265px minmax(630px,1fr) 265px;grid-template-rows:64px 1fr 38px;gap:12px;padding:12px;background:linear-gradient(180deg,#f8dda0 0,#f1cd6f 100%);border:4px solid var(--edge);border-radius:22px;box-shadow:0 20px 55px #234c6030,inset 0 0 0 5px #fff0b9;overflow:hidden}.legacy-shell:before{content:"";position:absolute;inset:8px;border:1px solid #fff7d4b8;border-radius:15px;pointer-events:none}.shell-glow{position:absolute;width:600px;height:300px;left:345px;top:88px;border-radius:50%;background:radial-gradient(circle,#fff8cd8c 0,#fff3bd35 45%,transparent 72%);pointer-events:none}
.topbar{grid-column:1/4;grid-row:1;display:grid;grid-template-columns:265px 1fr 200px;gap:12px;position:relative;z-index:2}.top-profile,.walletbar,.top-actions{height:56px}.top-profile{display:flex;align-items:center;gap:9px;padding:5px 10px;background:linear-gradient(#fff1ba,#f8d784);border:2px solid #bc7c21;border-radius:12px;box-shadow:inset 0 2px #fff9dd}.top-avatar{width:43px;height:43px;border-radius:50%;background:#85d8f3;border:3px solid #fff;box-shadow:0 2px 4px #82521455;overflow:hidden}.top-avatar img{width:100%;height:100%}.top-profile-copy{min-width:0;display:flex;flex-direction:column}.top-profile-copy b{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-profile-copy span{font-size:11px;color:#90631f;font-weight:800}.level-pill{margin-left:auto;white-space:nowrap;background:#7c4a10;color:#ffe88c;border-radius:9px;padding:5px 7px;font-size:10px}.level-pill b{font-size:15px}.walletbar{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(#fff2bf,#f7da8e);border:2px solid #bc7c21;border-radius:12px;padding:6px 8px;box-shadow:inset 0 2px #fff9de}.wallet-chip{min-width:122px;height:40px;display:flex;align-items:center;gap:7px;padding:4px 5px 4px 9px;background:#fff6d6;border:2px solid #d89a34;border-radius:10px;box-shadow:inset 0 -3px #f2d48b}.wallet-chip img{width:29px;height:29px}.wallet-chip b{font-size:20px;flex:1;text-align:right;color:#634017}.wallet-chip button{width:29px;height:29px;border:0;border-radius:7px;background:linear-gradient(#66db52,#33aa28);box-shadow:0 3px #267e20;color:#fff;font-size:22px;font-weight:1000;line-height:25px}.buy-main{height:40px;border:0;border-radius:10px;padding:0 17px;background:linear-gradient(#5bd649,#35aa2b);box-shadow:0 4px #27841f;color:#fff;font-weight:1000;text-shadow:0 2px #247a20}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.square-action{width:52px;height:52px;border-radius:12px;border:2px solid #b9781f;background:linear-gradient(#fff3bd,#f5cf6f);box-shadow:0 4px #a56918,inset 0 2px #fff;color:#74430d;font-size:24px;font-weight:1000}.square-action.daily{background:linear-gradient(#ffdf65,#f7a930);color:#8a3b10}.square-action:hover,.buy-main:hover,.wallet-chip button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.left-rail,.right-rail{grid-row:2;display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}.left-rail{grid-column:1}.right-rail{grid-column:3}.legacy-promo{position:relative;border:4px solid #fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 0 #9e681e,0 11px 19px #31596a2e;background:linear-gradient(#60c1ef,#288ed1);color:#fff;text-shadow:0 2px #245f8e;padding:18px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.legacy-promo:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,#ffffff40,transparent 36%);pointer-events:none}.legacy-promo b{font-size:22px;line-height:1.02}.legacy-promo small{font-size:11px;font-weight:1000;letter-spacing:.09em}.ribbon{position:absolute;top:9px;left:-31px;width:145px;transform:rotate(-35deg);padding:5px;background:#ffbf22;color:#71440b;text-shadow:none;font-size:11px;font-weight:1000;box-shadow:0 2px 4px #0003}.ribbon.red{background:#ee4c42;color:#fff}.ribbon.green{background:#4ecb45;color:#fff}.ribbon.blue{background:#347bd9;color:#fff}.promo-wheel{width:135px;height:135px;border-radius:50%;margin:13px 0 8px;background:conic-gradient(#ffd83d 0 45deg,#51bfe9 45deg 90deg,#78d863 90deg 135deg,#ef695e 135deg 180deg,#f3a23c 180deg 225deg,#4a95e7 225deg 270deg,#bc63d9 270deg 315deg,#60c55b 315deg);border:8px solid #ffe7a1;box-shadow:0 5px 0 #8b5f1b,inset 0 0 0 3px #fff}.promo-wheel i{display:block;width:38px;height:38px;margin:40px auto;border-radius:50%;background:#824997;border:5px solid #fff}.promo-wheel span{position:absolute;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:26px solid #fff4b7;left:50%;top:84px;transform:translateX(-50%);filter:drop-shadow(0 2px #7f5415)}.promo-button{margin-top:4px;background:linear-gradient(#68db55,#36a92d);box-shadow:0 4px #297e23;border-radius:10px;padding:7px 18px;font-weight:1000;text-shadow:0 2px #277c22}.promo-button em{display:block;font-size:9px;font-style:normal;opacity:.9}.boss-promo{background:linear-gradient(#50b8e5,#2389c5)}.boss-robot{width:125px;height:105px;position:relative;margin:10px auto 4px}.boss-robot:before{content:"";position:absolute;left:17px;top:6px;width:91px;height:66px;border-radius:22px 22px 14px 14px;background:linear-gradient(#eee,#aeb9c8);border:5px solid #3f566c;box-shadow:inset 0 5px #fff}.boss-robot .eye{position:absolute;z-index:2;top:31px;width:20px;height:20px;border-radius:50%;background:#ff3d3d;box-shadow:0 0 10px #ff3d3d}.boss-robot .one{left:39px}.boss-robot .two{right:39px}.boss-robot .body{position:absolute;left:29px;top:70px;width:67px;height:30px;background:#566a7e;border:4px solid #34495b;border-radius:8px}.event-promo{background:linear-gradient(#77cef2,#2d9bd5)}.tree-art{height:135px;width:150px;position:relative;margin:8px}.tree-art .tier{position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;border-left:57px solid transparent;border-right:57px solid transparent;border-bottom:65px solid #39a841}.tree-art .t1{top:18px;border-left-width:43px;border-right-width:43px;border-bottom-width:54px}.tree-art .t2{top:43px}.tree-art .t3{top:70px;border-left-width:68px;border-right-width:68px;border-bottom-width:64px}.tree-art .star{position:absolute;z-index:5;top:-3px;left:64px;color:#ffd83f;font-style:normal;font-size:28px;text-shadow:0 2px #9f6518}.tree-art .trunk{position:absolute;bottom:0;left:68px;width:16px;height:28px;background:#82501e}.greenbtn{background:linear-gradient(#65d75a,#32a52c)}.social-promo{background:linear-gradient(#4da9df,#267cae)}.social-hero{position:relative;width:150px;height:125px;margin:7px}.social-hero img{position:absolute;z-index:3;width:95px;height:95px;left:7px;top:21px;filter:drop-shadow(0 5px 6px #154f7270)}.phone-frame{position:absolute;right:8px;top:2px;width:70px;height:119px;border:6px solid #2f3d4b;border-radius:14px;background:#dff5ff;box-shadow:0 4px #172632}.social-promo strong{background:#ffdf59;color:#884b0b;text-shadow:none;padding:5px 10px;border-radius:8px;margin:8px}.store-badges{display:flex;gap:6px}.store-badges span{font-size:9px;background:#17222b;border-radius:6px;padding:6px 7px;color:#fff;text-shadow:none}
.main-stage{grid-column:2;grid-row:2;min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:54px 205px 101px 82px 1fr;gap:7px;padding:8px 14px 10px;background:linear-gradient(#ffecad,#f8d883);border:3px solid #c38424;border-radius:18px;box-shadow:inset 0 0 0 3px #fff5c7,0 5px #aa701c}.profile-strip{display:grid;grid-template-columns:100px 1fr 72px;align-items:center;gap:12px;border-bottom:2px solid #d8a24b;padding:0 5px}.rating-badge{height:43px;background:#ffeeb5;border:2px solid #cc8c29;border-radius:9px;text-align:center;padding:4px;box-shadow:inset 0 2px #fff}.rating-badge span{display:block;font-size:9px;font-weight:1000;color:#9a6a28}.rating-badge b{font-size:19px}.xp-block{display:flex;align-items:center;gap:9px}.xp-copy{width:88px;text-align:right}.xp-copy b{display:block;font-size:10px;color:#8f611e}.xp-copy span{font-size:12px;font-weight:1000}.xp-track{height:18px;position:relative;flex:1;border-radius:9px;background:#d4b36a;border:2px solid #a96f1c;box-shadow:inset 0 2px 3px #72501b4d;overflow:hidden}.xp-track i{display:block;height:100%;width:0;background:linear-gradient(#72db50,#3ab333);box-shadow:inset 0 2px #b8f59e;transition:width .35s}.xp-track em{position:absolute;inset:2px;background:linear-gradient(#ffffff52,transparent 60%);border-radius:5px}.vip-crown{width:66px;height:39px;display:grid;place-items:center;background:linear-gradient(#f9d65f,#e19e1d);border:2px solid #9e6714;border-radius:10px;color:#7b4310;font-weight:1000;box-shadow:inset 0 2px #fff1a2}
.character-zone{display:grid;grid-template-columns:125px 1fr 125px;gap:8px;align-items:center}.equip-column{display:grid;gap:9px}.equip-tile{height:86px;border:2px solid #b87920;border-radius:13px;background:linear-gradient(#fff0b8,#f4cf73);box-shadow:0 4px #a96d19,inset 0 2px #fff8d6;color:#6e430f;display:grid;grid-template-columns:46px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:8px;text-align:left}.equip-tile img,.equip-icon{grid-row:1/3;width:42px;height:42px;object-fit:contain;display:grid;place-items:center;font-size:28px}.equip-tile b{font-size:13px}.equip-tile small{font-size:9px;color:#93672a;font-weight:900}.equip-tile:hover{transform:translateY(-2px);filter:brightness(1.04)}.vip-tile{background:linear-gradient(#ffe46c,#f3b52b)}.bow-shape{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;color:#ed4ba0;font-size:35px;text-shadow:-11px 0 #e82f87,11px 0 #ef72b5}.character-stage{height:100%;display:grid;grid-template-columns:45px 1fr 45px;align-items:center}.skin-arrow{width:40px;height:56px;border:0;border-radius:12px;background:linear-gradient(#fff5c8,#efc965);color:#905815;font-size:46px;line-height:40px;font-weight:1000;box-shadow:0 4px #a66c18}.avatar-stack{position:relative;height:190px;display:grid;place-items:center}.avatar-aura{position:absolute;width:178px;height:178px;border-radius:50%;background:radial-gradient(circle,#fffbd5 0,#fff5ad80 46%,transparent 70%);animation:aura 2.8s ease-in-out infinite}.avatar-button{position:relative;width:165px;height:165px;border:0;border-radius:50%;background:transparent;padding:0;z-index:2;filter:drop-shadow(0 7px 5px #7d541b45)}.avatar-button img{width:100%;height:100%;display:block}.hat-visual{position:absolute;z-index:5;width:96px;height:56px;left:34px;top:-24px;transform-origin:center bottom}.hat-visual:before{content:"";position:absolute;left:14px;top:11px;width:68px;height:34px;border-radius:8px 8px 5px 5px;background:linear-gradient(#8042a5,#4d2769);border:4px solid #3a1b4d}.hat-visual:after{content:"";position:absolute;left:3px;bottom:5px;width:91px;height:14px;border-radius:50%;background:#5c2f77;border:4px solid #391b49}.avatar-bow{position:absolute;z-index:6;left:59px;bottom:-14px;width:47px;height:28px;background:#f04f9a;clip-path:polygon(0 0,44% 36%,56% 36%,100% 0,84% 100%,56% 64%,44% 64%,16% 100%);filter:drop-shadow(0 2px #94305f)}.avatar-medal{position:absolute;z-index:7;right:2px;bottom:15px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe86b,#e5a021);border:3px solid #9a5d10;color:#85500a;font-size:17px}.avatar-floor{position:absolute;bottom:3px;width:180px;height:25px;border-radius:50%;background:#8f621738;filter:blur(2px)}@keyframes aura{50%{transform:scale(1.06);opacity:.66}}
.loadout-zone{border-top:1px solid #e0b760;padding-top:5px}.section-label{height:22px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;font-weight:1000;color:#93601a;letter-spacing:.07em}.section-label button{border:0;border-radius:6px;padding:3px 8px;background:#d99628;color:#fff;font-size:9px;font-weight:1000}.loadout-preview{height:72px;display:flex;justify-content:center;gap:8px}.mini-item{position:relative;width:76px;height:68px;border:2px solid #b4751b;border-radius:12px;background:linear-gradient(#fff4c1,#f4cd6b);box-shadow:0 4px #a26916,inset 0 2px #fff;display:grid;place-items:center}.mini-item img{width:43px;height:43px}.mini-item b{position:absolute;right:4px;top:4px;min-width:22px;padding:2px 4px;border-radius:7px;background:#7d4b13;color:#fff;font-size:11px;text-align:center}.slot-key{position:absolute;left:4px;top:4px;width:20px;height:20px;border-radius:6px;background:#fff0bd;border:1px solid #a76d1a;display:grid;place-items:center;font-size:11px;font-weight:1000}.mini-item.empty{opacity:.55}.slot-plus{font-size:25px}.chests-zone{display:flex;justify-content:center;gap:12px;align-items:center;border-top:1px solid #e2b961;padding-top:6px}.chest-slot{width:100px;height:68px;border:0;background:transparent;color:#774914;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left}.chest-3d{grid-row:1/3;position:relative;width:45px;height:38px;border-radius:6px;background:linear-gradient(#a76625 0 43%,#714319 44%);border:3px solid #5d3513;box-shadow:0 4px #72440f}.chest-3d:before{content:"";position:absolute;left:3px;right:3px;top:15px;height:5px;background:#e4b03e}.chest-3d i{position:absolute;left:17px;top:13px;width:9px;height:12px;background:#ffe06d;border:2px solid #8d5a14}.chest-3d.locked{filter:grayscale(.85);opacity:.65}.chest-slot b{font-size:10px}.chest-slot small{font-size:9px;color:#a37638}.chest-slot.ready b{color:#2d9a28}.play-zone{display:grid;grid-template-columns:1fr 385px 1fr;grid-template-rows:24px 38px 59px 54px;align-items:center;justify-items:center;position:relative}.vip-start{grid-column:1/4;font-size:10px;font-weight:900;color:#8a5d20}.vip-start small{color:#b2823f}.nick-row{grid-column:2;width:100%;height:32px;display:grid;grid-template-columns:42px 1fr 70px;align-items:center;background:#fff2c2;border:2px solid #bb7b20;border-radius:8px;overflow:hidden}.nick-row>span{font-size:10px;font-weight:1000;text-align:center}.nick-row input{height:100%;border:0;border-left:1px solid #d59b42;border-right:1px solid #d59b42;background:#fff9df;padding:0 10px;font-weight:1000;color:#6a3e10;outline:0}.nick-row em{font-style:normal;font-size:9px;font-weight:1000;color:#8a641f;text-align:center}.play-btn{grid-column:2;width:100%;height:52px;border:0;border-radius:12px;background:linear-gradient(#67dd51,#35aa2a);box-shadow:0 6px #247f1f,inset 0 3px #aaf99b;color:#fff;font-size:21px;font-weight:1000;text-shadow:0 2px #277c21;letter-spacing:.02em}.play-btn i{font-style:normal;margin-left:12px}.play-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.mode-tabs{grid-column:1/4;display:flex;gap:8px;align-self:end}.mode-tabs button{height:44px;min-width:150px;border:2px solid #b87a20;border-radius:10px;background:linear-gradient(#ffeaa1,#eab84f);box-shadow:0 4px #9d6418;color:#78470f;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:7px}.mode-tabs button.active{background:linear-gradient(#5fd64d,#34a92a);color:#fff;border-color:#2b8b24;box-shadow:0 4px #257a20;text-shadow:0 2px #267a20}.mode-icon{font-size:19px}
.lobby-footer{grid-column:1/4;grid-row:3;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#8c6225;font-size:10px;font-weight:900}.online{display:flex;align-items:center;gap:5px}.online i{width:8px;height:8px;border-radius:50%;background:#46bd3d;box-shadow:0 0 7px #46bd3d}.footer-tip{opacity:.8}.footer-buttons{display:flex;gap:6px}.footer-buttons button{width:27px;height:27px;border-radius:7px;border:1px solid #b57a24;background:#f7dc8e;color:#75450f;font-weight:1000}
/* Modal / notifications preserved and made richer */
.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#1b40536e;backdrop-filter:blur(4px)}.modal.hidden{display:none}.modal-window{position:relative;width:min(1020px,92vw);max-height:88vh;overflow:auto;padding:22px;background:linear-gradient(#fff0b7,#f5d27a);border:4px solid #a96b17;border-radius:18px;box-shadow:0 22px 60px #0f293d80,inset 0 0 0 4px #fff6cf}.modal-close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:0;border-radius:9px;background:#dc5144;color:#fff;font-size:26px;font-weight:1000}.toast{position:fixed;z-index:120;left:50%;top:34px;transform:translateX(-50%);padding:12px 20px;border-radius:10px;background:#6a4314;color:#fff;font-weight:1000;box-shadow:0 5px 15px #0004}.toast.success{background:#329a2b}.toast.warning{background:#c66e1f}.dead-card{min-width:340px;padding:28px;background:#f8d987;border:4px solid #a76d18;border-radius:18px;text-align:center;box-shadow:0 18px 50px #13364966}.dead-card .play-btn{width:270px}
/* Keep all existing dynamic shop/inventory/wheel classes usable */
.shop-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.shop-tabs button,.inventory-footer button,.hat-card button{border:0;border-radius:8px;padding:8px 13px;background:#3daa34;color:#fff;font-weight:1000}.shop-tabs button.active{background:#7a4b12}.shop-grid,.skin-gallery,.hat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.shop-card,.skin-card,.hat-card{background:#fff1bd;border:2px solid #c68b2c;border-radius:12px;padding:12px;text-align:center;box-shadow:0 3px #a76c18}.shop-card>img,.skin-card>img{width:82px;height:82px;object-fit:contain}.price{display:flex;align-items:center;justify-content:center;gap:5px}.price img{width:22px;height:22px}.combat-slots{display:flex;gap:8px;flex-wrap:wrap}.combat-slot{width:118px;height:105px;border:2px solid #b87920;border-radius:11px;background:#ffeaaa;position:relative}.combat-slot.selected{outline:4px solid #4ab73d}.combat-slot img{width:55px;height:55px}.inventory-body{display:grid;grid-template-columns:1fr 260px;gap:14px;margin-top:14px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px}.inventory-item{min-height:118px;border:2px solid #b97920;border-radius:11px;background:#fff0b8;position:relative}.inventory-item img{width:58px;height:58px}.inventory-item.unowned{opacity:.45;filter:grayscale(1)}.inventory-detail{background:#fff2c4;border:2px solid #bf8228;border-radius:12px;padding:14px}.inventory-detail>img{width:90px;height:90px;display:block;margin:auto}.inventory-detail dl{display:grid;grid-template-columns:1fr 1fr}.inventory-detail dd{font-weight:1000}.wheel06-layout{display:grid;grid-template-columns:1fr 320px;gap:20px}.wheel06-main{text-align:center}.wheel06-box{width:430px;height:430px;margin:auto;position:relative}.wheel06-disc{position:absolute;inset:18px;border-radius:50%;background:conic-gradient(#ffd747 0 45deg,#52b9ec 45deg 90deg,#64d15f 90deg 135deg,#ef6d64 135deg 180deg,#ffd747 180deg 225deg,#52b9ec 225deg 270deg,#b666db 270deg 315deg,#64d15f 315deg);border:12px solid #8d5915;transition:transform 3.4s cubic-bezier(.12,.7,.08,1)}.wheel-prize{position:absolute;left:50%;top:50%;transform:rotate(var(--a)) translateY(-160px) rotate(calc(-1*var(--a)));transform-origin:center}.wheel-prize img{width:44px;height:44px}.wheel-prize span{display:block;width:80px;font-size:9px}.wheel-pointer{position:absolute;z-index:5;left:50%;top:2px;transform:translateX(-50%);border-left:18px solid transparent;border-right:18px solid transparent;border-top:42px solid #fff0a8;filter:drop-shadow(0 3px #7a4a12)}.wheel-center{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#7b438f;color:#fff;border:7px solid #fff0b7;font-weight:1000}.wheel06-spin{border:0;border-radius:11px;background:#3aad31;color:#fff;font-weight:1000;padding:12px 24px;box-shadow:0 4px #277e20}.wheel06-side{background:#fff0bb;border:2px solid #b97a21;border-radius:13px;padding:15px}
/* Arena styles retained for JS-created HUD */
.original-hud{position:fixed;inset:0;z-index:15;pointer-events:none}.original-hud button,.original-hud input{pointer-events:auto}.item-bar{position:absolute;left:18px;top:18px;display:flex;gap:8px}.item-btn{width:70px;height:76px;border:2px solid #fff;border-radius:12px;background:#203d5299;position:relative}.item-btn img{width:44px;height:44px}.item-btn kbd{position:absolute;left:3px;bottom:3px}.item-btn b{position:absolute;right:4px;top:4px;color:#fff}.arena-left-tools{position:absolute;left:18px;top:110px}.arena-right-panel{position:absolute;right:15px;top:14px;width:245px}.arena-leader,.arena-chat{background:#173f57b8;color:#fff;border-radius:10px;padding:9px;margin-bottom:8px}.arena-stats{position:absolute;left:18px;bottom:28px;background:#163e56b8;color:#fff;border-radius:10px;padding:8px}.arena-help{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#183e55aa;color:#fff;padding:7px 12px;border-radius:9px;font-size:11px}.kill-feed{position:absolute;right:275px;top:20px;color:#fff}.chat-compose{display:flex}.chat-compose input{min-width:0;flex:1}.chat-compose button{width:30px}.arena-stat-row{display:flex;gap:6px;align-items:center}.arena-stat-row img{width:18px;height:18px}
@media(max-width:1050px){.legacy-shell{transform:scale(.87);transform-origin:center}.lobby{overflow:hidden}}@media(max-height:680px){.legacy-shell{transform:scale(.88);transform-origin:center}}

/* ===== v1.6 legacy sections ===== */
.wallet-chip.honey .honey-drop{font-size:21px;color:#e9a515;text-shadow:0 1px #fff,0 2px #9a5b00}.mode-panel{position:absolute;inset:0;z-index:60;background:rgba(48,33,12,.38);backdrop-filter:blur(2px);display:grid;place-items:center}.mode-panel.hidden{display:none}.mode-paper{width:min(1040px,94%);height:min(650px,90%);background:linear-gradient(#fff3c5,#f7d57d);border:5px solid #a76519;border-radius:18px;box-shadow:0 18px 50px #3c280b80,inset 0 0 0 3px #fff5c7;position:relative;padding:18px;overflow:hidden}.mode-panel-close{position:absolute;right:16px;top:14px;z-index:5;width:48px;height:48px;border:0;border-radius:50%;background:#e32619;color:#fff;font-size:34px;font-weight:900;box-shadow:0 4px #9f170d}.legacy-page{height:100%;color:#6a3b14}.legacy-page-head{height:92px;display:flex;align-items:center;gap:16px;border-bottom:3px dotted #d7a14c;padding:0 58px 12px 6px}.legacy-page-head h2{font-size:30px;margin:0;color:#6c3513}.legacy-page-head p{margin:5px 0;font-weight:700}.crest.big,.boss-badge{width:68px;height:68px;border-radius:18px;background:#e9b72d;display:grid;place-items:center;font-size:42px;border:3px solid #9b5c16;box-shadow:inset 0 0 0 3px #ffe978}.league-icons{margin-left:auto;display:flex;gap:10px;font-size:31px}.clan-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;height:455px;padding-top:15px}.clan-find,.clan-list{background:#fff0bd;border:2px solid #d9a046;border-radius:14px;overflow:hidden}.paper-tabs{display:flex;height:44px;background:#f3c85e}.paper-tabs>*{flex:1;display:grid;place-items:center;font-weight:900}.paper-tabs b{background:#fff2bf}.no-clan-hero{text-align:center;padding:30px 36px}.shield-hero{margin:auto;width:110px;height:110px;border-radius:50%;background:#8bd55d;border:8px solid #dff5a4;display:grid;place-items:center;font-size:62px;color:#bd4b21}.no-clan-hero h3{font-size:25px;margin:15px 0 6px}.no-clan-hero p{font-size:15px;line-height:1.45}.gold-btn,.blue-fight{border:0;border-radius:12px;padding:13px 25px;font-weight:900;color:#fff;background:linear-gradient(#ffbd2c,#df7f05);box-shadow:0 4px #a75b00;font-size:17px}.clan-list{padding:10px}.clan-search{display:flex;gap:6px}.clan-search input{flex:1;padding:10px;border:2px solid #d59c3d;border-radius:9px}.clan-search button{width:45px}.clan-list h3{text-align:center;margin:8px}.clan-row{height:38px;display:grid;grid-template-columns:28px 34px 1fr 70px 30px;align-items:center;border-top:1px solid #efd28b;gap:4px}.clan-row em{font-style:normal;font-weight:900;color:#c34722}.clan-row button{border:0;background:#70bd35;color:#fff;border-radius:7px;font-weight:900}.mini-crest{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#e3a922;color:#fff}.clan-bottom-note{text-align:center;font-weight:800;padding:9px}.boss-timer{margin-left:auto;text-align:center;background:#fff0bd;border:2px solid #d69a34;padding:8px 18px;border-radius:12px}.boss-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;padding:18px;height:470px}.boss-card,.boss-rewards{background:#fff0bd;border:2px solid #d59c3d;border-radius:15px;padding:16px;text-align:center}.boss-art{height:180px;display:grid;place-items:center;align-content:center}.boss-head{font-size:80px;color:#776150}.boss-body{font-size:65px;color:#b44d25;margin-top:-25px}.boss-hp{height:30px;background:#6b371c;border-radius:16px;overflow:hidden;position:relative;color:#fff}.boss-hp i{position:absolute;inset:3px 15% 3px 3px;background:linear-gradient(#ff6b55,#d82822);border-radius:12px}.boss-hp b{position:relative;line-height:30px}.blue-fight{background:linear-gradient(#36b8ff,#087dcc);box-shadow:0 4px #07578c;font-size:24px}.reward-row{display:grid;grid-template-columns:1fr 45px 1fr;align-items:center;padding:11px;border-bottom:1px solid #e5c77d}.reward-row span{font-size:28px}.boss-leaders{text-align:left;margin-top:14px;background:#f8dc8e;padding:10px;border-radius:10px}.boss-leaders p{display:flex;justify-content:space-between;margin:7px}.donate-shop h2{text-align:center;font-size:30px;color:#6a3718}.donate-tabs{display:flex;justify-content:center;margin:-8px auto 15px}.donate-tabs button{border:0;background:#f4d889;padding:12px 34px;font-size:18px;font-weight:900;color:#6a3a18}.donate-tabs button.active{background:#fff2c2}.donate-copy{text-align:center;font-weight:800;color:#6a3a18;max-width:720px;margin:0 auto 15px}.donate-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.donate-card{min-height:180px;border:3px solid #e4b04c;background:linear-gradient(#fff6d5,#ffe9a9);border-radius:14px;text-align:center;padding:10px;box-shadow:inset 0 0 0 2px #fff}.donate-art{font-size:58px;height:72px;display:grid;place-items:center}.donate-card h3{margin:4px;font-size:19px;color:#693714}.donate-card small{display:block;min-height:24px;color:#b33b26;font-weight:800}.donate-card button{border:0;border-radius:9px;background:linear-gradient(#65cf39,#25a51d);color:#fff;font-weight:900;padding:9px 18px;margin-top:7px}.roulette-card{background:linear-gradient(#fff1b8,#ffd970)}

/* === v1.7 classic meta screens === */
.classic-shop{min-height:610px;color:#65400e}.classic-shop-head{height:58px;display:flex;align-items:center;gap:14px;border-bottom:2px solid #d6a548}.classic-shop-head nav{display:flex;gap:8px;flex-wrap:wrap}.classic-shop-head nav button{border:0;border-radius:16px 16px 5px 5px;background:#e8bd59;color:#70460c;font-weight:900;padding:10px 18px}.classic-shop-head nav button.active{background:#fff0b3;box-shadow:inset 0 -4px #dfa43a}.classic-shop-head nav .seller-tab{background:#9a62c5;color:#fff}.back-arrow{width:42px;height:42px;border:0;border-radius:50%;background:#d7a02d;color:#fff;font-size:27px;font-weight:900}.classic-equipped{display:flex;align-items:center;gap:24px;padding:18px 24px;background:linear-gradient(#fff6ce,#fff0b4);border-bottom:2px solid #efcc79}.classic-equipped p{width:160px;font-size:14px;line-height:1.2}.classic-slot-row{display:flex;gap:18px}.classic-equip-slot{position:relative;width:76px;height:76px;border:3px solid #d9a844;border-radius:50%;background:#fff6d9;display:grid;place-items:center}.classic-equip-slot img{width:52px;height:52px}.classic-equip-slot kbd{position:absolute;left:-5px;top:-7px;background:#6d4514;color:#fff;border-radius:7px;padding:3px 7px;font-weight:900}.classic-equip-slot small{position:absolute;right:-3px;bottom:-4px;background:#fff;border:2px solid #d9a844;border-radius:10px;padding:1px 5px;font-weight:900}.classic-booster-grid{padding:24px;display:grid;grid-template-columns:repeat(7,1fr);gap:14px 10px;max-height:455px;overflow:auto}.classic-booster{position:relative;border:0;background:transparent;min-height:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.13s transform}.classic-booster:hover{transform:translateY(-4px)}.booster-art{width:72px;height:72px;border-radius:50%;background:#fff1ac;border:3px solid #e5b13e;display:grid;place-items:center;box-shadow:0 4px 0 #b47718}.booster-art img{width:58px;height:58px}.classic-booster>b{position:absolute;right:8px;bottom:24px;background:#fff;border:2px solid #e6ac35;border-radius:10px;min-width:27px}.classic-booster small{margin-top:5px;font-weight:900;display:flex;align-items:center;gap:3px}.price-coin{width:17px;height:17px}.info-dot{position:absolute;left:7px;top:4px;width:20px;height:20px;border-radius:50%;background:#f1b321;color:#fff;border:2px solid #fff;font-weight:900;z-index:2}.classic-shop-tip,.seller-note{text-align:center;color:#a06c24;font-weight:800;padding:5px 12px 14px}.seller-banner{margin:18px 12px;padding:15px 20px;border-radius:16px;background:linear-gradient(90deg,#6d3b89,#a45cc4);color:#fff;display:flex;align-items:center;gap:18px;box-shadow:0 5px 0 #543067}.seller-face{font-size:48px}.seller-banner h2{margin:0}.seller-banner p{margin:4px 0}.seller-wallet{margin-left:auto;background:#fff4bd;color:#684316;border-radius:13px;padding:9px 14px;font-size:24px;display:flex;gap:8px;align-items:center}.honey-drop{display:inline-block;width:19px;height:25px;background:linear-gradient(#ffd943,#dc8d11);border-radius:50% 50% 56% 56%/40% 40% 66% 66%;transform:rotate(18deg);border:2px solid #9a610e}.honey-drop.mini{width:13px;height:17px;border-width:1px}.seller-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px}.seller-card{position:relative;background:#fff0ba;border:3px solid #d49d36;border-radius:15px;padding:20px;text-align:center;box-shadow:0 5px 0 #a87020}.seller-card img{width:82px;height:82px}.seller-card h3{min-height:42px}.seller-card button{border:0;border-radius:10px;background:#46b836;color:#fff;font-weight:900;padding:9px 18px}.rare-ribbon{position:absolute;left:-5px;top:10px;background:#d73b4f;color:#fff;font-size:10px;font-weight:900;padding:4px 10px;transform:rotate(-10deg)}
.hat-drop-modal{text-align:center;position:relative;overflow:hidden;min-height:520px;padding:35px 25px 20px}.drop-rays{position:absolute;width:430px;height:430px;left:50%;top:43%;transform:translate(-50%,-50%);background:repeating-conic-gradient(#ffdc58 0deg 12deg,#fff1a800 12deg 24deg);opacity:.55;border-radius:50%;animation:hatRays 9s linear infinite}.drop-label{position:relative;z-index:2;font-weight:900;color:#9f6c1e;letter-spacing:1px}.hat-drop-modal .drop-hat{position:relative;z-index:2;display:block;width:190px;height:125px;margin:55px auto 20px}.drop-hat:before{content:"";position:absolute;left:31px;top:12px;width:128px;height:83px;border-radius:70px 70px 22px 22px;background:#63a841;border:7px solid #37682d;box-sizing:border-box}.drop-hat:after{content:"";position:absolute;left:74px;top:72px;width:114px;height:32px;border-radius:50%;background:#63a841;border:7px solid #37682d;transform:rotate(8deg)}.drop-hat.black:before,.drop-hat.black:after{background:#33363d;border-color:#17191d}.drop-hat.red:before,.drop-hat.red:after{background:#d85148;border-color:#8e2c28}.hat-drop-modal h2{position:relative;z-index:2;font-size:30px}.hat-drop-modal p,.hat-drop-modal small{position:relative;z-index:2}.hat-drop-modal button{position:relative;z-index:2;margin:18px auto;display:block;border:0;background:#3dbb37;color:#fff;font-size:20px;font-weight:900;border-radius:13px;padding:12px 36px;box-shadow:0 5px 0 #248421}@keyframes hatRays{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:950px){.classic-booster-grid{grid-template-columns:repeat(4,1fr)}.seller-grid{grid-template-columns:repeat(2,1fr)}}

/* === v1.8 legacy hat collection === */
.legacy-hats-screen{min-height:600px;color:#6b3916}.legacy-hats-head{display:grid;grid-template-columns:210px 1fr 300px;align-items:center;min-height:68px;border-bottom:2px solid #e0ad4b;padding:0 6px 10px}.legacy-hats-head h2{text-align:center;margin:0;font-size:29px}.legacy-hats-head nav{display:flex;justify-content:flex-end;gap:5px}.legacy-hats-head nav button{border:2px solid #d69a32;background:#f1c661;color:#704315;font-weight:900;border-radius:16px 16px 7px 7px;padding:8px 15px}.legacy-hats-head nav button.active{background:#fff2c0}.hat-wallet{display:flex;gap:10px}.hat-wallet span{display:flex;align-items:center;gap:5px;background:#fff0b5;border:2px solid #d59a31;border-radius:20px;padding:4px 11px;font-size:19px}.hat-wallet img{width:25px;height:25px}.legacy-hats-layout{display:grid;grid-template-columns:1fr 300px;gap:18px;padding:18px 10px}.legacy-hats-list{min-width:0}.legacy-hats-list h3{font-size:19px;margin:4px 0 12px}.legacy-hat-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:25px}.legacy-hat-card{position:relative;width:145px;height:145px;border:4px solid #e6b656;border-radius:16px;background:#fff0b9;color:#6a3b18;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:8px;box-shadow:inset 0 0 0 2px #fff8dc,0 4px 0 #bb7921}.legacy-hat-card.locked{filter:saturate(.45);opacity:.72}.legacy-hat-card.selected{border-color:#e24c1b;box-shadow:inset 0 0 0 2px #fff8dc,0 4px 0 #a83112}.legacy-hat-card.equipped:after{content:'НАДЕТА';position:absolute;left:-4px;bottom:-4px;background:#e33c17;color:#fff;border-radius:0 9px 0 11px;padding:5px 12px;font-size:12px;font-weight:900}.legacy-hat-card>span:not(.collection-hat){font-weight:900;margin-top:3px}.legacy-hat-card>small{min-height:27px;font-weight:800;color:#a86b20;text-align:center}.legacy-hat-detail{min-height:450px;border-radius:18px;background:linear-gradient(#f8c970,#f3ba5c);padding:22px;text-align:center;box-shadow:inset 0 0 0 2px #ffeaa4}.legacy-hat-detail h2{margin:6px 0;color:#a3371d}.hat-rarity{font-weight:900;color:#8a5a1c}.hat-bonus{font-size:17px;font-weight:900;margin:20px 0 8px}.hat-source{min-height:68px;line-height:1.4}.hat-actions{display:flex;justify-content:center;gap:8px}.hat-actions button{border:0;border-radius:10px;padding:11px 16px;background:#e59e2b;color:#fff;font-weight:900;box-shadow:0 4px #9e6516}.hat-actions button.green{background:#53bb35;box-shadow:0 4px #2d8324}.special-progress{display:flex;justify-content:space-around;margin-top:18px;padding:9px;background:#ffdfa0;border-radius:10px;font-weight:800}.collection-hat{position:relative;display:block;margin:auto}.collection-hat.sm{width:95px;height:78px}.collection-hat.xl{width:190px;height:150px;margin:12px auto}.collection-hat.drop{width:210px;height:155px;margin:35px auto 14px}.collection-hat i,.collection-hat b,.collection-hat em{position:absolute;display:block}.collection-hat.top-purple i{left:27%;top:17%;width:46%;height:50%;border-radius:13% 13% 9% 9%;background:linear-gradient(90deg,#59278d,#a55bd7 48%,#542083);border:4px solid #482069}.collection-hat.top-purple b{left:10%;top:58%;width:80%;height:20%;border-radius:50%;background:#59218d;border:4px solid #432064}.collection-hat.witch i{left:21%;top:8%;width:53%;height:60%;background:linear-gradient(135deg,#d9b4ef,#8c61c2);clip-path:polygon(45% 0,85% 38%,72% 44%,100% 78%,20% 80%,0 61%,27% 50%);filter:drop-shadow(0 3px #704592)}.collection-hat.witch b{left:9%;top:67%;width:83%;height:18%;border-radius:50%;background:#b28ad7;border:4px solid #7752a5}.collection-hat.skull-cap i{left:25%;top:20%;width:53%;height:48%;background:#ca6e63;border:4px solid #8d433c;border-radius:48% 48% 14% 14%}.collection-hat.skull-cap b{left:58%;top:61%;width:32%;height:12%;background:#ca6e63;border:4px solid #8d433c;border-radius:0 55% 55% 0}.collection-hat.skull-cap em:before{content:'☠';position:absolute;left:0;top:0;color:#fff4d9;font-style:normal;font-size:26px;font-weight:900}.collection-hat.skull-cap em{left:42%;top:30%;width:28px;height:28px}.collection-hat.crown i{left:15%;top:25%;width:70%;height:52%;background:#ffd63d;clip-path:polygon(0 25%,18% 48%,31% 0,51% 48%,70% 4%,82% 48%,100% 23%,90% 100%,10% 100%);filter:drop-shadow(0 4px #9d690e)}.collection-hat.guardian i{left:20%;top:20%;width:60%;height:55%;background:#9db5c9;border:4px solid #546e81;border-radius:50% 50% 15% 15%}.collection-hat.butcher i{left:24%;top:16%;width:52%;height:54%;background:#af3f46;border:4px solid #6c242a;border-radius:15px}.collection-hat.butcher b{left:10%;top:62%;width:80%;height:16%;border-radius:50%;background:#af3f46;border:4px solid #6c242a}.square-action.daily{overflow:hidden}.square-action.daily span{font-size:23px;line-height:1}.square-action.daily.ready{animation:dailyPulse 1s infinite alternate}@keyframes dailyPulse{to{box-shadow:0 0 0 4px #69d844,0 4px #a96818}}
@media(max-width:1000px){.legacy-hats-layout{grid-template-columns:1fr 260px}.legacy-hat-card{width:128px;height:138px}.legacy-hats-head{grid-template-columns:180px 1fr 260px}}

/* v1.9 — illustrated hats */
.legacy-hats-screen{background:linear-gradient(180deg,#fff5c8 0%,#f7d57b 100%);border-radius:18px;padding:6px 10px 10px;box-shadow:inset 0 0 0 2px #fff8d8}
.legacy-hats-head{grid-template-columns:220px 1fr 330px;min-height:74px}
.legacy-hats-head h2{font-size:31px;color:#743610;text-shadow:0 2px #fff0b6;letter-spacing:.3px}
.hat-title-icon{display:inline-block;margin-right:9px;transform:rotate(-9deg);filter:drop-shadow(0 2px 1px #b77722)}
.legacy-hat-row{gap:14px}
.legacy-hat-card{width:162px;height:176px;padding:8px 8px 10px;background:linear-gradient(#fff8d9,#f4dca4);overflow:hidden;transition:.16s transform,.16s box-shadow,.16s filter}
.legacy-hat-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:inset 0 0 0 2px #fff8dc,0 7px 0 #bb7921,0 12px 18px #a8702d33}
.legacy-hat-card.selected{background:linear-gradient(#fff6bb,#ffd86b);box-shadow:inset 0 0 0 2px #fff8dc,0 5px 0 #a83112,0 0 20px #ffcf45aa}
.legacy-hat-card.locked{filter:none;opacity:1}
.legacy-hat-card.locked .collection-hat img{filter:saturate(.55) brightness(.93);opacity:.78}
.legacy-hat-card>span:not(.collection-hat){font-size:15px;line-height:1.08;max-width:145px;white-space:normal}
.legacy-hat-card>small{font-size:13px;line-height:1.1;margin-top:2px}
.collection-hat{position:relative;display:grid;place-items:center;margin:auto;overflow:hidden;background:linear-gradient(145deg,#dff0f6,#c9e3ec 60%,#b4d4e0);border-radius:12px;box-shadow:inset 0 0 0 2px #ffffffaa}
.collection-hat.sm{width:138px;height:105px;margin-bottom:5px}
.collection-hat.xl{width:255px;height:205px;margin:0 auto;background:linear-gradient(145deg,#ffe598,#ffc758 62%,#efa63b);border-radius:20px;box-shadow:inset 0 0 0 3px #fff0ad,0 10px 25px #a76c2033}
.collection-hat.drop{width:240px;height:190px}
.collection-hat img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 5px #71400f55)}
.collection-hat .hat-fallback{display:none;place-items:center;position:absolute;inset:0;font-style:normal;font-size:64px}
.collection-hat.xl .hat-fallback{font-size:110px}
.legacy-hat-detail{position:relative;min-height:500px;background:linear-gradient(180deg,#ffd777,#f3b54c);padding:20px 18px 18px;border:2px solid #f7d88d;box-shadow:inset 0 0 0 2px #ffe9a7,0 7px 14px #9f671a2b}
.hat-preview-stage{position:relative;margin:2px auto 6px;display:grid;place-items:center}
.hat-preview-stage:after{content:'';position:absolute;width:210px;height:34px;bottom:8px;border-radius:50%;background:#9a5b1b2e;filter:blur(4px);z-index:0}
.hat-preview-stage .collection-hat{position:relative;z-index:1}
.hat-spark{position:absolute;color:#fff8d0;text-shadow:0 0 8px white;font-size:26px;animation:hatTwinkle 1.7s ease-in-out infinite alternate;z-index:3}.hat-spark.s1{left:10px;top:58px}.hat-spark.s2{right:5px;top:96px;animation-delay:.5s}.hat-spark.s3{left:40px;bottom:28px;animation-delay:.9s}@keyframes hatTwinkle{from{opacity:.25;transform:scale(.7) rotate(0)}to{opacity:1;transform:scale(1.2) rotate(20deg)}}
.legacy-hat-detail h2{font-size:27px;margin:8px 0 2px;color:#9e2f17;text-shadow:0 1px #ffe9a3}
.hat-rarity{display:inline-block;padding:5px 11px;border-radius:14px;background:#fff0bc;color:#7f551a;font-size:13px;box-shadow:inset 0 0 0 1px #ddb157}
.hat-bonus{font-size:18px;background:#fff4c7;border-radius:13px;padding:12px 10px;margin:16px 0 10px;box-shadow:inset 0 0 0 2px #e8b759}
.hat-source{background:#ffe5a2;border-radius:11px;padding:11px;min-height:auto;margin:10px 0 15px}
.hat-actions button{font-size:15px;min-width:120px}
@media(max-width:1100px){.legacy-hats-layout{grid-template-columns:1fr 285px}.legacy-hat-card{width:146px;height:164px}.collection-hat.sm{width:123px;height:94px}.collection-hat.xl{width:225px;height:180px}}

/* === v1.9.1: fixed roulette viewport + finite spin/result state === */
#modal[data-view="wheel191"]{padding:12px;box-sizing:border-box}
#modal[data-view="wheel191"] .modal-window{
  width:min(1100px,96vw);height:min(760px,94vh);max-height:none;overflow:hidden;
  padding:18px 22px 16px;border-radius:20px;box-sizing:border-box;
  background:linear-gradient(180deg,#fff4c8 0%,#f8d77f 100%);
}
#modal[data-view="wheel191"] #modalBody{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.roulette191-title{margin:0 56px 8px 0;text-align:center;font-size:29px;line-height:1;color:#653915;text-shadow:0 1px #fff5ca}
.roulette191-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:stretch}
.roulette191-main{min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr) 58px 28px;align-items:center;justify-items:center;position:relative}
.roulette191-ticket{justify-self:start;display:grid;grid-template-columns:34px auto 34px;grid-template-rows:18px 18px;column-gap:8px;align-items:center;padding:4px 10px 4px 7px;border:2px dashed #5a9ed0;border-radius:9px;background:#f7fbff;color:#3a5e77;box-shadow:0 2px #b27720}
.roulette191-ticket img{grid-row:1/3;width:34px;height:25px;object-fit:contain;display:block}
.roulette191-ticket span{font-size:9px;font-weight:900;letter-spacing:.05em;line-height:1}
.roulette191-ticket b{font-size:22px;line-height:1;color:#334f62}
.roulette191-ticket em{grid-row:1/3;font-style:normal;font-size:12px;color:#9b6115;font-weight:900}
.roulette191-wheel-wrap{width:clamp(330px,49vh,470px);height:clamp(330px,49vh,470px);position:relative;align-self:center}
.roulette191-wheel-frame{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#fff4b5,#d18a1c);box-shadow:0 8px 0 #955815,0 14px 24px #5c3b1838,inset 0 0 0 5px #fff3bc}
.roulette191-disc{position:absolute;inset:16px;border-radius:50%;border:9px solid #8e5514;background:conic-gradient(#ffd64a 0 45deg,#43b8e8 45deg 90deg,#4dca68 90deg 135deg,#ec6070 135deg 180deg,#8a65d8 180deg 225deg,#f28a32 225deg 270deg,#47bfc4 270deg 315deg,#5acb61 315deg 360deg);box-shadow:inset 0 0 0 5px #ffeeb0;transform:rotate(0deg);will-change:transform}
.roulette191-disc.is-spinning{transition:transform 4.4s cubic-bezier(.08,.68,.08,1)}
.roulette191-prize{position:absolute;left:50%;top:50%;width:82px;text-align:center;transform:rotate(var(--a)) translateY(-172px) rotate(calc(-1 * var(--a)));transform-origin:0 0;color:#603913;text-shadow:0 1px #fff8d9;pointer-events:none}
.roulette191-prize img{width:40px;height:40px;display:block;margin:0 auto 2px;object-fit:contain;filter:drop-shadow(0 2px 1px #5a351f40)}
.roulette191-prize span{font-size:9px;font-weight:900;line-height:1.05;display:block}
.roulette191-pointer{position:absolute;z-index:8;left:50%;top:-7px;transform:translateX(-50%);width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-top:0;border-bottom:50px solid #e9332b;filter:drop-shadow(0 4px 0 #9d241e)}
.roulette191-pointer:after{content:"";position:absolute;left:-7px;top:42px;width:14px;height:14px;border-radius:50%;background:#fff0a4;box-shadow:0 0 0 4px #a96318}
.roulette191-center{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ffdf52,#efad18 65%,#ce7810);border:8px solid #fff0ad;box-shadow:0 0 0 5px #9a5816,0 6px 12px #633b2540;color:#6d3c14;font-size:16px;font-weight:1000;text-shadow:0 1px #fff2af}
.roulette191-spin{min-width:260px;height:50px;border:0;border-radius:13px;background:linear-gradient(#64d84f,#2ba926);color:white;font-size:20px;font-weight:1000;text-shadow:0 2px #25761e;box-shadow:0 5px #237c20;cursor:pointer;transition:transform .08s,filter .15s}
.roulette191-spin:hover{filter:brightness(1.06)}.roulette191-spin:active{transform:translateY(3px);box-shadow:0 2px #237c20}.roulette191-spin:disabled{background:linear-gradient(#b9b39a,#928b76);box-shadow:0 5px #686250;cursor:not-allowed;filter:none}
.roulette191-spin small{display:block;font-size:10px;line-height:1;margin-top:-2px}
.roulette191-daily{font-size:11px;font-weight:800;color:#6c451d;text-align:center}
.roulette191-side{min-height:0;overflow:hidden;background:linear-gradient(#fff0bd,#f4cb73);border:2px solid #b6751d;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 2px #fff3c9}
.roulette191-side-title{text-align:center;font-size:15px;font-weight:1000;line-height:1.08;color:#603514}
.roulette191-chain{height:30px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:21px}.roulette191-chain i{font-style:normal;color:#c7811f;font-weight:1000}
.roulette191-side h3{text-align:center;margin:0;font-size:22px;color:#713d17}.roulette191-side p{font-size:12px;text-align:center;margin:0;color:#6d461f;line-height:1.3}
.roulette191-hat-preview{height:125px;display:grid;place-items:center;border-radius:12px;background:radial-gradient(circle,#fff6ce 0 45%,#edc46c 75%);overflow:hidden}.roulette191-hat-preview img{max-width:150px;max-height:112px;object-fit:contain;filter:drop-shadow(0 5px 3px #5b381f4c)}
.roulette191-progress{position:relative;height:38px;background:#edd08d;border-radius:9px;padding:5px 8px;box-sizing:border-box;overflow:hidden}.roulette191-progress>i{position:absolute;left:4px;bottom:4px;height:8px;background:linear-gradient(90deg,#61c849,#91dc56);border-radius:4px}.roulette191-progress span,.roulette191-progress b{position:relative;z-index:2;font-size:11px}.roulette191-progress b{float:right}
.roulette191-side button{border:0;border-radius:9px;padding:9px 8px;font-weight:1000;color:#fff}.roulette191-hat-btn{background:linear-gradient(#75c83c,#4aa426)}.roulette191-buy{background:linear-gradient(#45baf2,#208bc7)}
.roulette191-rewards{min-height:0;overflow:auto;background:#fff1bd;border-radius:9px;padding:5px}.roulette191-rewards div{display:grid;grid-template-columns:22px 1fr;gap:5px;padding:4px 5px;border-bottom:1px dotted #dbad55;font-size:10px}.roulette191-rewards b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e6a72b;color:#fff}
.roulette191-result{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);width:280px;padding:20px;border-radius:18px;background:linear-gradient(#fff8d8,#ffd86f);border:5px solid #d08a17;box-shadow:0 18px 50px #36240d8a,inset 0 0 0 3px #fff5c4;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .28s cubic-bezier(.22,1.4,.36,1)}
.roulette191-result.show{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.roulette191-result img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 4px 3px #69441d55)}.roulette191-result small{display:block;font-weight:900;color:#9c641a;letter-spacing:.08em}.roulette191-result h3{margin:7px 0 4px;font-size:24px;color:#663814}.roulette191-result p{margin:0 0 12px;font-weight:800;color:#70461c}.roulette191-result button{border:0;border-radius:10px;background:linear-gradient(#66d34f,#2fa927);color:#fff;font-weight:1000;padding:10px 28px;box-shadow:0 4px #247c20}
.roulette191-status{height:20px;text-align:center;font-size:12px;font-weight:900;color:#83501a}
@media(max-width:850px){#modal[data-view="wheel191"] .modal-window{height:96vh;padding:12px}.roulette191-layout{grid-template-columns:1fr 255px;gap:9px}.roulette191-wheel-wrap{width:clamp(285px,44vh,390px);height:clamp(285px,44vh,390px)}.roulette191-prize{transform:rotate(var(--a)) translateY(-140px) rotate(calc(-1 * var(--a)))}.roulette191-side{padding:8px}.roulette191-hat-preview{height:90px}.roulette191-rewards{display:none}}


/* v1.10 creator tools */
#modal[data-view="admin"] .modal-window{width:min(980px,94vw);background:linear-gradient(#fff3c5,#f4ce72);border-color:#7a4a0d}
.admin-panel{color:#5e360d}.admin-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #d89a31;padding:4px 8px 16px;margin-bottom:14px}.admin-head small{font-weight:1000;color:#b0492e;letter-spacing:2px}.admin-head h2{margin:2px 0;font-size:30px}.admin-head p{margin:0;color:#8b632e}.admin-badge{padding:12px 18px;border-radius:12px;background:#5a2f7d;color:#fff;font-weight:1000;box-shadow:0 4px 0 #351a4d}.admin-balances{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.admin-balances span{background:#fff3c9;border:2px solid #d99a34;border-radius:12px;padding:8px 12px;font-size:17px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-grid section{background:#ffe9a9;border:2px solid #ce8e27;border-radius:14px;padding:14px;box-shadow:0 4px 0 #b56e18}.admin-grid h3{margin:0 0 10px}.admin-grid button{display:block;width:100%;margin:8px 0;border:0;border-radius:9px;background:linear-gradient(#4ccc42,#2ca128);color:#fff;font-weight:1000;padding:10px;box-shadow:0 3px 0 #20791d;cursor:pointer}.admin-grid .danger button{background:linear-gradient(#ed6958,#c83d31);box-shadow:0 3px 0 #922b23}.admin-grid p{font-size:12px;color:#8c6330}.admin-tip{text-align:center;margin-top:16px;font-weight:800;color:#83551c}.admin-tip kbd{display:inline-block;padding:3px 7px;border:1px solid #9a6b26;border-radius:5px;background:#fff7db;box-shadow:0 2px 0 #c99b55}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.admin-head h2{font-size:23px}}

/* === v1.11 premium roulette + crystal fallback shop === */
#modal[data-view="wheel111"]{padding:10px;background:rgba(10,8,26,.72);backdrop-filter:blur(7px)}
#modal[data-view="wheel111"] .modal-window{width:min(1380px,96vw);height:min(850px,95vh);max-height:95vh;overflow:hidden;padding:0;border:3px solid #ffca37;border-radius:22px;background:#13052e;box-shadow:0 25px 80px #000a,0 0 40px #7d30ff80,inset 0 0 0 3px #6b238f}
#modal[data-view="wheel111"] #modalBody{height:100%;overflow:hidden}
#modal[data-view="wheel111"] .modal-close{z-index:50;width:48px;height:48px;right:14px;top:10px;border-radius:12px;background:linear-gradient(#ff594d,#c91e19);box-shadow:0 4px #80120f,0 0 18px #ff4d3f66}
.roulette111-shell{height:100%;box-sizing:border-box;padding:12px 18px 14px;color:#fff4c2;background:radial-gradient(circle at 48% 38%,#45106a 0,#230642 45%,#110526 78%),linear-gradient(135deg,#1b0634,#351064);position:relative;overflow:hidden}
.roulette111-shell:before{content:"";position:absolute;inset:0;opacity:.32;pointer-events:none;background-image:radial-gradient(circle,#ffdf66 1.5px,transparent 2px),radial-gradient(circle,#e74fff 1px,transparent 1.5px);background-size:71px 71px,43px 43px;background-position:0 0,17px 29px;animation:rouletteStars 8s linear infinite}
@keyframes rouletteStars{to{background-position:71px 71px,60px 72px}}
.roulette111-header{height:86px;display:grid;grid-template-columns:260px 1fr 150px;align-items:center;position:relative;z-index:2}.roulette111-header h2{margin:0;text-align:center;font-size:46px;line-height:1;color:#ffd95a;text-shadow:0 4px #7b2615,0 0 16px #ffb228;font-weight:1000;letter-spacing:.02em}.roulette111-ticketbox{display:flex;gap:10px;align-items:center;padding:10px 13px;border:2px solid #efb62d;border-radius:14px;background:linear-gradient(#32104f,#1c0a39);box-shadow:inset 0 0 18px #b12dff44,0 0 16px #ffb52d33}.roulette111-ticketbox img{width:48px;height:36px;object-fit:contain}.roulette111-ticketbox small{display:block;font-weight:1000;color:#ffd862;font-size:11px}.roulette111-ticketbox strong{display:block;font-size:18px}.roulette111-ticketbox strong b{font-size:28px}.roulette111-wallet{display:flex;justify-content:center}.roulette111-wallet span{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:14px;background:#2a0d47;border:2px solid #f4b934;font-size:22px}.roulette111-wallet img{width:30px;height:30px}
.roulette111-layout{height:calc(100% - 86px);display:grid;grid-template-columns:minmax(600px,1.45fr) minmax(360px,.72fr);gap:18px;position:relative;z-index:2}.roulette111-stage{position:relative;min-height:0;display:grid;grid-template-rows:1fr 22px 42px;place-items:center}.roulette111-glow{position:absolute;width:210px;height:210px;border-radius:50%;filter:blur(20px);opacity:.55;bottom:10px}.roulette111-glow.g1{left:0;background:#a822ff}.roulette111-glow.g2{right:0;background:#ff31be}
.roulette111-wheel-wrap{position:relative;width:min(690px,70vh);height:min(690px,70vh);max-width:100%;max-height:100%;filter:drop-shadow(0 24px 26px #0008)}.roulette111-bulbs{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#ffdc51,#cf8619,#ffe67c,#bd6b0b,#ffe35a);box-shadow:0 0 0 8px #7e4211,0 0 0 15px #e5a92f,0 0 28px #ffb82d,inset 0 0 0 8px #fff3a6;z-index:0}.roulette111-bulbs:after{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle,#fff7bd 0 3px,#ffcb32 4px 6px,transparent 7px) 0 0/40px 40px;mask:radial-gradient(circle,transparent 0 86%,#000 87%)}
.roulette111-disc{inset:22px!important;border:6px solid #fff1a0!important;background:conic-gradient(#cf2f55 0 32.73deg,#d8a927 32.73deg 65.45deg,#226ec6 65.45deg 98.18deg,#15834d 98.18deg 130.91deg,#6d24b0 130.91deg 163.64deg,#ce8125 163.64deg 196.36deg,#1d659f 196.36deg 229.09deg,#dbb422 229.09deg 261.82deg,#bf263c 261.82deg 294.55deg,#1e8f44 294.55deg 327.27deg,#6b1a87 327.27deg 360deg)!important;box-shadow:inset 0 0 34px #0007!important}.roulette111-disc.is-spinning{transition:transform 4.7s cubic-bezier(.09,.7,.07,1)!important}.roulette111-prize{width:98px;transform:rotate(var(--a)) translateY(calc(-1 * min(285px,29vh))) rotate(calc(-1 * var(--a)))!important;color:#fff7ce;text-shadow:0 2px 3px #250217;font-size:11px}.roulette111-prize img{width:52px!important;height:52px!important;filter:drop-shadow(0 4px 3px #16051b99)}.roulette111-prize span{font-size:11px!important}.roulette111-pointer{top:-5px!important;border-left-width:28px!important;border-right-width:28px!important;border-bottom:64px solid #ff4d32!important;filter:drop-shadow(0 5px 0 #7f1b16) drop-shadow(0 0 12px #ffc84d)}
.roulette111-center{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;border:8px solid #ffdc69;color:#fff8dc;background:radial-gradient(circle at 35% 25%,#ff62ef,#8c19a4 58%,#45106e);box-shadow:0 0 0 6px #7c4211,0 0 32px #ff43e5,inset 0 0 22px #fff4;font-size:25px;font-weight:1000;text-shadow:0 3px #4d165c;cursor:pointer}.roulette111-center small{display:block;font-size:13px;color:#ffe373}.roulette111-center:disabled{filter:grayscale(.5);cursor:not-allowed}.roulette111-daily{align-self:center;width:88%;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #c58d24;border-radius:12px;background:#1b0b39;color:#ffd86a;font-size:13px;font-weight:900}
.roulette111-jackpot{min-height:0;border:2px solid #e9ac2e;border-radius:18px;padding:13px;background:linear-gradient(180deg,#4a0b4caa,#1c0b3de8);box-shadow:inset 0 0 28px #e34cff26,0 0 20px #0005;display:flex;flex-direction:column;gap:9px;align-items:stretch}.roulette111-ribbon{text-align:center;padding:8px;border-radius:12px;background:linear-gradient(#c73539,#7f151d);border:2px solid #f0aa3f;color:#ffe367;font-size:22px;font-weight:1000;text-shadow:0 2px #651018}.roulette111-hat{height:210px;position:relative;display:grid;place-items:center;border-radius:16px;background:radial-gradient(circle,#e439c856 0,#5b155b55 45%,transparent 72%);overflow:hidden}.roulette111-hat img{position:relative;z-index:2;max-width:240px;max-height:190px;filter:drop-shadow(0 10px 8px #0009)}.roulette111-rays{position:absolute;width:310px;height:310px;background:repeating-conic-gradient(#ffe97a55 0 8deg,transparent 8deg 18deg);animation:rouletteRay 18s linear infinite}@keyframes rouletteRay{to{transform:rotate(360deg)}}.roulette111-jackpot h3{margin:0;text-align:center;font-size:31px;color:#ffd54e;text-shadow:0 2px #5d101a}.roulette111-rarity{text-align:center;color:#ff783c}.roulette111-jackpot p{margin:0;text-align:center;border:1px solid #a76364;border-radius:12px;padding:10px;background:#220b39;font-weight:800;color:#ffe6a8}.roulette111-progress{background:#2c113c!important;color:#fff}.roulette111-jackpot h4{margin:5px 0 0;text-align:center;color:#ffd76c;font-size:13px}.roulette111-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.roulette111-packs button{position:relative;padding:9px 4px;border-radius:12px;border:2px solid #b57a26;background:linear-gradient(#4f1a62,#25103e);color:#ffe270;font-weight:1000;cursor:pointer;box-shadow:0 3px #140620}.roulette111-packs button:hover{filter:brightness(1.15);transform:translateY(-1px)}.roulette111-packs button span{margin-top:7px;display:flex;justify-content:center;align-items:center;gap:5px;padding:6px;border-radius:8px;background:linear-gradient(#2aa5ed,#146db6);color:white}.roulette111-packs button img{width:22px;height:22px}.roulette111-packs .best{border-color:#ffb631}.roulette111-packs em{position:absolute;right:-4px;top:-8px;border-radius:10px;background:#e53935;color:#fff;padding:3px 5px;font-size:9px}.roulette111-result{background:linear-gradient(#52116e,#210b42)!important;border-color:#ffc93d!important;color:#fff}.roulette111-result h3{color:#ffd850!important}.roulette111-result p{color:#fff1bd!important}
.dual-shop-wallet{display:flex;align-items:center;gap:12px;padding:8px 14px;margin:8px 0 10px;border-radius:12px;background:#fff0b8;border:2px solid #d79b30}.dual-shop-wallet span{display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:10px;background:#fff8d9;border:1px solid #d99b2a;font-size:18px}.dual-shop-wallet img{width:25px;height:25px}.dual-shop-wallet p{margin:0 0 0 auto;font-size:12px}.dual-currency-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))!important}.dual-card{cursor:default!important}.dual-card strong{display:block;font-size:11px;color:#694016;line-height:1.05;min-height:24px}.dual-card .owned-count{font-size:9px;color:#8a6a35}.dual-buy-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.dual-buy-row button{border:0;border-radius:8px;padding:5px 3px;display:flex;align-items:center;justify-content:center;gap:4px;font-weight:1000;color:#fff;cursor:pointer;box-shadow:0 3px #84530f}.dual-buy-row button:first-child{background:linear-gradient(#f0b836,#d68918)}.dual-buy-row button:last-child{background:linear-gradient(#45c5ff,#2588ce)}.dual-buy-row img{width:18px!important;height:18px!important;margin:0!important}
@media(max-width:1000px){.roulette111-header{grid-template-columns:200px 1fr 100px}.roulette111-header h2{font-size:32px}.roulette111-layout{grid-template-columns:1fr 330px}.roulette111-wheel-wrap{width:min(580px,62vh);height:min(580px,62vh)}.roulette111-prize{transform:rotate(var(--a)) translateY(calc(-1 * min(235px,25vh))) rotate(calc(-1 * var(--a)))!important}.roulette111-hat{height:150px}}


/* === v1.12 staged premium roulette === */
#modal[data-view="roulette112"]{align-items:center;padding:8px;background:#10111cbb}#modal[data-view="roulette112"] .modal-window{width:min(1520px,98vw);height:min(940px,97vh);max-width:none;padding:0;border:2px solid #ffbd32;border-radius:18px;background:#080414;box-shadow:0 0 55px #7828c780,0 18px 60px #000a;overflow:hidden}#modal[data-view="roulette112"] .modal-close{z-index:50;right:10px;top:10px;background:linear-gradient(#ff604e,#cf281b);border:2px solid #ff9c58;box-shadow:0 4px #78140e}.roulette112-shell{height:100%;color:#fff3bd;background:radial-gradient(circle at 48% 44%,#5e0c8c44 0 23%,transparent 46%),radial-gradient(circle at 68% 30%,#b3188525,transparent 38%),linear-gradient(135deg,#070311,#160320 48%,#08040e);font-family:"Trebuchet MS",Arial,sans-serif;overflow:auto}.r112-top{height:105px;display:grid;grid-template-columns:270px 1fr 270px;align-items:center;padding:10px 26px}.r112-ticket{display:flex;align-items:center;gap:12px;border:1px solid #c336d4;border-radius:16px;padding:10px 14px;background:linear-gradient(135deg,#1c0c2b,#2d0c3d);box-shadow:inset 0 0 18px #b023d22b}.r112-ticket img{width:56px}.r112-ticket div{display:grid}.r112-ticket small{font-size:11px;color:#ffd45a}.r112-ticket b{font-size:28px}.r112-ticket span{font-size:11px;color:#d6b9dc}.r112-logo{text-align:center;font-size:48px;font-weight:1000;letter-spacing:2px;line-height:.95;color:#ffd95a;text-shadow:0 3px #8c2d0d,0 0 18px #ff7d1b}.r112-logo small{display:block;font-size:15px;margin-top:10px;color:#fff4ca;letter-spacing:.8px}.r112-grid{display:grid;grid-template-columns:285px minmax(650px,1fr) 390px;gap:14px;padding:0 16px 18px}.r112-left,.r112-right{display:grid;align-content:start;gap:14px}.r112-left section,.r112-right section{border:1px solid #b52fb8;border-radius:15px;background:linear-gradient(150deg,#13091e,#21092f);box-shadow:inset 0 0 24px #771d9930;padding:16px}.r112-left h3,.r112-right h3,.r112-main h3{margin:0 0 12px;color:#ffd74c}.r112-left p{font-size:13px;line-height:1.35;margin:9px 0;padding-bottom:8px;border-bottom:1px solid #6c346955}.r112-left p b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#244a0d;color:#eaff58;margin-right:7px}.r112-daily{text-align:center}.r112-daily>div{font-size:62px}.r112-daily button{width:100%;padding:10px;border:0;border-radius:9px;background:linear-gradient(#48ca3c,#159b1e);color:white;font-weight:1000}.r112-main{min-width:0}.r112-wheel-wrap{position:relative;width:min(650px,63vw);aspect-ratio:1;margin:0 auto 8px;filter:drop-shadow(0 0 24px #9b28cf70)}.r112-bulbs{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(#ffe983 0 2deg,transparent 2deg 10deg);-webkit-mask:radial-gradient(circle,transparent 0 88%,#000 88% 93%,transparent 93%);mask:radial-gradient(circle,transparent 0 88%,#000 88% 93%,transparent 93%);filter:drop-shadow(0 0 7px #ffb900);animation:r112Bulbs 1.7s linear infinite}.r112-disc{position:absolute;inset:5.5%;border-radius:50%;border:10px solid #f7ba29;box-shadow:inset 0 0 0 6px #6f300b,inset 0 0 35px #0008,0 0 0 5px #ffea79;transition:transform 4.4s cubic-bezier(.08,.78,.05,1);overflow:hidden}.r112-prize{position:absolute;left:50%;top:50%;width:126px;height:130px;margin-left:-63px;margin-top:-65px;transform:rotate(var(--a)) translateY(-235px) rotate(calc(-1*var(--a)));transform-origin:63px 65px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-shadow:0 2px 3px #000}.r112-prize img{width:74px;height:61px;object-fit:contain;filter:drop-shadow(0 3px 4px #0009)}.r112-prize .hat-prize-img{width:92px;height:72px}.r112-prize span{max-width:115px;font-size:13px;font-weight:900;line-height:1.05}.r112-prize span b{display:block;color:#ffe559;margin-top:3px}.r112-prize em{font-size:10px;color:#fff38d;font-style:normal;font-weight:1000}.r112-pointer{position:absolute;z-index:9;left:50%;top:-5px;transform:translateX(-50%);width:0;height:0;border-left:26px solid transparent;border-right:26px solid transparent;border-top:64px solid #f53f32;filter:drop-shadow(0 6px #781f14) drop-shadow(0 0 9px #ffdc49)}.r112-spin{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:164px;height:164px;border-radius:50%;border:8px solid #ffd462;background:radial-gradient(circle at 35% 25%,#ff4ff1,#8d119b 50%,#430657);box-shadow:0 0 0 5px #7c300b,inset 0 0 22px #fff5,0 0 25px #f921e4;color:#fff17c;font-size:28px;font-weight:1000;text-shadow:0 3px #4e164c;cursor:pointer}.r112-spin small{display:block;font-size:14px;margin-top:5px}.r112-spin:disabled{filter:grayscale(.45);cursor:wait}.r112-flame{position:absolute;bottom:2%;width:90px;height:130px;background:radial-gradient(ellipse at 50% 80%,#fff 0 6%,#c14aff 15%,#5712c3 38%,transparent 70%);filter:blur(1px);opacity:.8}.r112-flame.left{left:-5%}.r112-flame.right{right:-5%}.r112-status{text-align:center;color:#ffe686;font-size:12px;margin:0 0 8px}.r112-base-progress,.r112-legends{border:1px solid #9d2caf;border-radius:14px;background:#140720aa;padding:10px 12px;margin-top:8px}.r112-base-progress>div,.r112-legends>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.r112-base-card,.r112-legend-card{border:1px solid #7c477d;border-radius:11px;background:#180c25;padding:8px;text-align:center;min-width:0}.r112-base-card.active{border-color:#ffd44a;box-shadow:0 0 14px #ffc82355}.r112-base-card.done{border-color:#4ed14e}.r112-base-card img{height:68px;max-width:100%;object-fit:contain}.r112-base-card strong,.r112-base-card span,.r112-base-card small{display:block;font-size:11px}.r112-base-card>div{height:6px;background:#35153c;border-radius:4px;margin:5px 0;overflow:hidden}.r112-base-card>div i{display:block;height:100%;background:linear-gradient(90deg,#8c2cff,#45dc55)}.r112-legend-card{display:grid;grid-template-columns:70px 1fr;align-items:center;text-align:left}.r112-legend-card img{width:70px;height:58px;object-fit:contain}.r112-legend-card span{display:block;color:#bda5c5;font-size:10px}.r112-legends>p{text-align:center;color:#d7bfdc;font-size:11px;margin:8px 0 0}.r112-target{text-align:center;min-height:480px}.r112-target-title{font-size:16px;font-weight:1000;color:#ffe15a;margin-bottom:8px}.r112-target-art{height:180px;position:relative;display:grid;place-items:center}.r112-target-art img{position:relative;z-index:2;max-width:260px;max-height:170px;filter:drop-shadow(0 8px 12px #0008)}.r112-rays{position:absolute;inset:5px;background:repeating-conic-gradient(#ffcf4a 0 7deg,transparent 7deg 16deg);border-radius:50%;opacity:.28;animation:r112Spin 12s linear infinite}.r112-target h3{font-size:24px;color:#ffcf3d;margin:3px 0 4px}.r112-tag{display:inline-block;border:1px solid #e5a72a;border-radius:15px;padding:3px 10px;color:#ffe594;font-size:11px}.r112-level{margin-top:14px}.r112-level>b{display:block;text-align:left}.r112-level>div{height:11px;border:1px solid #853d99;background:#0f0818;border-radius:7px;overflow:hidden;margin:7px 0}.r112-level>div i{display:block;height:100%;background:linear-gradient(90deg,#4cc6ff,#8b2bff)}.r112-level>span{display:block;text-align:right;font-weight:900}.r112-chance{margin:12px 0;padding:12px;border-radius:10px;background:#0b0612;border:1px solid #663370}.r112-chance small,.r112-chance b{display:block}.r112-chance b{color:#8af86f;margin-top:8px}.r112-upgrade{width:100%;padding:12px;border:0;border-radius:10px;background:linear-gradient(#52d13e,#159c1e);color:white;font-weight:1000;font-size:17px}.r112-upgrade span{display:block;font-size:11px}.r112-next{font-size:12px;color:#d7bedc}.r112-legend-help{color:#dcc6df;font-size:12px}.r112-legend-list{display:grid;gap:8px}.r112-buy h3{font-size:15px}.r112-buy p{font-size:11px;color:#d4bdd9}.r112-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.r112-packs button{position:relative;border:1px solid #884392;border-radius:10px;background:linear-gradient(#2a0d36,#170820);color:#fff0a5;padding:9px 5px;min-height:69px}.r112-packs b,.r112-packs strong{display:block}.r112-packs strong{font-size:18px;color:white;margin-top:5px}.r112-packs em{position:absolute;right:-3px;top:-7px;background:#e93026;color:#fff;border-radius:10px;padding:2px 5px;font-size:10px}.r112-result{z-index:20}.hat-visual.no-hat{display:none!important}.hat-visual{background-size:contain;background-repeat:no-repeat;background-position:center}.hat-visual:before,.hat-visual:after{display:none!important}@keyframes r112Spin{to{transform:rotate(360deg)}}@keyframes r112Bulbs{50%{filter:drop-shadow(0 0 12px #fff2a0) brightness(1.35)}}
@media(max-width:1180px){.r112-grid{grid-template-columns:220px minmax(560px,1fr) 320px}.r112-logo{font-size:38px}.r112-wheel-wrap{width:570px}.r112-prize{transform:rotate(var(--a)) translateY(-202px) rotate(calc(-1*var(--a)));}.r112-prize img{width:58px;height:50px}.r112-prize span{font-size:11px}}

/* === v1.12.1 roulette visual overhaul === */
#modal[data-view="roulette121"]{align-items:center;padding:0;background:rgba(5,6,18,.82);backdrop-filter:blur(7px)}
#modal[data-view="roulette121"] .modal-window{width:min(1580px,99vw);height:min(960px,98vh);max-width:none;padding:0;border:2px solid #f2b93c;border-radius:22px;background:#080411;box-shadow:0 0 0 3px #5a1f7d55,0 0 70px #7d23c780,0 30px 80px #000a;overflow:hidden}
#modal[data-view="roulette121"] .modal-close{z-index:80;right:14px;top:14px;width:46px;height:46px;border-radius:12px;background:linear-gradient(#ff6250,#d92d20);border:2px solid #ffb34f;box-shadow:0 5px #78170f;color:#fff;font-size:24px}
.roulette121-shell{height:100%;overflow:hidden;color:#fff7cf;font-family:"Trebuchet MS",Arial,sans-serif;background:radial-gradient(circle at 50% 44%,rgba(127,24,175,.42),transparent 26%),radial-gradient(circle at 20% 60%,rgba(131,31,203,.2),transparent 32%),radial-gradient(circle at 80% 30%,rgba(199,19,135,.12),transparent 30%),linear-gradient(135deg,#06030d,#13031d 47%,#08040f);position:relative}
.roulette121-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle,#f6d57b 0 1px,transparent 1.4px),radial-gradient(circle,#c461ff 0 1px,transparent 1.3px);background-size:43px 43px,71px 71px;background-position:0 0,20px 13px}
.r121-topbar{position:relative;z-index:2;height:72px;display:grid;grid-template-columns:310px 1fr 390px;gap:12px;align-items:center;padding:8px 22px;background:linear-gradient(180deg,rgba(5,4,11,.98),rgba(15,6,24,.94));border-bottom:1px solid #693477;box-shadow:0 8px 18px #0006}
.r121-player{height:52px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;border:1px solid #9135a9;border-radius:13px;padding:4px 10px;background:linear-gradient(90deg,#161021,#0c0912);box-shadow:inset 0 0 18px #7c2c9b22}.r121-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#5bd446;border:3px solid #fff;box-shadow:0 0 0 2px #a88b38;font-size:25px}.r121-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.r121-player b{display:block;font-size:18px;color:#ffe078}.r121-player small{display:block;color:#ead6ad;font-size:11px}.r121-player>span{padding:7px 9px;border:1px solid #8a6725;border-radius:9px;background:#21170d;color:#ffe77c;font-weight:1000}
.r121-wallet{display:flex;justify-content:center;gap:10px}.r121-wallet span{min-width:122px;height:50px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #783c7d;border-radius:12px;background:linear-gradient(#190b21,#0c0711);box-shadow:inset 0 0 16px #782a8c22;color:#fff;font-size:20px}.r121-wallet b{color:#fff0c1}.r121-actions{display:flex;justify-content:flex-end;gap:8px}.r121-actions button{height:48px;min-width:48px;padding:0 14px;border:1px solid #b67d25;border-radius:11px;background:linear-gradient(#f6c858,#9a5b12);color:#3a2104;font-weight:1000;font-size:18px;box-shadow:0 3px #533005}.r121-actions button:first-child{background:linear-gradient(#6f2b9c,#3b105c);color:#ffe77c;border-color:#d59735}
.r121-banner{position:relative;z-index:2;height:98px;text-align:center;padding-top:7px}.r121-banner h1{margin:0;display:inline-block;font-size:54px;letter-spacing:2px;color:#ffd45b;text-shadow:0 4px #812e0d,0 0 12px #ff9a25,0 0 22px #f53de5}.r121-banner p{margin:1px auto 0;width:max-content;padding:5px 28px;border-radius:15px;background:linear-gradient(90deg,#351044,#6a145f,#351044);border:1px solid #b764bc;color:#ffe9b8;font-weight:900;font-size:14px}.r121-banner .wing{position:absolute;top:28px;color:#7d2caa;font-size:56px;text-shadow:0 0 10px #d974ff}.r121-banner .wing.left{left:calc(50% - 390px);transform:rotate(180deg)}.r121-banner .wing.right{right:calc(50% - 390px);transform:rotate(180deg)}
.r121-grid{position:relative;z-index:2;height:calc(100% - 170px);display:grid;grid-template-columns:285px minmax(650px,1fr) 390px;gap:14px;padding:0 16px 16px}.r121-left,.r121-right{min-width:0;display:grid;align-content:start;gap:12px}.r121-panel{border:1px solid #a43cab;border-radius:15px;background:linear-gradient(145deg,rgba(22,8,31,.98),rgba(35,8,49,.95));box-shadow:inset 0 0 24px #7a1c9b33,0 8px 18px #0005;padding:14px}.r121-panel h3{margin:0 0 9px;color:#ffd955;font-size:17px;text-shadow:0 2px #6e2e0b}
.r121-ticketbox h3{text-align:center}.r121-ticketline{display:flex;align-items:center;gap:10px}.r121-ticketline img{width:60px;height:45px;object-fit:contain}.r121-ticketline b{font-size:36px;color:#fff}.r121-ticketline button{margin-left:auto;width:46px;height:46px;border-radius:9px;border:0;background:linear-gradient(#56d93d,#159f1f);color:#fff;font-size:31px;font-weight:1000;box-shadow:0 3px #07570e}.r121-ticketbox small{display:block;text-align:center;color:#ead9be;margin-top:4px}.r121-how ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.r121-how li{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid #62316955;font-size:12px;line-height:1.35}.r121-how li b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#3f6b11;color:#f2ff5f}.r121-daily{text-align:center}.r121-chest{font-size:62px;filter:drop-shadow(0 8px 6px #0007)}.r121-daily p{font-size:12px;line-height:1.35}.r121-daily button{width:100%;padding:10px;border:0;border-radius:9px;background:linear-gradient(#53db3e,#149c1f);color:#fff;font-weight:1000;box-shadow:0 3px #07540e}
.r121-main{min-width:0;display:flex;flex-direction:column;gap:7px}.r121-wheel-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center}.r121-wheel-stage:before{content:"";position:absolute;inset:3% 7%;border-radius:50%;background:radial-gradient(circle,rgba(232,58,255,.18),transparent 63%);filter:blur(4px)}.r121-wheel-wrap{position:relative;width:min(640px,56vh);height:min(640px,56vh);filter:drop-shadow(0 0 24px #a52de777)}.r121-outer-ring{position:absolute;inset:-11px;border-radius:50%;background:linear-gradient(#ffef8a,#f4ad1d,#8f4c06);box-shadow:0 0 0 4px #5f2a0b,0 0 28px #f7b327}.r121-bulbs{position:absolute;z-index:4;inset:-4px;border-radius:50%;background:repeating-conic-gradient(#fff0a0 0 1.7deg,transparent 1.7deg 9deg);-webkit-mask:radial-gradient(circle,transparent 0 89%,#000 89% 95%,transparent 95%);mask:radial-gradient(circle,transparent 0 89%,#000 89% 95%,transparent 95%);filter:drop-shadow(0 0 8px #fff1a0);animation:r121Lights 1.3s ease-in-out infinite alternate}.r121-disc{position:absolute;z-index:2;inset:4.5%;border-radius:50%;border:7px solid #f8cc55;box-shadow:inset 0 0 0 5px #68300b,inset 0 0 38px #000b;overflow:hidden;transition:transform 4.6s cubic-bezier(.05,.77,.04,1)}.r121-prize{position:absolute;left:50%;top:50%;width:124px;height:124px;margin:-62px 0 0 -62px;transform:rotate(var(--a)) translateY(-218px) rotate(calc(-1*var(--a)));transform-origin:62px 62px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 2px 3px #000;pointer-events:none}.r121-prize img{width:72px;height:60px;object-fit:contain;filter:drop-shadow(0 5px 5px #0008)}.r121-prize .hat-prize-img{width:90px;height:72px}.r121-prize span{font-size:13px;line-height:1.06;font-weight:1000;max-width:115px}.r121-prize span b{display:block;color:#ffe45f}.r121-prize em{font-size:10px;color:#fff57b;font-style:normal;font-weight:1000}.r121-pointer{position:absolute;z-index:8;left:50%;top:-23px;transform:translateX(-50%);width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-top:70px solid #ff4938;filter:drop-shadow(0 7px #7c1f12) drop-shadow(0 0 10px #ffdf60)}.r121-spin{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);width:162px;height:162px;border-radius:50%;border:8px solid #ffd85b;background:radial-gradient(circle at 35% 25%,#ff4cf4,#9913a3 50%,#4e075e);box-shadow:0 0 0 5px #6f2d08,inset 0 0 23px #fff6,0 0 28px #ef3bff;color:#fff36f;font-size:29px;font-weight:1000;text-shadow:0 3px #512045;cursor:pointer}.r121-spin small{display:block;font-size:14px;margin-top:6px}.r121-spin:disabled{filter:saturate(.4);cursor:wait}.r121-flare{position:absolute;bottom:4%;width:90px;height:135px;background:radial-gradient(ellipse at 50% 80%,#fff 0 4%,#d955ff 11%,#7022e4 28%,transparent 68%);filter:blur(1px);opacity:.85}.r121-flare.lf{left:2%}.r121-flare.rf{right:2%}.r121-status{position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:80%;text-align:center;padding:5px 12px;border:1px solid #915b19;border-radius:12px;background:#160b24;color:#ffe37c;font-size:12px}
.r121-progress,.r121-legends{border:1px solid #8f378e;border-radius:13px;background:#12081daa;padding:7px 9px}.r121-progress header,.r121-legends header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.r121-progress h3,.r121-legends h3{margin:0;color:#ffd754;font-size:14px}.r121-progress header span,.r121-legends header span{font-size:10px;color:#d8c0db}.r121-progress>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.r121-progress .r112-base-card{min-height:86px;padding:5px;background:#180c25}.r121-progress .r112-base-card img{height:48px}.r121-progress .r112-base-card strong{font-size:10px}.r121-progress .r112-base-card span,.r121-progress .r112-base-card small{font-size:9px}.r121-legends>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.r121-legend-mini{display:grid;grid-template-columns:58px 1fr;gap:6px;align-items:center;padding:5px;border:1px solid #66326f;border-radius:9px;background:#16091f;min-width:0}.r121-legend-mini img{width:58px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}.r121-legend-mini strong{display:block;font-size:9px;line-height:1.05;color:#ffe0a1}.r121-legend-mini small{display:block;font-size:8px;color:#bd9cc3}.r121-legend-mini.locked{filter:grayscale(.7) brightness(.55)}.r121-legend-mini.unlocked{border-color:#e4b33c;box-shadow:0 0 10px #f1ad2944}
.r121-target{text-align:center;min-height:470px}.r121-target-title{font-size:15px;font-weight:1000;color:#ffe15d;margin-bottom:4px}.r121-target-art{height:185px;display:grid;place-items:center;position:relative}.r121-target-art img{position:relative;z-index:2;max-width:280px;max-height:175px;filter:drop-shadow(0 9px 12px #000a)}.r121-rays{position:absolute;inset:8px;border-radius:50%;background:repeating-conic-gradient(#ffd25a 0 7deg,transparent 7deg 16deg);opacity:.24;animation:r112Spin 13s linear infinite}.r121-target h2{margin:0;color:#ffd33d;font-size:27px}.r121-tag{display:inline-block;margin:5px 0;padding:3px 10px;border-radius:14px;border:1px solid #d5a32c;color:#ffe898;font-size:10px}.r121-levelrow{display:flex;justify-content:space-between;margin-top:11px;font-size:12px}.r121-levelbar{height:12px;border:1px solid #7a3b87;border-radius:7px;background:#0d0713;overflow:hidden;margin:7px 0}.r121-levelbar i{display:block;height:100%;background:linear-gradient(90deg,#39aef4,#7d2ceb)}.r121-chance{margin:11px 0;padding:11px;border:1px solid #6f3a72;border-radius:10px;background:#0b0611}.r121-chance small,.r121-chance b{display:block}.r121-chance b{color:#8df171;margin-top:6px}.r121-upgrade{width:100%;padding:11px;border:0;border-radius:9px;background:linear-gradient(#55d83f,#169d20);box-shadow:0 3px #07560e;color:#fff;font-weight:1000}.r121-upgrade span{display:block;font-size:10px}.r121-next{font-size:11px;color:#dcc2de}.r121-legend-showcase{height:255px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.r121-legend-showcase img{max-width:100%;max-height:165px;object-fit:contain;filter:drop-shadow(0 7px 9px #000)}
.r121-buy h3{font-size:14px}.r121-buy p{font-size:10px;color:#d4bdd8}.r121-packs{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.r121-packs button{position:relative;min-height:70px;border:1px solid #85428d;border-radius:9px;background:linear-gradient(#290d36,#16081f);color:#ffe697}.r121-packs b,.r121-packs strong{display:block}.r121-packs strong{font-size:18px;color:#fff}.r121-packs em{position:absolute;right:-3px;top:-7px;background:#eb342a;color:#fff;border-radius:8px;padding:2px 4px;font-size:9px}.r121-result{z-index:20}
@keyframes r121Lights{to{filter:drop-shadow(0 0 13px #fff4ab) brightness(1.5)}}
@media(max-width:1180px){.r121-grid{grid-template-columns:240px minmax(560px,1fr) 330px}.r121-topbar{grid-template-columns:260px 1fr 310px}.r121-wallet span{min-width:90px}.r121-wheel-wrap{width:min(560px,53vh);height:min(560px,53vh)}.r121-prize{transform:rotate(var(--a)) translateY(-190px) rotate(calc(-1*var(--a)))}.r121-banner h1{font-size:43px}}

/* === Hungry Wars v1.13 FINAL PREMIUM ROULETTE === */
#modal[data-view="roulette113"]{align-items:center;padding:0;background:rgba(3,4,13,.9);backdrop-filter:blur(8px)}
#modal[data-view="roulette113"] .modal-window{width:min(1600px,100vw);height:min(1000px,100vh);max-width:none;padding:0;border:1px solid #f5b938;border-radius:0;background:#05020b;box-shadow:0 0 0 2px #4e126f,0 0 85px #7623ad88;overflow:hidden}
#modal[data-view="roulette113"] .modal-close{z-index:100;right:11px;top:11px;width:42px;height:42px;border:2px solid #ffad34;background:linear-gradient(#ff634d,#d92c21);box-shadow:0 4px #7b1710;border-radius:10px;color:#fff;font-size:22px}
.roulette113-shell{height:100%;overflow:auto;color:#fff5d0;font-family:Trebuchet MS,Arial,sans-serif;background:radial-gradient(circle at 50% 36%,#5e08739c 0,transparent 31%),radial-gradient(circle at 12% 65%,#450a8d88 0,transparent 26%),radial-gradient(circle at 86% 28%,#830b6780 0,transparent 24%),linear-gradient(180deg,#05020a 0,#12021d 48%,#08020e 100%);position:relative}
.roulette113-shell:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#ffd76a 0 1px,transparent 1.5px),radial-gradient(circle,#d338ff 0 1px,transparent 1.6px);background-size:55px 55px,89px 89px;background-position:4px 7px,28px 31px}
.r113-top{height:72px;display:grid;grid-template-columns:310px 1fr 360px;align-items:center;gap:18px;padding:8px 70px 8px 14px;background:linear-gradient(180deg,#0a0610,#050208);border-bottom:1px solid #7f2d9f;position:relative;z-index:2}
.r113-player,.r113-wallet span,.r113-top nav button{border:1px solid #ad6a18;background:linear-gradient(180deg,#16091e,#09050d);box-shadow:inset 0 0 18px #68217b33,0 0 10px #0008}
.r113-player{height:54px;border-radius:14px;display:flex;align-items:center;padding:5px 9px;gap:9px}.r113-player>img{width:44px;height:44px;border-radius:50%;border:2px solid #f4c647}.r113-player div{display:flex;flex-direction:column;min-width:0}.r113-player b{font-size:18px}.r113-player small{color:#f1c44f}.r113-player em{margin-left:auto;border:1px solid #886014;background:#26140b;padding:9px 10px;border-radius:8px;font-weight:900;font-style:normal}
.r113-wallet{display:flex;justify-content:center;gap:10px}.r113-wallet span{min-width:125px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px}.r113-wallet i{width:29px;height:29px;border-radius:7px;background:linear-gradient(#57d536,#149b19);display:grid;place-items:center;font-style:normal;font-size:22px;color:#fff}.r113-top nav{display:flex;justify-content:flex-end;gap:8px}.r113-top nav button{height:46px;border-radius:9px;color:#ffd15b;font-size:19px;font-weight:900;padding:0 15px}.r113-top nav button:first-child{background:linear-gradient(#8a2ab2,#4c0a6f);color:#fff}.r113-top nav small{display:block;font-size:8px}
.r113-title{height:120px;text-align:center;position:relative;z-index:2;padding-top:5px}.r113-title h1{margin:0;font-size:55px;line-height:1.02;letter-spacing:1px;color:#ffcd42;text-shadow:0 3px #9a3e07,0 0 8px #fff1a3,0 0 23px #ff661e,0 0 42px #8e25d6}.r113-title p{display:inline-block;margin:3px 0 0;padding:5px 34px;border:2px solid #9d37c6;border-radius:20px;background:linear-gradient(90deg,#39065c,#791f90,#39065c);font-weight:900;font-size:17px}.r113-wing{position:absolute;top:25px;width:150px;height:66px;filter:drop-shadow(0 0 10px #8732ec)}.r113-wing:before,.r113-wing:after{content:"";position:absolute;width:130px;height:18px;background:linear-gradient(90deg,#ffb82e,#fff17a,#8c2dd0);clip-path:polygon(0 45%,100% 0,78% 100%)}.r113-wing.left{left:calc(50% - 470px);transform:scaleX(-1)}.r113-wing.right{right:calc(50% - 470px)}.r113-wing:after{top:24px;width:105px;opacity:.75}
.r113-body{display:grid;grid-template-columns:310px minmax(700px,1fr) 390px;gap:16px;padding:0 14px 14px;position:relative;z-index:2}.r113-leftcol,.r113-rightcol{display:flex;flex-direction:column;gap:12px}.r113-box{border:1px solid #dc9c25;border-radius:15px;background:linear-gradient(180deg,#1c0828e8,#0e0519eb);box-shadow:inset 0 0 26px #8a20aa25,0 5px 20px #0008;padding:14px}.r113-box h3{margin:0 0 10px;color:#ffd550;font-size:17px}.r113-ticket>div{display:flex;align-items:center;gap:14px}.r113-ticket img{width:50px}.r113-ticket b{font-size:33px}.r113-ticket button{margin-left:auto;width:48px;height:48px;border-radius:9px;border:1px solid #6fe33f;background:linear-gradient(#56d632,#119416);font-size:34px;color:#fff}.r113-ticket small{display:block;text-align:center;margin-top:5px}.r113-how p{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:start;padding:9px 0;margin:0;border-bottom:1px solid #75318766;font-size:14px}.r113-how i{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#5d9908;color:#fff;font-style:normal;font-weight:900}.r113-daily{text-align:center}.r113-daily-art{font-size:64px;filter:drop-shadow(0 0 15px #ff9c26)}.r113-daily button,.r113-crystals button{width:100%;height:42px;border:0;border-radius:7px;background:linear-gradient(#47d42c,#0c9418);color:#fff;font-size:18px;font-weight:900;box-shadow:0 4px #064d0e}.r113-ticket-shop{margin-top:auto}.r113-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.r113-price-grid button{position:relative;min-height:68px;border:1px solid #8f3c97;background:#1a0828;color:#fff1b9;border-radius:9px}.r113-price-grid button b,.r113-price-grid button strong{display:block;font-size:15px}.r113-price-grid button strong{font-size:19px;margin-top:3px}.r113-price-grid em{position:absolute;right:-4px;top:-8px;background:#e32220;border-radius:9px;padding:2px 5px;font-size:11px;font-style:normal}
.r113-center{min-width:0}.r113-wheel-stage{height:610px;position:relative;display:flex;align-items:flex-start;justify-content:center}.r113-stars{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,#bc31e955,transparent 45%)}.r113-flame{position:absolute;bottom:20px;width:90px;height:160px;background:radial-gradient(ellipse at bottom,#b94cff99 0 12%,#5f19dba0 20%,transparent 60%);filter:blur(3px)}.r113-flame.left{left:7%}.r113-flame.right{right:7%}.r113-pedestal{position:absolute;bottom:18px;width:620px;height:70px;border-radius:50%;background:radial-gradient(ellipse,#9c39d7 0,#3f0c65 42%,#0b0414 73%);border:2px solid #d7902e;box-shadow:0 0 35px #7a1dba}
.r113-wheel{width:570px;height:570px;position:relative;border-radius:50%;margin-top:1px;filter:drop-shadow(0 18px 22px #000b)}.r113-gold-ring{position:absolute;inset:-19px;border-radius:50%;background:linear-gradient(135deg,#fff2a0,#f5a717 18%,#7e4105 38%,#ffd956 54%,#7b3e03 73%,#fff09a);box-shadow:0 0 0 5px #5b2b03,0 0 28px #ffa825,0 0 55px #852ddb;z-index:0}.r113-lights{position:absolute;inset:-10px;border-radius:50%;z-index:5;pointer-events:none;background:repeating-conic-gradient(from 0deg,#fff6b4 0 2deg,transparent 2deg 10deg);mask:radial-gradient(circle,transparent 0 92%,#000 93%);filter:drop-shadow(0 0 6px #fff2a3)}.r113-disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:5px solid #7b4009;box-shadow:inset 0 0 70px #0009}.r113-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,transparent 35%,#0000 58%,#0005 100%);pointer-events:none}.r113-pointer{position:absolute;left:50%;top:-40px;transform:translateX(-50%);z-index:20;width:78px;height:88px;background:linear-gradient(#ff6d37,#cf181a);clip-path:polygon(50% 0,100% 42%,68% 42%,68% 100%,32% 100%,32% 42%,0 42%);filter:drop-shadow(0 5px 3px #0007)}.r113-pointer:after{content:"♦";position:absolute;left:24px;top:14px;color:#ffe779;font-size:31px;text-shadow:0 0 7px #fff}
.r113-prize{position:absolute;left:50%;top:50%;width:138px;height:170px;margin-left:-69px;margin-top:-85px;transform:rotate(var(--a)) translateY(-183px) rotate(calc(-1*var(--a)));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:4;text-shadow:0 2px 3px #000}.r113-prize img{max-width:82px;max-height:74px;object-fit:contain;filter:drop-shadow(0 5px 5px #0009)}.r113-prize .hat-prize-img{max-width:100px;max-height:82px}.r113-prize span{font-size:15px;line-height:1.05}.r113-prize span b,.r113-prize span small{display:block}.r113-prize span b{font-size:19px;color:#fff1ae}.r113-prize span small{font-size:12px}.r113-prize>em{font-style:normal;color:#ffe245;font-size:13px;font-weight:900}.r113-spin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;width:170px;height:170px;border-radius:50%;border:8px solid #f7c741;background:radial-gradient(circle at 50% 30%,#f94de2,#8507a6 58%,#39024e);box-shadow:0 0 0 5px #6b2d07,0 0 24px #ffbe35,0 0 45px #c41bff;color:#ffe864;font-size:31px;font-weight:1000;text-shadow:0 3px #54124d}.r113-spin small{display:block;font-size:15px;margin-top:8px}.r113-spin:disabled{filter:saturate(.5);cursor:wait}.r113-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:10;min-width:590px;padding:8px 20px;text-align:center;background:#12051f;border:1px solid #d99127;border-radius:18px;color:#ffd450}
.r113-progress-section,.r113-legends-section{border:1px solid #b35e23;border-radius:13px;background:#0f0519d9;padding:10px;margin-top:8px}.r113-progress-section>h3,.r113-legends-section>h3{margin:0 0 8px;text-align:center;color:#ffd44e}.r113-progress-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.r113-progress-section>p{font-size:12px;text-align:center;color:#f5cc79;margin:8px 0 0}.r113-base{position:relative;display:grid;grid-template-columns:75px 1fr;gap:8px;align-items:center;background:#160722;border:1px solid #773586;border-radius:10px;padding:7px;opacity:.7}.r113-base.active{border-color:#ffd13e;box-shadow:0 0 14px #ffbb24aa;opacity:1}.r113-base.done{border-color:#4ece4e;opacity:1}.r113-base img{width:70px;height:60px;object-fit:contain}.r113-base strong,.r113-base span,.r113-base small{display:block}.r113-base span{font-size:11px}.r113-base small{font-size:10px;color:#f0d27d}.r113-base-num{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#6f198f;display:grid;place-items:center;font-size:11px}.r113-mini-progress{height:7px;background:#2c0c36;border-radius:6px;overflow:hidden;margin:4px 0}.r113-mini-progress i{display:block;height:100%;background:linear-gradient(90deg,#26b9ff,#8d53ff)}
.r113-legends-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.r113-legend{position:relative;overflow:hidden;border:1px solid #8e3f33;border-radius:11px;background:linear-gradient(#22092e,#11051b);text-align:center;padding:7px}.r113-legend img{width:95px;height:73px;object-fit:contain;filter:drop-shadow(0 0 10px #ff572266)}.r113-legend strong,.r113-legend span{display:block}.r113-legend strong{font-size:12px;color:#ffd04e}.r113-legend span{font-size:10px}.r113-legend.locked{filter:grayscale(.9) brightness(.45)}.r113-legend.unlocked{box-shadow:inset 0 0 20px #9523c24a,0 0 14px #a728db55}
.r113-target{text-align:center;min-height:420px;background:radial-gradient(circle at 50% 32%,#63208066,transparent 34%),linear-gradient(#220b2d,#12051d)}.r113-target-kicker{font-weight:900;color:#ffe05b;font-size:16px}.r113-target-art{height:170px;position:relative;display:grid;place-items:center}.r113-target-art span{position:absolute;width:190px;height:190px;background:repeating-conic-gradient(#ffd46033 0 8deg,transparent 8deg 18deg);border-radius:50%;animation:r113Rays 9s linear infinite}.r113-target-art img{position:relative;width:210px;height:150px;object-fit:contain;filter:drop-shadow(0 0 18px #ffb92b)}@keyframes r113Rays{to{transform:rotate(360deg)}}.r113-target h2{font-size:28px;color:#ffd250;margin:2px 0}.r113-target>em{display:inline-block;font-style:normal;border:1px solid #e7b72a;border-radius:12px;padding:3px 12px;color:#ffd96a}.r113-level-head{display:flex;justify-content:space-between;margin-top:14px}.r113-progressbar{height:12px;border-radius:9px;background:#19041f;border:1px solid #703383;overflow:hidden}.r113-progressbar i{display:block;height:100%;background:linear-gradient(90deg,#28b7ff,#6b57ff);box-shadow:0 0 10px #39bfff}.r113-chance-box{border:1px solid #653071;border-radius:10px;background:#12041b;margin-top:12px;padding:10px}.r113-chance-box small{display:block;color:#f7d568}.r113-chance-box div{display:flex;justify-content:space-around;align-items:center;margin-top:6px;color:#48df38;font-size:17px}.r113-upgrade{width:100%;margin-top:10px;height:48px;border:1px solid #65dd36;border-radius:9px;background:linear-gradient(#49d32d,#0d9018);color:#fff;font-weight:900;font-size:19px}.r113-upgrade span{display:block;font-size:11px}.r113-next{font-size:12px;color:#d8b5e9}.r113-legend-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:16px}.r113-legend-triptych img{width:90px;height:75px;object-fit:contain}.r113-legend-triptych b{display:block;font-size:10px}.r113-legend-copy{font-size:13px;color:#e5c5f0}.r113-lock{text-align:center}.r113-lock>div{display:flex;justify-content:center;gap:10px}.r113-lock img{width:90px;height:68px;object-fit:contain}.r113-lock p{margin:8px 0 0;color:#f1cf6d}.r113-crystals{text-align:center;margin-top:auto}.r113-crystals>div{font-size:35px;letter-spacing:5px;margin:8px 0}.r113-crystals p{font-size:13px}.r113-result{z-index:40!important}
@media(max-width:1250px){.r113-body{grid-template-columns:260px minmax(620px,1fr) 330px;gap:8px}.r113-top{grid-template-columns:260px 1fr 310px;padding-right:60px}.r113-wallet span{min-width:100px}.r113-wheel{width:520px;height:520px}.r113-prize{transform:rotate(var(--a)) translateY(-166px) rotate(calc(-1*var(--a)))}.r113-wheel-stage{height:560px}}

/* === v1.13.1: viewport fit + premium cosmic art === */
#modal[data-view="roulette113"]{padding:14px!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 40%,#2b0a3dcc,#080812f2 68%)!important}
#modal[data-view="roulette113"] .modal-window{width:min(1510px,calc(100vw - 28px))!important;height:min(900px,calc(100vh - 28px))!important;border:2px solid #f1b43b!important;border-radius:18px!important;box-shadow:0 0 0 2px #6d1b92,0 0 70px #7e25c288,0 20px 65px #000b!important;overflow:hidden!important}
#modal[data-view="roulette113"] .modal-close{right:10px!important;top:10px!important}
.roulette113-shell{overflow:hidden!important;background:#07020d url('/assets/ui/roulette-cosmos.svg') center/cover no-repeat!important;display:grid!important;grid-template-rows:58px 88px minmax(0,1fr)!important}
.roulette113-shell:before{opacity:.3!important;background-size:47px 47px,83px 83px!important;animation:r113StarDrift 22s linear infinite}
@keyframes r113StarDrift{to{background-position:47px 47px,111px 114px}}
.r113-top{height:58px!important;grid-template-columns:270px 1fr 330px!important;padding:4px 54px 4px 10px!important;gap:10px!important;background:linear-gradient(180deg,#0b0611f5,#050208df)!important;box-sizing:border-box}
.r113-player{height:46px!important}.r113-player>img{width:38px!important;height:38px!important}.r113-player b{font-size:16px!important}.r113-player em{padding:7px 8px!important}
.r113-wallet{gap:7px!important}.r113-wallet span{min-width:102px!important;height:38px!important;font-size:17px!important}.r113-wallet i{width:25px!important;height:25px!important;font-size:18px!important}.r113-top nav{gap:6px!important}.r113-top nav button{height:38px!important;padding:0 11px!important;font-size:16px!important}
.r113-title{height:88px!important;padding-top:3px!important;overflow:visible!important}.r113-title h1{font-size:48px!important;line-height:1!important;letter-spacing:1.5px!important;filter:drop-shadow(0 0 12px #ff8d24)}.r113-title p{font-size:13px!important;padding:4px 28px!important;margin-top:2px!important}
.r113-wing{top:5px!important;width:235px!important;height:82px!important;background:url('/assets/ui/roulette-wing.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 10px #a735ff) drop-shadow(0 0 8px #ffb82c)!important}.r113-wing:before,.r113-wing:after{display:none!important}.r113-wing.left{left:calc(50% - 475px)!important;transform:scaleX(-1)!important}.r113-wing.right{right:calc(50% - 475px)!important}
.r113-body{height:100%!important;min-height:0!important;grid-template-columns:250px minmax(610px,1fr) 300px!important;gap:10px!important;padding:0 10px 10px!important;box-sizing:border-box;overflow:hidden!important}.r113-leftcol,.r113-rightcol{min-height:0!important;gap:8px!important;overflow:hidden!important}.r113-box{padding:10px!important;border-radius:12px!important;box-shadow:inset 0 0 25px #9b1cb833,0 5px 16px #0008!important}.r113-box h3{font-size:14px!important;margin-bottom:7px!important}.r113-ticket>div{gap:9px!important}.r113-ticket img{width:38px!important}.r113-ticket b{font-size:27px!important}.r113-ticket button{width:38px!important;height:38px!important;font-size:27px!important}.r113-ticket small{font-size:10px!important}.r113-how p{padding:6px 0!important;font-size:11px!important;grid-template-columns:22px 1fr!important}.r113-how i{width:20px!important;height:20px!important}.r113-daily-art{font-size:45px!important}.r113-daily p{font-size:11px!important;margin:4px 0 7px!important}.r113-daily button,.r113-crystals button{height:34px!important;font-size:14px!important}.r113-price-grid button{min-height:53px!important}.r113-price-grid button b{font-size:12px!important}.r113-price-grid button strong{font-size:16px!important}
.r113-center{min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) 96px 116px!important;gap:6px!important}.r113-wheel-stage{height:auto!important;min-height:0!important;align-items:center!important}.r113-stars{background:radial-gradient(circle at 50% 45%,#e83cff33 0,#7d12bd2b 28%,transparent 58%)!important}.r113-wheel{width:min(510px,55vh)!important;height:min(510px,55vh)!important;margin:0!important}.r113-pedestal{bottom:3px!important;width:560px!important;height:56px!important}.r113-flame{bottom:4px!important;height:135px!important}.r113-gold-ring{inset:-16px!important;box-shadow:0 0 0 5px #5b2b03,0 0 30px #ffbd2e,0 0 70px #8d25d9!important}.r113-lights{inset:-8px!important}.r113-pointer{top:-30px!important;width:66px!important;height:75px!important}.r113-pointer:after{left:20px!important;top:11px!important;font-size:27px!important}.r113-prize{width:114px!important;height:138px!important;margin-left:-57px!important;margin-top:-69px!important;transform:rotate(var(--a)) translateY(calc(-1 * min(164px,17.6vh))) rotate(calc(-1*var(--a)))!important}.r113-prize img{max-width:69px!important;max-height:61px!important}.r113-prize .hat-prize-img{max-width:82px!important;max-height:68px!important}.r113-prize span{font-size:12px!important}.r113-prize span b{font-size:15px!important}.r113-prize span small{font-size:10px!important}.r113-prize>em{font-size:10px!important}.r113-spin{width:145px!important;height:145px!important;font-size:25px!important}.r113-spin small{font-size:12px!important;margin-top:5px!important}.r113-status{bottom:0!important;min-width:510px!important;padding:5px 14px!important;font-size:11px!important}
.r113-progress-section,.r113-legends-section{margin:0!important;padding:6px 8px!important;border-radius:10px!important;overflow:hidden!important}.r113-progress-section>h3,.r113-legends-section>h3{font-size:13px!important;margin:0 0 4px!important}.r113-progress-section>div,.r113-legends-section>div{gap:5px!important}.r113-progress-section>p{font-size:9px!important;margin:4px 0 0!important}.r113-base{grid-template-columns:54px 1fr!important;padding:4px!important;gap:5px!important}.r113-base img{width:50px!important;height:43px!important}.r113-base strong{font-size:10px!important}.r113-base span,.r113-base small{font-size:8px!important}.r113-mini-progress{height:5px!important;margin:2px 0!important}.r113-legend{padding:4px!important}.r113-legend img{width:72px!important;height:55px!important}.r113-legend strong{font-size:9px!important}.r113-legend span{font-size:8px!important}
.r113-target{min-height:0!important;height:auto!important;flex:0 0 auto!important;padding:9px!important}.r113-target-kicker{font-size:13px!important}.r113-target-art{height:108px!important}.r113-target-art span{width:135px!important;height:135px!important}.r113-target-art img{width:155px!important;height:105px!important}.r113-target h2{font-size:22px!important;margin:0!important}.r113-target>em{font-size:10px!important;padding:2px 8px!important}.r113-level-head{margin-top:6px!important;font-size:10px!important}.r113-progressbar{height:8px!important}.r113-chance-box{margin-top:7px!important;padding:6px!important}.r113-chance-box small{font-size:9px!important}.r113-chance-box div{font-size:13px!important;margin-top:3px!important}.r113-upgrade{height:36px!important;font-size:14px!important;margin-top:6px!important}.r113-next{font-size:9px!important}.r113-lock{padding:8px!important}.r113-lock>div{gap:5px!important}.r113-lock img{width:66px!important;height:48px!important}.r113-lock p{font-size:10px!important;margin:4px 0 0!important}.r113-crystals{padding:8px!important}.r113-crystals p{font-size:10px!important;margin:3px 0!important}.r113-crystals>div{font-size:24px!important;margin:4px 0!important}
@media(max-height:820px){#modal[data-view="roulette113"] .modal-window{height:calc(100vh - 14px)!important}.roulette113-shell{grid-template-rows:52px 76px minmax(0,1fr)!important}.r113-top{height:52px!important}.r113-title{height:76px!important}.r113-title h1{font-size:41px!important}.r113-wing{width:205px!important;height:68px!important}.r113-wing.left{left:calc(50% - 415px)!important}.r113-wing.right{right:calc(50% - 415px)!important}.r113-center{grid-template-rows:minmax(0,1fr) 82px 96px!important}.r113-wheel{width:min(455px,52vh)!important;height:min(455px,52vh)!important}.r113-prize{transform:rotate(var(--a)) translateY(calc(-1 * min(145px,16.6vh))) rotate(calc(-1*var(--a)))!important}.r113-spin{width:126px!important;height:126px!important;font-size:22px!important}.r113-daily{display:none!important}}
@media(max-width:1180px){.r113-body{grid-template-columns:220px minmax(540px,1fr) 260px!important}.r113-top{grid-template-columns:230px 1fr 285px!important}.r113-wallet span{min-width:86px!important}.r113-wing{width:190px!important}.r113-wing.left{left:calc(50% - 390px)!important}.r113-wing.right{right:calc(50% - 390px)!important}.r113-wheel{width:min(460px,52vh)!important;height:min(460px,52vh)!important}}

/* === v1.13.2 reference-matched premium art pass === */
#modal[data-view="roulette113"]{background:radial-gradient(circle at 50% 45%,#301047 0,#0b0815 63%,#05060c 100%)!important}
#modal[data-view="roulette113"] .modal-window{width:min(1536px,calc(100vw - 20px))!important;height:min(960px,calc(100vh - 20px))!important;border:1px solid #ffbd39!important;border-radius:14px!important;box-shadow:0 0 0 2px #4e0a72,0 0 34px #b33cff80,0 0 95px #000c!important}
.roulette113-shell{grid-template-rows:62px 124px minmax(0,1fr)!important;background:
  radial-gradient(circle at 50% 35%,rgba(163,31,255,.20),transparent 31%),
  radial-gradient(circle at 20% 72%,rgba(92,31,255,.22),transparent 24%),
  radial-gradient(circle at 83% 25%,rgba(255,29,134,.15),transparent 22%),
  url('/assets/ui/roulette-cosmos.svg') center/cover no-repeat!important}
.roulette113-shell:after{content:"";position:absolute;inset:62px 0 0;pointer-events:none;z-index:0;background:
  radial-gradient(circle at 7% 17%,#ffcf66 0 1px,transparent 2px),
  radial-gradient(circle at 13% 39%,#bd43ff 0 1px,transparent 2px),
  radial-gradient(circle at 25% 13%,#fff0a4 0 1px,transparent 2px),
  radial-gradient(circle at 37% 30%,#d447ff 0 1px,transparent 2px),
  radial-gradient(circle at 61% 17%,#ffd45a 0 1px,transparent 2px),
  radial-gradient(circle at 77% 40%,#ae30ff 0 1px,transparent 2px),
  radial-gradient(circle at 91% 21%,#fff1a5 0 1px,transparent 2px);background-size:145px 133px,187px 173px,163px 151px,209px 193px,157px 149px,201px 181px,171px 161px;opacity:.85;animation:r113StarDrift 28s linear infinite}
.r113-top{height:62px!important;background:linear-gradient(180deg,#060408f5,#09030fed)!important;border-bottom:1px solid #7f2d9f!important;box-shadow:0 7px 22px #0008!important}
.r113-player,.r113-wallet span,.r113-top nav button{border-color:#c28123!important;box-shadow:inset 0 0 24px #8c1fd133,0 0 10px #0009!important}
.r113-wallet span{background:linear-gradient(180deg,#170720,#08030d)!important}
.r113-top nav button:first-child{background:linear-gradient(#9e36c7,#5b0d7c)!important;box-shadow:inset 0 1px #e193ff,0 0 15px #b52cff55!important}
.r113-title{height:124px!important;padding:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;position:relative!important;overflow:visible!important}
.r113-title-art{width:min(850px,62vw)!important;height:145px!important;object-fit:contain!important;display:block!important;margin-top:-4px!important;filter:drop-shadow(0 0 12px #ffae2c) drop-shadow(0 0 28px #7f20e6)!important;position:relative;z-index:2}
.r113-title h1,.r113-wing{display:none!important}
.r113-title-live{position:absolute!important;left:50%!important;bottom:1px!important;transform:translateX(-50%)!important;margin:0!important;background:linear-gradient(90deg,#2d0649cc,#6b1585e8,#2d0649cc)!important;border:1px solid #bc56f0!important;color:#fff8d8!important;border-radius:13px!important;font-size:11px!important;padding:2px 18px!important;box-shadow:0 0 16px #9b36e977!important;z-index:4!important;white-space:nowrap}
.r113-body{position:relative!important;z-index:2!important;grid-template-columns:268px minmax(640px,1fr) 322px!important;gap:12px!important;padding:0 12px 12px!important}
.r113-box{border:1px solid #e0a72b!important;background:linear-gradient(180deg,rgba(28,6,42,.95),rgba(9,3,18,.96))!important;box-shadow:inset 0 0 0 1px #67237d,inset 0 0 34px #a828c531,0 0 16px #0008!important}
.r113-box h3{color:#ffd24d!important;text-shadow:0 1px #7e3e00!important}
.r113-wheel-stage{overflow:visible!important}
.r113-stars{background:radial-gradient(circle at 50% 46%,#ff3dcc2e 0,#8f22d72b 31%,transparent 61%)!important}
.r113-wheel{width:min(545px,55.5vh)!important;height:min(545px,55.5vh)!important;filter:drop-shadow(0 20px 22px #000b) drop-shadow(0 0 24px #ff9e1d66)!important}
.r113-gold-ring{inset:-25px!important;background:
  radial-gradient(circle at 50% 50%,transparent 66%,rgba(255,244,167,.95) 67% 69%,transparent 70%),
  conic-gradient(#7b3b00,#ffcf4d,#fff3a4,#b76500,#ffd85b,#6e3200,#fff0a0,#d37a07,#7b3b00)!important;
  box-shadow:0 0 0 5px #3e2105,0 0 0 8px #f4af1e,0 0 32px #ffb525,0 0 86px #9b27dc!important}
.r113-lights{inset:-14px!important;background:repeating-conic-gradient(from 1deg,#fff8b6 0 1.7deg,transparent 1.8deg 7.5deg)!important;mask:radial-gradient(circle,transparent 0 91%,#000 92% 100%)!important;filter:drop-shadow(0 0 6px #fff0a0) drop-shadow(0 0 10px #ff9b22)!important;animation:r113BulbPulse 1.25s ease-in-out infinite alternate}
@keyframes r113BulbPulse{from{opacity:.72}to{opacity:1}}
.r113-disc{border:3px solid #5c2603!important;box-shadow:inset 0 0 0 3px #f0a519,inset 0 0 55px #000b!important}
.r113-disc:before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;z-index:3;background:conic-gradient(from 0deg,rgba(255,255,255,.12),transparent 11%,rgba(255,217,90,.11) 18%,transparent 30%,rgba(255,255,255,.09) 43%,transparent 55%,rgba(255,198,74,.1) 68%,transparent 80%,rgba(255,255,255,.08) 92%,transparent);mix-blend-mode:screen}
.r113-pointer{top:-45px!important;width:82px!important;height:94px!important;background:linear-gradient(145deg,#ffeb7e 0 12%,#ff812f 25%,#e6281e 62%,#721008 100%)!important;box-shadow:0 0 0 3px #ffb82b,0 0 20px #ff7225!important;filter:none!important}
.r113-pointer:after{content:"♦"!important;left:26px!important;top:14px!important;color:#fff19a!important;text-shadow:0 0 8px #fff,0 2px #7c1600!important}
.r113-spin{background:radial-gradient(circle at 38% 28%,#ef70ff 0,#bd22e0 35%,#6b0c8c 73%,#30013e 100%)!important;border:5px solid #ffc838!important;box-shadow:0 0 0 4px #7a2a9e,0 0 21px #ff3bf4,0 6px 18px #0009,inset 0 0 26px #fff3!important;text-shadow:0 2px #5c085f,0 0 8px #fff6!important}
.r113-pedestal{bottom:-3px!important;width:620px!important;height:74px!important;background:radial-gradient(ellipse,#e649ff55 0,#6822a8 26%,#27063b 55%,#06020c 75%)!important;border:2px solid #d58b24!important;box-shadow:0 0 0 3px #3c0d5a,0 0 35px #a62ad5,0 12px 28px #000c!important}
.r113-flame{height:160px!important;background:radial-gradient(ellipse at bottom,#fff 0 3%,#ba62ff 8%,#6325ff 20%,rgba(114,30,255,.36) 38%,transparent 64%)!important;filter:blur(2px) drop-shadow(0 0 14px #7e35ff)!important}
.r113-status{background:linear-gradient(90deg,#0f0715e8,#261130f2,#0f0715e8)!important;border-color:#e4a532!important;color:#ffd86a!important;box-shadow:0 0 13px #0007!important}
.r113-target{background:radial-gradient(circle at 50% 22%,#5c1b3c99 0,#18061f 54%,#0b0311 100%)!important;border-color:#dca82d!important}
.r113-target-art{filter:drop-shadow(0 0 13px #ffb42f99)!important}.r113-target h2{color:#ffd34e!important;text-shadow:0 2px #7e2700,0 0 12px #ff8c2d!important}
.r113-chance-box{background:linear-gradient(180deg,#17061f,#0d0313)!important;border-color:#8a378f!important;box-shadow:inset 0 0 17px #7e1ca42a!important}
.r113-progress-section,.r113-legends-section{border:1px solid #b5781b!important;background:linear-gradient(180deg,#180624e8,#09030fec)!important;box-shadow:inset 0 0 24px #6d1e8f24!important}
.r113-base,.r113-legend{border-color:#7d367f!important;background:linear-gradient(180deg,#1b0829,#0e0517)!important}
.r113-legend img{filter:drop-shadow(0 0 12px #8f34e644)!important}
.r113-crystals{background:radial-gradient(circle at 80% 50%,#173aa844,transparent 45%),linear-gradient(180deg,#160722,#08030e)!important}
.r113-crystals button{background:linear-gradient(#228fd3,#0a4f9b)!important;box-shadow:0 4px #073a72,0 0 12px #36b7ff55!important}
@media(max-height:820px){.roulette113-shell{grid-template-rows:52px 104px minmax(0,1fr)!important}.r113-title{height:104px!important}.r113-title-art{height:118px!important;width:min(720px,62vw)!important}.r113-title-live{font-size:9px!important}.r113-body{grid-template-columns:230px minmax(560px,1fr) 270px!important}.r113-wheel{width:min(475px,52vh)!important;height:min(475px,52vh)!important}.r113-pedestal{width:530px!important}.r113-prize{transform:rotate(var(--a)) translateY(calc(-1 * min(150px,16.2vh))) rotate(calc(-1*var(--a)))!important}}

/* === v1.13.3 true UI logo pass: no screenshot crop, no duplicate base-progress strip === */
.r113-title-art{display:none!important}
.r113-title{height:108px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;overflow:visible!important;background:radial-gradient(ellipse at center,rgba(142,27,207,.18),transparent 68%)!important}
.r113-logo-wrap{position:relative;z-index:4;min-width:560px;text-align:center;transform:translateY(-2px)}
.r113-title h1{display:block!important;margin:0!important;font-family:Impact,Haettenschweiler,'Arial Black',sans-serif!important;font-size:56px!important;line-height:.98!important;letter-spacing:2px!important;color:#ffd24b!important;-webkit-text-stroke:1.5px #8d3108;text-shadow:0 2px 0 #7d2605,0 5px 0 #3b0b04,0 0 8px #fff2a1,0 0 19px #ff9f26,0 0 36px #a22dee!important;transform:scaleX(1.04)}
.r113-title-live{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;display:inline-block!important;margin:7px 0 0!important;padding:4px 34px!important;border:1px solid #e184ff!important;border-radius:18px!important;background:linear-gradient(180deg,#811e9f,#3a0759)!important;color:#fff5dc!important;font-size:12px!important;box-shadow:inset 0 1px #f0a4ff66,0 0 16px #ad37e7aa!important}
.r113-logo-spark{position:absolute;color:#ffe56b;text-shadow:0 0 8px #fff,0 0 18px #ff8b28;font-size:23px;animation:r113LogoSpark 1.8s ease-in-out infinite alternate}.r113-logo-spark.s1{left:1px;top:8px}.r113-logo-spark.s2{right:-3px;top:5px;animation-delay:.6s}@keyframes r113LogoSpark{from{opacity:.35;transform:scale(.72) rotate(0)}to{opacity:1;transform:scale(1.12) rotate(20deg)}}
.r113-wing{display:block!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;flex:0 1 300px!important;width:min(300px,22vw)!important;height:92px!important;background:url('/assets/ui/roulette-wing.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 7px #ffd04f) drop-shadow(0 0 14px #a52cff)!important;opacity:.98!important}.r113-wing.left{transform:scaleX(-1)!important}.r113-wing.right{transform:none!important}
.r113-title:after{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);width:44%;height:2px;background:linear-gradient(90deg,transparent,#ffce42,#fff3a8,#ffce42,transparent);box-shadow:0 0 12px #ffb52e}
/* base progress is already represented on the right; reclaim space for wheel + legendary preview */
.r113-progress-section{display:none!important}
.r113-center{display:grid!important;grid-template-rows:minmax(0,1fr) 104px!important;gap:7px!important;min-height:0!important}
.r113-legends-section{margin-top:0!important;min-height:0!important}
/* make the central wheel read like a premium game object instead of a flat HTML pie */
.r113-wheel:before{content:"";position:absolute;inset:-34px;border-radius:50%;z-index:-2;background:radial-gradient(circle,transparent 58%,rgba(255,190,47,.18) 61%,rgba(133,33,208,.22) 70%,transparent 75%);filter:blur(2px);animation:r113Halo 2.2s ease-in-out infinite alternate}@keyframes r113Halo{from{opacity:.55;transform:scale(.985)}to{opacity:1;transform:scale(1.018)}}
.r113-wheel:after{content:"";position:absolute;inset:-32px;border-radius:50%;z-index:-1;box-shadow:0 0 0 1px #fff1a64d,0 0 34px #ffb22e66,0 0 95px #9428d866;pointer-events:none}
.r113-gold-ring{box-shadow:0 0 0 4px #3b1d04,0 0 0 8px #ffb92c,0 0 0 10px #6e3005,0 0 30px #ffc43a,0 0 82px #9c2bdf!important}
.r113-spin{letter-spacing:-.4px!important}.r113-spin:after{content:"";position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(255,244,179,.33);pointer-events:none}
/* tighten bottom legendary cards now that duplicate progress row is removed */
.r113-legends-section>h3{font-size:14px!important;margin-bottom:5px!important}.r113-legends-section>div{gap:7px!important}.r113-legend{min-height:70px!important;display:grid!important;grid-template-columns:78px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;text-align:left!important;padding:5px 8px!important}.r113-legend img{grid-row:1/3;width:72px!important;height:58px!important}.r113-legend strong{font-size:10px!important}.r113-legend span{font-size:9px!important}
@media(max-height:820px){.roulette113-shell{grid-template-rows:52px 88px minmax(0,1fr)!important}.r113-title{height:88px!important}.r113-title h1{font-size:44px!important}.r113-logo-wrap{min-width:480px!important}.r113-wing{height:72px!important;width:min(250px,20vw)!important}.r113-title-live{font-size:9px!important;padding:2px 22px!important;margin-top:4px!important}.r113-center{grid-template-rows:minmax(0,1fr) 86px!important}.r113-legend{min-height:56px!important}.r113-legend img{width:58px!important;height:46px!important}}
@media(max-width:1180px){.r113-title h1{font-size:45px!important}.r113-logo-wrap{min-width:470px!important}.r113-wing{width:205px!important}}

/* === v1.13.4 premium roulette composition pass === */
#modal[data-view="roulette113"]{padding:8px!important;background:radial-gradient(circle at 50% 38%,#36104f 0,#12101e 56%,#070811 100%)!important}
#modal[data-view="roulette113"] .modal-window{width:min(1540px,calc(100vw - 16px))!important;height:min(920px,calc(100vh - 16px))!important;max-height:calc(100vh - 16px)!important;border:2px solid #f5bb31!important;border-radius:16px!important;background:#07020d!important;box-shadow:0 0 0 2px #631286,0 0 40px #b53dff88,0 24px 72px #000c!important;overflow:hidden!important}
.roulette113-shell{height:100%!important;min-height:0!important;position:relative!important;display:grid!important;grid-template-rows:58px 104px minmax(0,1fr)!important;background:#07020d url('/assets/ui/roulette-cosmos.svg') center/cover no-repeat!important;overflow:hidden!important}
.roulette113-shell:before{content:""!important;position:absolute!important;inset:58px 0 0!important;z-index:0!important;pointer-events:none!important;background:radial-gradient(ellipse at 50% 42%,rgba(207,53,255,.18),transparent 45%),linear-gradient(90deg,rgba(255,180,40,.035),transparent 18% 82%,rgba(255,180,40,.035))!important;opacity:1!important}
.r113-top{height:58px!important;min-height:58px!important;padding:6px 60px 6px 14px!important;display:grid!important;grid-template-columns:280px 1fr 360px!important;gap:10px!important;align-items:center!important;background:linear-gradient(180deg,#09020f 0,#09020fe8 100%)!important;border-bottom:1px solid #702188!important;box-shadow:0 5px 18px #0008!important;position:relative!important;z-index:20!important}
.r113-player{height:44px!important;border:1px solid #d89427!important;border-radius:11px!important;background:linear-gradient(180deg,#1a0b24,#0d0715)!important;box-shadow:inset 0 0 0 1px #70337a,0 0 10px #0008!important}.r113-player img{width:38px!important;height:38px!important;box-shadow:0 0 0 2px #ffe27d,0 0 10px #a83aff!important}.r113-player b{font-size:15px!important}.r113-player small{color:#ffd24c!important}.r113-player em{background:linear-gradient(#4d240c,#251007)!important;border-color:#d99429!important;color:#ffe27a!important}
.r113-wallet{display:flex!important;justify-content:center!important;gap:8px!important}.r113-wallet span{min-width:108px!important;height:38px!important;padding:0 7px 0 12px!important;border:1px solid #a13cb1!important;border-radius:9px!important;background:linear-gradient(180deg,#1d0d27,#0d0614)!important;box-shadow:inset 0 0 12px #8b2bad28,0 2px 7px #0008!important;font-size:14px!important}.r113-wallet span i{width:24px!important;height:24px!important;border-radius:6px!important;background:linear-gradient(#44d52d,#13990d)!important;box-shadow:inset 0 1px #a5ff95,0 2px #075d07!important}
.r113-top nav{justify-self:end!important;gap:7px!important}.r113-top nav button{height:39px!important;min-width:42px!important;border-radius:8px!important;border:1px solid #d89127!important;background:linear-gradient(#3b154d,#1a0b24)!important;color:#ffe17d!important;box-shadow:inset 0 1px #9d4bbb,0 3px #09030d!important}.r113-top nav button:first-child{min-width:110px!important;background:linear-gradient(#9d2bca,#5e0a85)!important;color:white!important}
.r113-title{height:104px!important;min-height:104px!important;position:relative!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:0 18px!important;background:radial-gradient(ellipse at 50% 52%,rgba(216,64,255,.18),transparent 66%)!important;overflow:visible!important}
.r113-wing{display:block!important;flex:0 1 330px!important;width:min(330px,23vw)!important;height:118px!important;background:url('/assets/ui/roulette-wing.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 7px #ffd14f) drop-shadow(0 0 17px #b62fff)!important;opacity:1!important}.r113-wing.left{transform:scaleX(-1)!important}.r113-logo-wrap{position:relative!important;min-width:570px!important;z-index:4!important;text-align:center!important}.r113-title h1{margin:0!important;font-family:Impact,Haettenschweiler,'Arial Black',sans-serif!important;font-size:59px!important;line-height:.88!important;letter-spacing:2px!important;color:#ffdd5a!important;-webkit-text-stroke:1.8px #7c2706!important;text-shadow:0 2px 0 #873309,0 5px 0 #471000,0 0 8px #fff0a0,0 0 20px #ff9d23,0 0 42px #9f2cff!important;transform:scaleX(1.05)!important}.r113-title-live{margin:8px auto 0!important;padding:5px 28px!important;border:1px solid #de67ff!important;border-radius:20px!important;background:linear-gradient(180deg,#8f23b3,#41065d)!important;color:#fff9df!important;font-size:12px!important;box-shadow:inset 0 1px #f0a9ff88,0 0 18px #b632e6aa!important}.r113-title:after{bottom:-1px!important;width:54%!important;height:3px!important;background:linear-gradient(90deg,transparent,#d88021,#fff2a4,#d88021,transparent)!important;box-shadow:0 0 15px #ffad2a!important}
.r113-body{min-height:0!important;position:relative!important;z-index:3!important;display:grid!important;grid-template-columns:258px minmax(620px,1fr) 330px!important;grid-template-rows:minmax(0,1fr)!important;gap:12px!important;padding:0 12px 12px!important;overflow:hidden!important}
.r113-leftcol,.r113-rightcol{min-height:0!important;display:flex!important;flex-direction:column!important;gap:10px!important}.r113-box{border:1px solid #c98a28!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(30,7,43,.96),rgba(8,3,15,.97))!important;box-shadow:inset 0 0 0 1px #57216a,inset 0 0 28px #a627c02d,0 0 16px #0009!important}.r113-box h3{font-size:15px!important;color:#ffd34e!important;text-shadow:0 1px #642300!important}
.r113-ticket{padding:10px 12px!important}.r113-ticket>div{margin-top:3px!important}.r113-ticket img{width:44px!important}.r113-ticket b{font-size:28px!important}.r113-ticket button{width:40px!important;height:40px!important;border-radius:9px!important;font-size:24px!important;background:linear-gradient(#4bdc38,#13a11a)!important}
.r113-how{padding:10px 12px!important;flex:0 0 auto!important}.r113-how p{padding:8px 0!important;gap:8px!important;border-bottom:1px solid #562662!important}.r113-how i{width:23px!important;height:20px!important;font-size:12px!important;background:linear-gradient(#81ca26,#4f910d)!important;box-shadow:0 0 7px #76d42f55!important}
.r113-daily{padding:10px 12px!important;flex:1 1 auto!important;min-height:145px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.r113-daily-art{font-size:54px!important;filter:drop-shadow(0 0 16px #ffb82d99)!important}.r113-daily button{height:38px!important;border-radius:7px!important;background:linear-gradient(#49d936,#13a618)!important;box-shadow:0 4px #086d0e,0 0 12px #28e33266!important}
.r113-ticket-shop{padding:10px!important;flex:0 0 auto!important}.r113-price-grid{gap:6px!important}.r113-price-grid button{min-height:55px!important;border-color:#91409a!important;background:linear-gradient(#23102f,#0e0714)!important}.r113-price-grid button strong{font-size:17px!important;color:#fff2b1!important}
.r113-center{min-height:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) 118px!important;gap:8px!important;overflow:visible!important}.r113-wheel-stage{min-height:0!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}.r113-stars{background:radial-gradient(circle at 50% 43%,#f43cff24 0,#7424b62a 31%,transparent 62%)!important}.r113-wheel{width:min(555px,58vh)!important;height:min(555px,58vh)!important;margin-top:-2px!important;filter:drop-shadow(0 22px 26px #000c) drop-shadow(0 0 28px #ffb12d66)!important}.r113-gold-ring{inset:-26px!important;box-shadow:0 0 0 5px #351b04,0 0 0 8px #ffbb2f,0 0 0 11px #6a3406,0 0 34px #ffc73d,0 0 90px #9f2ee0!important}.r113-lights{inset:-16px!important;background:repeating-conic-gradient(from 0deg,#fff8bd 0 1.3deg,transparent 1.4deg 6deg)!important;mask:radial-gradient(circle,transparent 0 91%,#000 92% 100%)!important;filter:drop-shadow(0 0 5px #fff4af) drop-shadow(0 0 10px #ffae26)!important}.r113-disc{border:3px solid #5a2604!important;box-shadow:inset 0 0 0 3px #e99e17,inset 0 0 58px #000c!important}.r113-disc:after{background:radial-gradient(circle,transparent 0 38%,rgba(255,255,255,.03) 50%,rgba(0,0,0,.34) 100%)!important}.r113-pointer{top:-46px!important;width:84px!important;height:96px!important;box-shadow:0 0 0 3px #ffca3c,0 0 22px #ff8d2b!important}.r113-spin{width:148px!important;height:148px!important;font-size:28px!important;background:radial-gradient(circle at 35% 25%,#f173ff,#c42be0 38%,#7d0d9c 70%,#350047)!important;box-shadow:0 0 0 4px #7c299c,0 0 22px #ff42ed,0 8px 20px #000a,inset 0 0 30px #fff3!important}.r113-pedestal{bottom:-6px!important;width:630px!important;height:80px!important;background:radial-gradient(ellipse,#ef58ff66 0,#6e25a9 26%,#2a083e 57%,#05020a 76%)!important;border:2px solid #d38d28!important;box-shadow:0 0 0 3px #3e0d59,0 0 40px #aa2fd9,0 15px 28px #000c!important}.r113-flame{bottom:0!important;height:178px!important}.r113-status{bottom:0!important;min-width:500px!important;padding:6px 14px!important;border-radius:18px!important}
.r113-legends-section{min-height:0!important;padding:7px 9px!important;border:1px solid #c58a2d!important;border-radius:13px!important;background:linear-gradient(180deg,#170621f2,#08030ef5)!important;box-shadow:inset 0 0 22px #6c218e2c!important}.r113-legends-section>h3{font-size:15px!important;margin:0 0 6px!important;text-align:center!important;color:#ffd34e!important}.r113-legends-section>div{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.r113-legend{min-height:82px!important;display:grid!important;grid-template-columns:82px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;padding:6px 8px!important;border:1px solid #6c2a77!important;border-radius:10px!important;background:radial-gradient(circle at 26% 50%,#54136655,transparent 42%),linear-gradient(#170721,#09030f)!important}.r113-legend img{grid-row:1/3;width:78px!important;height:66px!important;object-fit:contain!important;filter:drop-shadow(0 0 13px #7f2adb55)!important}.r113-legend strong{font-size:11px!important;color:#f3d17b!important}.r113-legend span{font-size:9px!important;color:#a99bad!important}
.r113-target{padding:10px 12px!important;flex:0 0 auto!important;min-height:340px!important;background:radial-gradient(circle at 50% 22%,#74305566 0,#1a071f 48%,#09030f 100%)!important}.r113-target-art{height:150px!important}.r113-target-art img{max-height:146px!important;filter:drop-shadow(0 0 15px #ffb633aa)!important}.r113-target h2{font-size:25px!important;color:#ffd148!important;text-shadow:0 2px #742300,0 0 12px #ff982d!important}.r113-progressbar{height:10px!important;background:#100615!important;border:1px solid #7b327e!important}.r113-progressbar i{background:linear-gradient(90deg,#2a9eff,#62e4ff)!important;box-shadow:0 0 10px #2cc8ff!important}.r113-chance-box{padding:10px!important;background:linear-gradient(#16061f,#0b0311)!important}.r113-chance-box b{color:#67f24d!important}.r113-upgrade{height:42px!important;background:linear-gradient(#47d52e,#179d12)!important;box-shadow:0 4px #0b6c0b,0 0 12px #34de3066!important}
.r113-lock{padding:9px!important;flex:0 0 auto!important}.r113-lock>div img{width:72px!important;height:60px!important;object-fit:contain!important;filter:drop-shadow(0 0 9px #ffbd3b55)!important}.r113-lock p{font-size:10px!important;color:#d6c69b!important}
.r113-crystals{margin-top:auto!important;padding:9px!important;min-height:115px!important;background:radial-gradient(circle at 82% 45%,#1e56ca55,transparent 48%),linear-gradient(#160722,#07020d)!important}.r113-crystals>div{font-size:24px!important;letter-spacing:8px!important}.r113-crystals button{height:38px!important;border-radius:7px!important;background:linear-gradient(#27a0e6,#0b5ca8)!important;box-shadow:0 4px #06457e,0 0 14px #3bc3ff66!important}
.roulette191-result.r113-result{border-color:#e6a62d!important;background:radial-gradient(circle at 50% 20%,#7e1b8a,#1b0826 52%,#08030d)!important;box-shadow:0 0 0 2px #671c77,0 0 42px #d32ef2aa,0 16px 50px #000c!important}.roulette191-result.r113-result h3{color:#ffd24f!important}
@media(max-height:840px){#modal[data-view="roulette113"] .modal-window{height:calc(100vh - 8px)!important}.roulette113-shell{grid-template-rows:52px 86px minmax(0,1fr)!important}.r113-top{height:52px!important;min-height:52px!important}.r113-title{height:86px!important;min-height:86px!important}.r113-title h1{font-size:48px!important}.r113-logo-wrap{min-width:500px!important}.r113-wing{height:90px!important;width:min(270px,21vw)!important}.r113-title-live{font-size:10px!important;margin-top:5px!important;padding:3px 24px!important}.r113-body{grid-template-columns:238px minmax(560px,1fr) 292px!important;gap:9px!important;padding:0 9px 9px!important}.r113-wheel{width:min(485px,55vh)!important;height:min(485px,55vh)!important}.r113-center{grid-template-rows:minmax(0,1fr) 98px!important}.r113-legends-section{padding:5px 7px!important}.r113-legend{min-height:66px!important;grid-template-columns:65px 1fr!important}.r113-legend img{width:62px!important;height:52px!important}.r113-target{min-height:300px!important}.r113-target-art{height:122px!important}.r113-target-art img{max-height:118px!important}.r113-daily{min-height:126px!important}.r113-how p{padding:6px 0!important}.r113-flame{height:145px!important}.r113-pedestal{width:550px!important;height:65px!important}.r113-status{font-size:10px!important}.r113-ticket-shop{padding:7px!important}}
@media(max-width:1220px){.r113-body{grid-template-columns:220px minmax(530px,1fr) 270px!important}.r113-top{grid-template-columns:240px 1fr 300px!important}.r113-wallet span{min-width:88px!important}.r113-title h1{font-size:47px!important}.r113-logo-wrap{min-width:470px!important}.r113-wing{width:210px!important}.r113-wheel{width:min(470px,54vh)!important;height:min(470px,54vh)!important}}

/* === v1.13.5 true premium roulette art pass === */
#modal[data-view="roulette113"] .modal-window{height:min(900px,calc(100vh - 18px))!important;width:min(1530px,calc(100vw - 18px))!important;background:#08020e!important}
.roulette113-shell{grid-template-rows:56px 122px minmax(0,1fr)!important;background:#08020e url('/assets/ui/roulette-cosmos.svg') center/cover no-repeat!important}
.r113-top{height:56px!important;min-height:56px!important;background:linear-gradient(180deg,rgba(10,3,16,.98),rgba(5,2,10,.96))!important;border-bottom:1px solid #8d2fb0!important;box-shadow:0 3px 22px #000b,0 0 20px #8f2bbc33!important}
.r113-title{height:122px!important;min-height:122px!important;overflow:visible!important;background:radial-gradient(ellipse at 50% 44%,rgba(194,51,255,.30),rgba(100,19,146,.08) 48%,transparent 70%)!important}
.r113-title:before{content:"";position:absolute;left:50%;top:18px;transform:translateX(-50%);width:min(720px,52vw);height:86px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,185,54,.20),rgba(161,48,225,.15) 44%,transparent 72%);filter:blur(8px);pointer-events:none}
.r113-wing{position:relative!important;top:auto!important;left:auto!important;right:auto!important;flex:0 1 390px!important;width:min(390px,25vw)!important;height:142px!important;background:url('/assets/ui/roulette-wing.svg') center/contain no-repeat!important;filter:drop-shadow(0 0 7px #ffd55f) drop-shadow(0 0 20px #b62cff)!important;opacity:1!important;z-index:2!important}
.r113-wing.left{transform:scaleX(-1)!important}.r113-wing.right{transform:none!important}
.r113-logo-wrap{min-width:560px!important;z-index:4!important;margin:0 -50px!important;padding-top:2px!important}
.r113-title h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:1000!important;font-size:61px!important;letter-spacing:-1px!important;line-height:.9!important;color:#ffd95a!important;-webkit-text-stroke:2px #7b2806!important;text-shadow:0 2px 0 #b44d09,0 5px 0 #571500,0 7px 8px #000c,0 0 8px #fff0a6,0 0 25px #ff9f22,0 0 52px #a826f2!important;transform:scaleX(1.06)!important}
.r113-logo-wrap:before,.r113-logo-wrap:after{content:"";position:absolute;left:50%;transform:translateX(-50%);z-index:-1}
.r113-logo-wrap:before{top:-8px;width:92%;height:75px;border:2px solid rgba(255,190,57,.75);border-radius:50%;background:linear-gradient(180deg,rgba(86,13,106,.80),rgba(24,4,34,.25));clip-path:polygon(7% 19%,93% 19%,100% 50%,91% 80%,9% 80%,0 50%)}
.r113-logo-wrap:after{top:62px;width:78%;height:28px;background:linear-gradient(180deg,#a42ac8,#4e096c);border:2px solid #e76aff;border-radius:18px;box-shadow:inset 0 2px rgba(255,255,255,.2),0 0 16px #d236ff88}
.r113-title-live{position:relative!important;z-index:5!important;margin:6px auto 0!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 22px!important;color:#fff7d6!important;font-size:12px!important}
.r113-title:after{bottom:2px!important;width:47%!important;height:2px!important;background:linear-gradient(90deg,transparent,#d67f20 20%,#fff2aa 50%,#d67f20 80%,transparent)!important}

.r113-body{grid-template-columns:260px minmax(620px,1fr) 320px!important;gap:12px!important;padding:0 12px 12px!important}
.r113-box{border:1px solid #d18e24!important;background:radial-gradient(circle at 50% 0,rgba(106,25,129,.18),transparent 35%),linear-gradient(180deg,rgba(27,6,40,.97),rgba(8,3,14,.98))!important;box-shadow:inset 0 0 0 1px rgba(108,33,132,.65),inset 0 0 30px rgba(132,32,167,.15),0 5px 18px #000a!important}

.r113-center{grid-template-rows:minmax(0,1fr) 102px!important;gap:7px!important}
.r113-wheel-stage{overflow:visible!important}
.r113-wheel{width:min(548px,57vh)!important;height:min(548px,57vh)!important;margin-top:-2px!important;filter:drop-shadow(0 18px 22px #000d) drop-shadow(0 0 36px rgba(255,170,40,.48))!important}
.r113-gold-ring{inset:-30px!important;background:conic-gradient(from 18deg,#6a3104,#ffd65b 6%,#fff4a5 9%,#b56609 14%,#5a2502 20%,#ffd452 29%,#fff4ad 34%,#a34f07 41%,#5f2904 49%,#ffce43 58%,#fff6b2 63%,#9c4806 69%,#5a2603 77%,#ffd85d 87%,#fff3a2 92%,#6c3004)!important;box-shadow:0 0 0 4px #2a1302,0 0 0 8px #d38412,0 0 0 12px #5d2a03,0 0 26px #ffc53a,0 0 72px #9c2de0!important}
.r113-gold-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;border:4px solid #ffdf70;box-shadow:inset 0 0 9px #4b2102,0 0 7px #ffcf47}
.r113-lights{inset:-20px!important;background:repeating-conic-gradient(from 0deg,#fff8c6 0 1.1deg,#ffc83d 1.1deg 2deg,transparent 2deg 7.5deg)!important;mask:radial-gradient(circle,transparent 0 91.2%,#000 91.8% 100%)!important;filter:drop-shadow(0 0 4px #fff8cc) drop-shadow(0 0 9px #ffb52d)!important}
.r113-disc{inset:0!important;border:4px solid #5a2502!important;box-shadow:inset 0 0 0 2px #dfa01f,inset 0 0 65px #000b!important}
.r113-disc:before{content:"";position:absolute;inset:0;border-radius:50%;z-index:2;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,225,112,.75) 0 .28deg,transparent .28deg 45deg),radial-gradient(circle at 40% 30%,rgba(255,255,255,.13),transparent 36%),radial-gradient(circle,transparent 42%,rgba(0,0,0,.10) 68%,rgba(0,0,0,.46) 100%)}
.r113-disc:after{z-index:3!important;background:radial-gradient(circle,transparent 0 40%,rgba(255,255,255,.025) 52%,rgba(0,0,0,.22) 76%,rgba(0,0,0,.45) 100%)!important}
.r113-prize{z-index:6!important;transform:rotate(var(--a)) translateY(-177px) rotate(calc(-1*var(--a)))!important;text-shadow:0 2px 4px #000,0 0 8px #000!important}
.r113-prize img{filter:drop-shadow(0 6px 5px #0009) drop-shadow(0 0 7px rgba(255,235,164,.25))!important}.r113-prize span b{color:#fff0aa!important;text-shadow:0 1px #5b2200,0 0 7px #ffbc34!important}
.r113-spin{width:158px!important;height:158px!important;border:5px solid #ffd04b!important;outline:4px solid #6c1c87!important;background:radial-gradient(circle at 38% 25%,#ff70f5 0,#e136dd 24%,#a50fc1 50%,#5c0579 76%,#260033 100%)!important;box-shadow:0 0 0 6px #6e3106,0 0 17px #ffcb42,0 0 42px #e329ff,0 12px 22px #000b,inset 0 0 25px rgba(255,255,255,.22)!important;color:#ffe874!important;text-shadow:0 2px #6d1958,0 0 8px #fff4aa!important}
.r113-spin:before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(255,247,191,.4)}
.r113-pointer{top:-54px!important;width:82px!important;height:100px!important;background:linear-gradient(#ff8d3c 0,#f53a25 43%,#b80d18 100%)!important;filter:drop-shadow(0 3px 2px #000b) drop-shadow(0 0 11px #ff9b2a)!important}.r113-pointer:after{content:"♦"!important;left:25px!important;top:14px!important;color:#fff09b!important;text-shadow:0 0 8px #fff!important}
.r113-pedestal{bottom:-10px!important;width:620px!important;height:82px!important;border:2px solid #ce8521!important;background:radial-gradient(ellipse,#f056ff55 0,#7c28ae 28%,#38104e 55%,#08030e 78%)!important;box-shadow:0 0 0 4px #2b0a3d,0 0 35px #a72bd1,0 15px 24px #000d!important}
.r113-flame{bottom:-4px!important;height:170px!important;background:radial-gradient(ellipse at bottom,#fff0a8 0 3%,#d357ff 8%,#7625d8 24%,rgba(69,10,139,.45) 39%,transparent 65%)!important;filter:blur(2px) drop-shadow(0 0 12px #ac35ff)!important}
.r113-status{bottom:-2px!important;background:linear-gradient(180deg,#170822,#0a040f)!important;border-color:#dd9127!important;box-shadow:inset 0 0 10px #69238255,0 0 12px #000!important;color:#ffd85c!important}

.r113-legends-section{height:102px!important;padding:7px 9px!important;background:linear-gradient(180deg,rgba(30,7,43,.96),rgba(8,3,14,.99))!important;border-color:#c88824!important;overflow:hidden!important}
.r113-legends-section>h3{font-size:14px!important;margin:0 0 5px!important;color:#ffd95b!important}.r113-legend{min-height:69px!important;border-color:#7e3288!important;background:radial-gradient(circle at 25% 50%,rgba(94,24,118,.55),transparent 45%),linear-gradient(#16061f,#08030e)!important;opacity:.58!important}.r113-legend img{filter:grayscale(.35) brightness(.75) drop-shadow(0 0 10px #a638ff55)!important}.r113-legend strong{color:#efd37c!important}.r113-legend span{color:#b6a5bc!important}
.r113-target{min-height:315px!important}.r113-target-art{height:138px!important}.r113-target-art img{max-height:132px!important;filter:drop-shadow(0 0 13px #ffb631) drop-shadow(0 7px 6px #0008)!important}.r113-lock{padding:9px!important}.r113-crystals{min-height:108px!important}

@media(max-height:850px){.roulette113-shell{grid-template-rows:52px 98px minmax(0,1fr)!important}.r113-title{height:98px!important;min-height:98px!important}.r113-title h1{font-size:50px!important}.r113-logo-wrap{min-width:500px!important;margin:0 -36px!important}.r113-wing{height:112px!important;width:min(320px,23vw)!important}.r113-body{grid-template-columns:238px minmax(560px,1fr) 292px!important;gap:9px!important;padding:0 9px 9px!important}.r113-center{grid-template-rows:minmax(0,1fr) 88px!important}.r113-wheel{width:min(485px,55vh)!important;height:min(485px,55vh)!important}.r113-prize{transform:rotate(var(--a)) translateY(-158px) rotate(calc(-1*var(--a)))!important}.r113-spin{width:138px!important;height:138px!important;font-size:25px!important}.r113-legends-section{height:88px!important}.r113-legend{min-height:57px!important;grid-template-columns:62px 1fr!important}.r113-legend img{width:58px!important;height:48px!important}.r113-target{min-height:285px!important}.r113-target-art{height:112px!important}.r113-target-art img{max-height:108px!important}.r113-daily{min-height:120px!important}.r113-how p{padding:6px 0!important}}
\n/* === v1.13.6 final premium roulette visual pass === */
#modal[data-view="roulette113"] .roulette113-shell{filter:saturate(1.22) contrast(1.055)}
.r113-leftcol{justify-content:flex-start!important}.r113-ticket-shop{margin-top:auto!important}.r113-daily{display:none!important}
.r113-how{position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 86% 15%,rgba(198,45,255,.22),transparent 34%),linear-gradient(180deg,#21072f,#0b0312)!important;box-shadow:inset 0 0 35px #a02ac52c,0 0 18px #000b!important}
.r113-how:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 58%,rgba(255,201,65,.055) 59% 60%,transparent 61%)}
.r113-how h3{font-size:17px!important;letter-spacing:.2px!important;text-shadow:0 0 10px #ffb62d66!important}.r113-how p{position:relative!important;margin:0!important;padding:10px 4px!important;font-size:12px!important;line-height:1.25!important}.r113-how p b{color:#ffe272;text-shadow:0 0 7px #ffb32666}.r113-how i{width:25px!important;height:25px!important;background:radial-gradient(circle at 35% 30%,#b4f153,#65ad12 55%,#315d05)!important;border:1px solid #b9e94e!important;box-shadow:0 0 10px #83df2d88,inset 0 1px #efffc0!important}
.r113-wheel{filter:drop-shadow(0 20px 22px #000e) drop-shadow(0 0 42px rgba(255,172,31,.72)) drop-shadow(0 0 70px rgba(182,42,255,.34))!important}
.r113-gold-ring{filter:saturate(1.32) brightness(1.06)}
.r113-lights{position:absolute!important;inset:-26px!important;border-radius:50%!important;background:none!important;mask:none!important;filter:none!important;z-index:12!important;pointer-events:none!important;animation:none!important}
.r113-lights i{--ang:calc(var(--i) * 9deg);position:absolute;left:50%;top:50%;width:13px;height:13px;margin:-6.5px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 14%,#fff7b4 20%,#ffd33f 52%,#f18a09 78%,#8b3500 100%);border:1px solid #fff1a0;box-shadow:0 0 5px #fff,0 0 11px #ffd52f,0 0 18px #ff8d13;transform:rotate(var(--ang)) translateY(calc(-1 * min(286px,29.2vh))) rotate(calc(-1 * var(--ang)));animation:r113RealBulbs 1.15s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -28ms)}
@keyframes r113RealBulbs{from{filter:brightness(.78);box-shadow:0 0 3px #fff,0 0 7px #ffbd24}to{filter:brightness(1.35);box-shadow:0 0 7px #fff,0 0 14px #ffe056,0 0 23px #ff8d13}}
.r113-pointer{clip-path:polygon(50% 100%,5% 27%,20% 0,80% 0,95% 27%)!important;top:-62px!important;width:76px!important;height:92px!important;border:0!important;background:linear-gradient(90deg,#9b120d,#ff4727 27%,#ff8c36 50%,#ff4727 73%,#9b120d)!important;box-shadow:none!important;filter:drop-shadow(0 5px 2px #260000cc) drop-shadow(0 0 13px #ff8d24)!important}
.r113-pointer:after{display:none!important}.r113-pointer i{position:absolute;left:50%;top:18px;transform:translateX(-50%) rotate(45deg);width:25px;height:25px;background:radial-gradient(circle at 35% 30%,#fff7b2,#ffb82e 45%,#d83316 72%);border:3px solid #ffe46e;box-shadow:0 0 0 2px #8c2605,0 0 12px #ffce3c}
.r113-disc{filter:saturate(1.25) contrast(1.06)}
.r113-prize img{max-width:94px!important;max-height:84px!important;filter:drop-shadow(0 7px 5px #000b) drop-shadow(0 0 10px rgba(255,226,121,.48))!important}.r113-prize .hat-prize-img{max-width:112px!important;max-height:96px!important}
.r113-prize span b{font-size:20px!important}.r113-prize span small{font-size:12px!important}
.r113-legends-section{height:118px!important}.r113-center{grid-template-rows:minmax(0,1fr) 118px!important}.r113-legend{min-height:83px!important;grid-template-columns:112px 1fr!important}.r113-legend img{width:108px!important;height:80px!important;object-fit:contain!important;filter:brightness(.82) saturate(1.2) drop-shadow(0 0 14px #a83cff77)!important}.r113-legend strong{font-size:12px!important;color:#ffe05f!important}.r113-legend span{font-size:10px!important}
.r113-title h1{filter:saturate(1.25);text-shadow:0 2px 0 #b44d09,0 5px 0 #571500,0 7px 8px #000c,0 0 10px #fff0a6,0 0 28px #ff9f22,0 0 62px #b42cff!important}
.r113-wing{filter:saturate(1.4) brightness(1.12) drop-shadow(0 0 9px #ffd55f) drop-shadow(0 0 24px #c32cff)!important}
@media(max-height:850px){.r113-lights i{width:11px;height:11px;margin:-5.5px;transform:rotate(var(--ang)) translateY(calc(-1 * min(253px,28.5vh))) rotate(calc(-1 * var(--ang)))}.r113-legends-section{height:96px!important}.r113-center{grid-template-rows:minmax(0,1fr) 96px!important}.r113-legend{min-height:67px!important;grid-template-columns:86px 1fr!important}.r113-legend img{width:82px!important;height:62px!important}}

/* === v1.13.9.3 roulette cleanup === */
/* Remove decorative radial stripes drawn over wheel sectors. */
.r113-disc:before{background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.13),transparent 36%),radial-gradient(circle,transparent 42%,rgba(0,0,0,.10) 68%,rgba(0,0,0,.46) 100%)!important}
/* Roulette has no duplicate main-screen navigation. */
.r113-top nav{display:none!important}
.r113-top{grid-template-columns:280px 1fr!important}
/* Ticket purchase is opened only from + beside ticket balance. */
.r113-ticket-shop{display:none!important}
.r113-ticket button{cursor:pointer!important;pointer-events:auto!important;position:relative!important;z-index:30!important}
.r113-ticket-buy-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(3,0,8,.72);backdrop-filter:blur(4px)}
.r113-ticket-buy-overlay.hidden{display:none!important}.r113-ticket-buy-modal{width:min(480px,92%);padding:22px;border:2px solid #e29a29;border-radius:18px;background:radial-gradient(circle at 50% 0,#421052,#16051f 55%,#08020e);box-shadow:0 0 35px #a92ddc99,0 20px 60px #000;color:#fff;text-align:center;position:relative}.r113-ticket-buy-modal h2{margin:0 0 5px;color:#ffd85b}.r113-ticket-buy-modal p{margin:0 0 16px;color:#d9c8df}.r113-ticket-buy-close{position:absolute;right:10px;top:9px;width:34px;height:34px;border-radius:8px;border:1px solid #e49a28;background:#7d1732;color:#fff;font-size:20px}.r113-ticket-buy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.r113-ticket-buy-grid button{position:relative;min-height:76px;border:1px solid #a84cb5;border-radius:10px;background:linear-gradient(#351141,#120719);color:#fff}.r113-ticket-buy-grid b,.r113-ticket-buy-grid strong{display:block}.r113-ticket-buy-grid strong{font-size:21px;color:#fff0a3;margin-top:5px}.r113-ticket-buy-grid em{position:absolute;right:-3px;top:-7px;background:#e52e36;border-radius:12px;padding:2px 6px;font-style:normal;font-size:11px}

/* === v1.13.9.7 realistic stage: stone floor + proper candle props === */
/* Keep the scenery only in the central roulette stage. It must never cover side UI. */
.r113-wheel-stage{isolation:isolate;overflow:visible!important}
.r113-stars{z-index:0!important}
.r113-flame{display:none!important}
.r113-stone-floor{
  position:absolute;z-index:0;left:50%;bottom:-22px;width:min(940px,118%);height:290px;
  transform:translateX(-50%) perspective(680px) rotateX(62deg);transform-origin:50% 100%;
  background:url('/assets/ui/roulette-stone-floor.svg') center bottom/cover no-repeat;
  opacity:.96;filter:saturate(1.08) brightness(.86) contrast(1.08);
  border-radius:48% 48% 8% 8%/18% 18% 5% 5%;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 100%);
  pointer-events:none;
}
.r113-stone-floor:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 12%,rgba(219,98,255,.28),transparent 44%),radial-gradient(ellipse at 50% 22%,rgba(255,164,45,.17),transparent 34%);mix-blend-mode:screen}
.r113-candles{position:absolute;z-index:7;bottom:2px;width:138px;height:auto;pointer-events:none;filter:drop-shadow(0 12px 8px #000b) drop-shadow(0 0 13px rgba(222,75,255,.58));animation:r113CandleBreath 2.2s ease-in-out infinite alternate}
.r113-candles.left{left:1.8%}.r113-candles.right{right:1.8%;transform:scaleX(-1);animation-delay:-1.1s}
@keyframes r113CandleBreath{0%{filter:drop-shadow(0 12px 8px #000b) drop-shadow(0 0 9px rgba(221,65,255,.42));opacity:.93}55%{filter:drop-shadow(0 12px 8px #000b) drop-shadow(0 0 18px rgba(255,94,226,.72));opacity:1}100%{filter:drop-shadow(0 12px 8px #000b) drop-shadow(0 0 13px rgba(255,168,68,.58));opacity:.97}}
.r113-pedestal{
  z-index:6!important;bottom:-1px!important;width:min(650px,78%)!important;height:76px!important;
  border:2px solid #d7932b!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 22%,#d554e8 0,#7b278e 18%,#35133f 47%,#140919 68%,#08030b 82%)!important;
  box-shadow:0 0 0 5px #1f0b29,0 0 0 8px #7a4a19,0 0 30px rgba(181,57,230,.68),0 18px 28px #000d!important;
}
.r113-pedestal:before{content:"";position:absolute;left:7%;right:7%;top:14px;height:17px;border-radius:50%;border:2px solid #e3a43a;background:linear-gradient(90deg,#34103e,#a949be 50%,#34103e);box-shadow:inset 0 0 12px #f6aaff66,0 0 9px #c650df88}
.r113-pedestal:after{content:"";position:absolute;left:13%;right:13%;bottom:7px;height:20px;border-radius:0 0 48% 48%;background:linear-gradient(#31103d,#120716);border-bottom:2px solid #9d641f;box-shadow:0 7px 10px #0009}
.r113-wheel{z-index:8!important}
.r113-status{z-index:10!important}
.r113-center{position:relative;z-index:2}
.r113-legends-section{position:relative;z-index:12;margin-top:-6px!important}

@media(max-height:850px){
  .r113-stone-floor{height:225px;bottom:-12px;width:min(800px,114%)}
  .r113-candles{width:108px;bottom:0}
  .r113-pedestal{height:62px!important;width:min(570px,78%)!important}
}

/* === v1.13.9.8 visible stone-floor stage === */
/* The SVG is already drawn in perspective, so do NOT flatten it again with rotateX. */
.r113-wheel-stage{position:relative!important;isolation:isolate!important;overflow:visible!important}
.r113-stone-floor{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  bottom:-112px!important;
  width:min(1120px,138%)!important;
  height:390px!important;
  transform:translateX(-50%)!important;
  transform-origin:center bottom!important;
  background:url('/assets/ui/roulette-stone-floor.svg?v=11398') center bottom/100% 100% no-repeat!important;
  opacity:1!important;
  filter:saturate(1.28) brightness(.92) contrast(1.16)!important;
  border-radius:0!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 8%,#000 19%,#000 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.55) 8%,#000 19%,#000 100%)!important;
  pointer-events:none!important;
}
.r113-stone-floor:before{content:"";position:absolute;left:9%;right:9%;top:28px;height:160px;border-radius:50%;background:radial-gradient(ellipse,rgba(173,54,230,.42),rgba(110,28,150,.16) 45%,transparent 72%);filter:blur(12px)}
.r113-stone-floor:after{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(ellipse at 50% 17%,rgba(255,177,55,.26),transparent 33%),radial-gradient(ellipse at 50% 24%,rgba(203,70,255,.25),transparent 52%)!important;mix-blend-mode:screen!important}
.r113-pedestal{
  z-index:7!important;
  bottom:-38px!important;
  width:min(690px,84%)!important;
  height:108px!important;
  border:3px solid #b87823!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 20%,#63316f 0,#3b2043 27%,#211425 48%,#100b13 68%,#070609 86%)!important;
  box-shadow:0 0 0 5px #0e0813,0 0 0 8px #6f4318,0 0 0 11px #26102d,0 0 36px rgba(196,64,242,.72),0 23px 35px #000e!important;
}
.r113-pedestal:before{content:""!important;position:absolute!important;left:5%!important;right:5%!important;top:12px!important;height:27px!important;border-radius:50%!important;border:2px solid #dc9e36!important;background:radial-gradient(ellipse at 50% 30%,#8e4c9d,#3b1d45 58%,#17101b 82%)!important;box-shadow:inset 0 3px 10px rgba(255,223,156,.26),0 0 13px rgba(213,70,244,.4)!important}
.r113-pedestal:after{content:""!important;position:absolute!important;left:12%!important;right:12%!important;bottom:8px!important;height:36px!important;border-radius:10% 10% 48% 48%/10% 10% 65% 65%!important;background:linear-gradient(#26132d,#0c0910 76%)!important;border-bottom:3px solid #8e5a21!important;box-shadow:inset 0 -8px 12px #0008,0 10px 14px #000b!important}
.r113-candles{z-index:10!important;bottom:-15px!important;width:158px!important;filter:drop-shadow(0 14px 10px #000d) drop-shadow(0 0 18px rgba(229,80,255,.68))!important}
.r113-candles.left{left:-1%!important}.r113-candles.right{right:-1%!important}
.r113-wheel{z-index:9!important}
.r113-status{z-index:13!important;bottom:-20px!important}
.r113-center{z-index:4!important}
.r113-legends-section{z-index:14!important;margin-top:-18px!important;background:linear-gradient(180deg,rgba(36,9,43,.97),rgba(10,5,14,.98))!important;box-shadow:0 -4px 18px rgba(190,55,231,.26),0 12px 28px #0009!important}
@media(max-height:850px){
  .r113-stone-floor{bottom:-90px!important;width:min(980px,132%)!important;height:315px!important}
  .r113-pedestal{bottom:-31px!important;width:min(610px,82%)!important;height:84px!important}
  .r113-candles{width:126px!important;bottom:-10px!important}
  .r113-status{bottom:-16px!important}
  .r113-legends-section{margin-top:-14px!important}
}

/* v1.13.9.9 — sequential 100% hat collection */
.r113-owned-note{margin-top:8px;padding:8px 9px;border:1px solid #9a4caf;border-radius:9px;background:linear-gradient(180deg,#25102f,#110617);color:#ffe37a;font-weight:900;font-size:11px;line-height:1.25;text-align:center;box-shadow:inset 0 0 12px #8d32a433}
.r113-bonus-copy{margin:7px 0 2px;color:#f2d9ff;font-size:10px;line-height:1.3;text-align:center}.r113-level-head strong{color:#7dff62}.r113-progressbar i{transition:width .35s ease}.r113-prize em{white-space:nowrap}.r113-prize span small{color:#ffe97c!important;font-weight:900!important}

/* === v1.13.9.10: premium dungeon roulette rendered with real image assets === */
#modal[data-view="roulette113"]{
  background:radial-gradient(circle at 50% 36%,rgba(104,23,141,.38),transparent 43%),#050309!important;
}
#modal[data-view="roulette113"] .modal-window{
  border-color:#ffc54d!important;
  background:#06030b!important;
  box-shadow:0 0 0 2px #5f117f,0 0 50px rgba(190,57,255,.58),0 30px 95px #000e!important;
}
#modal[data-view="roulette113"] .roulette113-shell{
  position:relative!important;
  isolation:isolate!important;
  background:
    linear-gradient(180deg,rgba(3,1,7,.12),rgba(7,2,11,.01) 48%,rgba(3,1,6,.12)),
    url('/assets/ui/roulette-dungeon-bg.jpg?v=1139910') center bottom/cover no-repeat!important;
  filter:saturate(1.18) contrast(1.04)!important;
}
#modal[data-view="roulette113"] .roulette113-shell:before{
  content:""!important;position:absolute!important;inset:58px 0 0!important;z-index:0!important;pointer-events:none!important;opacity:1!important;animation:none!important;
  background:radial-gradient(ellipse at 50% 42%,rgba(236,86,255,.15),transparent 38%),radial-gradient(ellipse at 50% 70%,rgba(255,169,42,.09),transparent 31%),linear-gradient(90deg,rgba(0,0,0,.30),transparent 18% 82%,rgba(0,0,0,.30))!important;
}
#modal[data-view="roulette113"] .r113-top,
#modal[data-view="roulette113"] .r113-title,
#modal[data-view="roulette113"] .r113-body{position:relative!important;z-index:2!important}
#modal[data-view="roulette113"] .r113-box,
#modal[data-view="roulette113"] .r113-legends-section{
  background:radial-gradient(circle at 50% 0,rgba(115,29,139,.17),transparent 54%),linear-gradient(180deg,rgba(24,7,34,.94),rgba(8,3,13,.97))!important;
  border-color:#cd8c2b!important;
  box-shadow:inset 0 0 31px rgba(133,35,157,.20),0 9px 25px rgba(0,0,0,.55),0 0 13px rgba(153,40,192,.14)!important;
  backdrop-filter:blur(2px)!important;
}
#modal[data-view="roulette113"] .r113-how{background:radial-gradient(circle at 90% 10%,rgba(221,61,255,.18),transparent 35%),linear-gradient(180deg,rgba(31,7,43,.96),rgba(8,3,13,.98))!important}
#modal[data-view="roulette113"] .r113-how p{border-color:rgba(196,99,213,.32)!important}

/* Scene: the JPEG supplies the real stone floor; old CSS floor prototypes are disabled. */
#modal[data-view="roulette113"] .r113-stone-floor,
#modal[data-view="roulette113"] .r113-pedestal{display:none!important}
#modal[data-view="roulette113"] .r113-wheel-stage{position:relative!important;isolation:isolate!important;overflow:visible!important;align-items:center!important;justify-content:center!important}
#modal[data-view="roulette113"] .r113-stage-haze{position:absolute!important;z-index:1!important;left:50%!important;bottom:28px!important;width:min(920px,120%)!important;height:390px!important;transform:translateX(-50%)!important;pointer-events:none!important;background:radial-gradient(ellipse at 50% 60%,rgba(202,65,255,.30),transparent 52%),radial-gradient(ellipse at 50% 68%,rgba(255,160,35,.14),transparent 38%)!important;filter:blur(18px)!important;opacity:.94!important}
#modal[data-view="roulette113"] .r113-pedestal-art{position:absolute!important;z-index:5!important;left:50%!important;bottom:-43px!important;width:min(850px,98%)!important;height:auto!important;transform:translateX(-50%)!important;pointer-events:none!important;filter:drop-shadow(0 23px 19px rgba(0,0,0,.84)) drop-shadow(0 0 25px rgba(199,65,243,.60))!important}
#modal[data-view="roulette113"] .r113-candles{position:absolute!important;z-index:9!important;bottom:-8px!important;width:158px!important;height:auto!important;pointer-events:none!important;opacity:1!important;filter:drop-shadow(0 17px 13px rgba(0,0,0,.85)) drop-shadow(0 0 18px rgba(232,75,255,.64))!important;animation:r113PremiumCandleGlow 1.8s ease-in-out infinite alternate!important}
#modal[data-view="roulette113"] .r113-candles.left{left:-2.5%!important}
#modal[data-view="roulette113"] .r113-candles.right{right:-2.5%!important;transform:scaleX(-1)!important;animation-name:r113PremiumCandleGlowRight!important;animation-delay:-.9s!important}
@keyframes r113PremiumCandleGlow{from{filter:drop-shadow(0 17px 13px rgba(0,0,0,.85)) drop-shadow(0 0 11px rgba(221,67,255,.43));transform:translateY(1px)}to{filter:drop-shadow(0 17px 13px rgba(0,0,0,.85)) drop-shadow(0 0 25px rgba(255,101,223,.80));transform:translateY(-2px)}}
@keyframes r113PremiumCandleGlowRight{from{filter:drop-shadow(0 17px 13px rgba(0,0,0,.85)) drop-shadow(0 0 11px rgba(221,67,255,.43));transform:scaleX(-1) translateY(1px)}to{filter:drop-shadow(0 17px 13px rgba(0,0,0,.85)) drop-shadow(0 0 25px rgba(255,101,223,.80));transform:scaleX(-1) translateY(-2px)}}
#modal[data-view="roulette113"] .r113-wheel{z-index:10!important;transform:translateY(-18px)!important;filter:drop-shadow(0 29px 25px rgba(0,0,0,.87)) drop-shadow(0 0 40px rgba(255,177,41,.75)) drop-shadow(0 0 74px rgba(181,43,255,.36))!important}
#modal[data-view="roulette113"] .r113-gold-ring{box-shadow:0 0 0 5px #351701,0 0 0 9px #ffc039,0 0 0 12px #6d3105,0 0 36px #ffc745,0 0 90px rgba(171,44,237,.90)!important}
#modal[data-view="roulette113"] .r113-lights i{box-shadow:0 0 7px #fff,0 0 16px #ffe15e,0 0 27px #ff9117!important}
#modal[data-view="roulette113"] .r113-status{z-index:14!important;bottom:-5px!important;background:linear-gradient(180deg,rgba(28,8,36,.98),rgba(7,3,11,.98))!important;border-color:#e49d2e!important;box-shadow:inset 0 0 14px rgba(136,34,161,.34),0 0 16px rgba(0,0,0,.84)!important}
#modal[data-view="roulette113"] .r113-legends-section{position:relative!important;z-index:15!important;margin-top:-10px!important;border-color:#d79830!important}
#modal[data-view="roulette113"] .r113-legend{background:radial-gradient(circle at 24% 50%,rgba(107,31,131,.42),transparent 47%),linear-gradient(180deg,rgba(24,7,33,.98),rgba(6,2,10,.99))!important;border-color:#80358e!important}

/* Premium event banner treatment. */
#modal[data-view="roulette113"] .r113-title{background:radial-gradient(ellipse at center,rgba(181,43,246,.25),transparent 68%)!important}
#modal[data-view="roulette113"] .r113-title h1{color:#ffdc5b!important;-webkit-text-stroke:1.8px #7b2604!important;text-shadow:0 2px 0 #a94208,0 6px 0 #451000,0 8px 12px #000d,0 0 11px #fff4a9,0 0 33px #ff9f22,0 0 70px #bb31ff!important}
#modal[data-view="roulette113"] .r113-wing{filter:saturate(1.5) brightness(1.14) drop-shadow(0 0 10px #ffd85f) drop-shadow(0 0 28px #c331ff)!important}

@media(max-height:850px){
  #modal[data-view="roulette113"] .r113-pedestal-art{bottom:-31px!important;width:min(720px,93%)!important}
  #modal[data-view="roulette113"] .r113-candles{width:126px!important;bottom:-2px!important}
  #modal[data-view="roulette113"] .r113-wheel{transform:translateY(-12px)!important}
  #modal[data-view="roulette113"] .r113-stage-haze{height:285px!important;bottom:34px!important}
  #modal[data-view="roulette113"] .r113-legends-section{margin-top:-5px!important}
}
@media(max-width:1220px){
  #modal[data-view="roulette113"] .r113-pedestal-art{width:min(730px,95%)!important}
  #modal[data-view="roulette113"] .r113-candles{width:126px!important}
}

/* === v1.13.9.11: corrected stone-temple scene plate === */
#modal[data-view="roulette113"] .roulette113-shell{
  background:
    linear-gradient(180deg,rgba(3,1,7,.10),rgba(3,1,7,.02) 50%,rgba(2,1,4,.08)),
    url('/assets/ui/roulette-dungeon-bg-v2.jpg?v=1139911') center center/cover no-repeat!important;
  filter:saturate(1.16) contrast(1.04)!important;
}
#modal[data-view="roulette113"] .roulette113-shell:before{
  inset:58px 0 0!important;
  opacity:.34!important;
  background:
    radial-gradient(ellipse at 50% 43%,rgba(225,78,255,.16),transparent 43%),
    radial-gradient(ellipse at 50% 78%,rgba(255,158,34,.08),transparent 34%),
    linear-gradient(90deg,rgba(0,0,0,.16),transparent 16% 84%,rgba(0,0,0,.16))!important;
}
#modal[data-view="roulette113"] .r113-pedestal-art,
#modal[data-view="roulette113"] .r113-candles,
#modal[data-view="roulette113"] .r113-stage-haze,
#modal[data-view="roulette113"] .r113-stone-floor,
#modal[data-view="roulette113"] .r113-flame{display:none!important}
#modal[data-view="roulette113"] .r113-wheel-stage{
  overflow:visible!important;
  isolation:isolate!important;
}
#modal[data-view="roulette113"] .r113-wheel{
  transform:translateY(-9px)!important;
  filter:drop-shadow(0 26px 23px rgba(0,0,0,.86)) drop-shadow(0 0 38px rgba(255,178,42,.72)) drop-shadow(0 0 66px rgba(183,46,255,.32))!important;
}
#modal[data-view="roulette113"] .r113-status{bottom:-1px!important}
#modal[data-view="roulette113"] .r113-legends-section{
  margin-top:-4px!important;
  background:linear-gradient(180deg,rgba(30,7,42,.965),rgba(7,3,12,.985))!important;
  backdrop-filter:blur(3px)!important;
}
#modal[data-view="roulette113"] .r113-box{backdrop-filter:blur(3px)!important}
#modal[data-view="roulette113"] .r113-wheel-stage:before,
#modal[data-view="roulette113"] .r113-wheel-stage:after{
  content:"";position:absolute;z-index:3;bottom:36px;width:170px;height:210px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 70%,rgba(255,177,59,.17),transparent 56%),radial-gradient(ellipse at 50% 40%,rgba(246,72,255,.24),transparent 50%);
  filter:blur(12px);animation:r113SceneCandlePulse 1.8s ease-in-out infinite alternate;
}
#modal[data-view="roulette113"] .r113-wheel-stage:before{left:-3%}
#modal[data-view="roulette113"] .r113-wheel-stage:after{right:-3%;animation-delay:-.9s}
@keyframes r113SceneCandlePulse{from{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
@media(max-height:850px){
  #modal[data-view="roulette113"] .r113-wheel{transform:translateY(-5px)!important}
  #modal[data-view="roulette113"] .r113-wheel-stage:before,
  #modal[data-view="roulette113"] .r113-wheel-stage:after{bottom:24px;width:130px;height:165px}
}


/* === v1.13.9.12: CLEAN DUNGEON BACKPLATE — hide UI baked into old background === */
#modal[data-view="roulette113"] .roulette113-shell{
  position:relative!important;
  isolation:isolate!important;
}

/* The previous raster backdrop accidentally contained an old screenshot of the UI.
   These side curtains fully cover those baked-in panels while keeping the temple/floor center visible. */
#modal[data-view="roulette113"] .roulette113-shell:after{
  content:""!important;
  position:absolute!important;
  inset:58px 0 0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      rgba(5,2,10,.985) 0%,
      rgba(8,3,14,.965) 18.5%,
      rgba(20,6,29,.64) 22%,
      rgba(0,0,0,0) 29%,
      rgba(0,0,0,0) 71%,
      rgba(20,6,29,.64) 78%,
      rgba(8,3,14,.965) 81.5%,
      rgba(5,2,10,.985) 100%),
    linear-gradient(180deg,
      rgba(7,2,12,.86) 0%,
      rgba(8,3,14,.40) 18%,
      rgba(4,2,8,.08) 42%,
      rgba(3,1,6,.05) 100%)!important;
}

/* Keep all real UI above the cleanup layer. */
#modal[data-view="roulette113"] .r113-top,
#modal[data-view="roulette113"] .r113-title,
#modal[data-view="roulette113"] .r113-body{
  position:relative!important;
  z-index:3!important;
}

/* Side columns get a subtle clean temple tint instead of showing the baked screenshot underneath. */
#modal[data-view="roulette113"] .r113-leftcol,
#modal[data-view="roulette113"] .r113-rightcol{
  position:relative!important;
  z-index:4!important;
}
#modal[data-view="roulette113"] .r113-leftcol:before,
#modal[data-view="roulette113"] .r113-rightcol:before{
  content:""!important;
  position:absolute!important;
  inset:-18px -10px!important;
  z-index:-1!important;
  pointer-events:none!important;
  border-radius:18px!important;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(96,24,119,.18),transparent 64%),
    linear-gradient(180deg,rgba(6,2,11,.62),rgba(5,2,9,.28) 52%,rgba(3,1,6,.12))!important;
}

/* Make sure no old background text leaks through the gaps above/between side cards. */
#modal[data-view="roulette113"] .r113-body:before,
#modal[data-view="roulette113"] .r113-body:after{
  content:""!important;
  position:absolute!important;
  top:-104px!important;
  bottom:-16px!important;
  width:300px!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(6,2,11,.92),rgba(7,2,12,.58) 36%,rgba(4,1,7,.18) 78%,transparent)!important;
}
#modal[data-view="roulette113"] .r113-body:before{left:0!important}
#modal[data-view="roulette113"] .r113-body:after{right:0!important}

@media(max-width:1220px){
  #modal[data-view="roulette113"] .roulette113-shell:after{
    background:
      linear-gradient(90deg,
        rgba(5,2,10,.99) 0%,
        rgba(7,3,13,.97) 17%,
        rgba(12,4,19,.62) 22%,
        transparent 28%,
        transparent 72%,
        rgba(12,4,19,.62) 78%,
        rgba(7,3,13,.97) 83%,
        rgba(5,2,10,.99) 100%)!important;
  }
  #modal[data-view="roulette113"] .r113-body:before,
  #modal[data-view="roulette113"] .r113-body:after{width:270px!important}
}


/* === v1.13.9.12.1 — v1.13.9.12 restored; only the raised stone platform is added === */
/* Keep the exact v1.13.9.12 background and cleanup curtains. */
#modal[data-view="roulette113"] .r113-stage-haze,
#modal[data-view="roulette113"] .r113-candles,
#modal[data-view="roulette113"] .r113-wheel-stage:before,
#modal[data-view="roulette113"] .r113-wheel-stage:after{
  display:none!important;
}
#modal[data-view="roulette113"] .r113-wheel-stage{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}
/* Real raised stone tile/pedestal. No CSS circles and no glowing ring prototype. */
#modal[data-view="roulette113"] .r113-pedestal-art{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:-39px!important;
  width:min(820px,98%)!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  z-index:6!important;
  pointer-events:none!important;
  opacity:1!important;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.86)) drop-shadow(0 0 14px rgba(200,66,246,.38))!important;
}
/* Wheel stays exactly at the v1.13.9.12 scale and overlaps the top stone course. */
#modal[data-view="roulette113"] .r113-wheel{
  z-index:10!important;
  transform:translateY(-9px)!important;
}
#modal[data-view="roulette113"] .r113-status{
  z-index:14!important;
  bottom:-2px!important;
}
#modal[data-view="roulette113"] .r113-legends-section{
  z-index:15!important;
  margin-top:-3px!important;
}
@media(max-height:850px){
  #modal[data-view="roulette113"] .r113-pedestal-art{
    bottom:-30px!important;
    width:min(720px,96%)!important;
  }
  #modal[data-view="roulette113"] .r113-wheel{transform:translateY(-5px)!important}
}
@media(max-width:1220px){
  #modal[data-view="roulette113"] .r113-pedestal-art{width:min(720px,96%)!important}
}


/* === v1.13.9.12.2: keep v1.13.9.12 look, pull wheel back and reveal the temple === */
#modal[data-view="roulette113"] .roulette113-shell{
  background-image:
    linear-gradient(180deg,rgba(3,1,7,.10),rgba(3,1,7,.02) 50%,rgba(2,1,4,.08)),
    url('/assets/ui/roulette-dungeon-bg-v2.jpg?v=11399122')!important;
  background-size:100% 100%,96% auto!important;
  background-position:center center,center bottom!important;
  background-repeat:no-repeat,no-repeat!important;
  background-color:#06020c!important;
}
/* A little more room between the stage and the right cards fixes the clipped candle/pedestal edge. */
#modal[data-view="roulette113"] .r113-body{
  grid-template-columns:260px minmax(640px,1fr) 306px!important;
}
#modal[data-view="roulette113"] .r113-wheel-stage{
  overflow:visible!important;
  isolation:isolate!important;
}
/* Scale from the bottom so the wheel becomes visually farther away but still touches its stone base. */
#modal[data-view="roulette113"] .r113-wheel{
  transform-origin:50% 100%!important;
  transform:translateY(-9px) scale(.92)!important;
}
#modal[data-view="roulette113"] .r113-pedestal-art{
  bottom:-36px!important;
  width:min(760px,94%)!important;
}
#modal[data-view="roulette113"] .r113-status{
  bottom:-1px!important;
}
/* Softer fade before the right column so the background candle stand is not cut by a hard vertical edge. */
#modal[data-view="roulette113"] .r113-rightcol{
  position:relative!important;
}
#modal[data-view="roulette113"] .r113-rightcol:after{
  content:""!important;
  position:absolute!important;
  left:-22px!important;
  top:-10px!important;
  bottom:-10px!important;
  width:24px!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(7,2,12,.72))!important;
}
@media(max-height:850px){
  #modal[data-view="roulette113"] .r113-body{
    grid-template-columns:238px minmax(560px,1fr) 282px!important;
  }
  #modal[data-view="roulette113"] .r113-wheel{
    transform:translateY(-5px) scale(.93)!important;
  }
  #modal[data-view="roulette113"] .r113-pedestal-art{
    bottom:-28px!important;
    width:min(660px,93%)!important;
  }
}
@media(max-width:1220px){
  #modal[data-view="roulette113"] .r113-body{
    grid-template-columns:220px minmax(530px,1fr) 260px!important;
  }
  #modal[data-view="roulette113"] .r113-wheel{
    transform:translateY(-5px) scale(.93)!important;
  }
  #modal[data-view="roulette113"] .r113-pedestal-art{
    width:min(660px,93%)!important;
  }
}

/* === v1.13.9.12.3 MAIN LOBBY POLISH === */
.legacy-shell{
  width:1290px!important;height:742px!important;max-width:none!important;max-height:none!important;
  transform:scale(var(--lobby-scale,1));transform-origin:center center;
  transition:transform .18s ease-out;
}
.menu-name-line{display:flex;align-items:center;gap:5px;min-width:0}.menu-name-line b{min-width:0}.menu-name-verified{width:17px;height:17px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(#66dc4f,#2da528);border:1px solid #237f20;color:#fff;font-size:11px;box-shadow:0 1px #fff8,0 0 5px #36bd32}
.section-label{flex-direction:column;gap:0!important;height:25px!important;line-height:1.05}.section-label small{font-size:8px;letter-spacing:0;color:#aa782e;font-weight:800}.section-label button{display:none!important}
.loadout-preview{gap:7px!important}.mini-item{appearance:none;-webkit-appearance:none;padding:0;color:var(--ink);cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.mini-item:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 6px #a26916,inset 0 2px #fff,0 7px 12px #9c6b2530}.mini-item:active{transform:translateY(1px);box-shadow:0 2px #a26916,inset 0 2px #fff}.mini-item.empty{opacity:.72}
.nick-row{grid-template-columns:42px 1fr 72px 76px!important;overflow:visible!important;background:#fff2c2}.nick-row input{min-width:0}.nick-verify-btn{height:27px;margin:0 3px;border:1px solid #a36b17;border-radius:7px;background:linear-gradient(#ffe56a,#e9aa24);box-shadow:0 2px #9b6214;color:#6b3c0b;font-weight:1000;font-size:10px;white-space:nowrap;padding:0 5px}.nick-verify-btn b{font-size:9px}.nick-verify-btn:hover{filter:brightness(1.05)}.nick-verify-btn.verified{background:linear-gradient(#64db4b,#2ca82b);border-color:#258621;color:#fff;box-shadow:0 2px #1e6e1b}.nick-row input[readonly]{background:#efffdc;color:#376e23;border-color:#69b744}.nick-row em{font-size:8px;padding:0 3px;white-space:nowrap}
.daily-leaders-rail{display:block!important;min-height:0}.daily-leaders-card{height:100%;position:relative;overflow:hidden;border:4px solid #fff;border-radius:16px;background:linear-gradient(180deg,#4cb8e9 0,#278bc4 48%,#1e6eaa 100%);box-shadow:0 5px 0 #9e681e,0 11px 19px #31596a2e,inset 0 0 0 1px #bceaff;color:#fff;text-shadow:0 2px #245f8e;padding:15px 12px 12px;display:flex;flex-direction:column}.daily-leaders-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 3%,#fff7a855,transparent 27%),linear-gradient(140deg,#ffffff45,transparent 35%),radial-gradient(circle at 90% 85%,#4d49ef45,transparent 35%);pointer-events:none}.daily-leaders-card>*{position:relative;z-index:1}.daily-leaders-head{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid #d7f2ff70}.daily-crown{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#ffe977,#f0ae22);border:3px solid #fff3b3;box-shadow:0 3px #986219,0 0 15px #fff36a88;color:#7c4308;font-size:28px;text-shadow:none}.daily-leaders-head small{font-size:9px;font-weight:1000;letter-spacing:.13em;color:#e7f8ff}.daily-leaders-head h2{font-size:19px;line-height:1;margin:1px 0 3px;color:#fff4a8;text-shadow:0 2px #236589}.daily-leaders-head p{font-size:9px;margin:0;font-weight:900}.daily-top-rule{margin:8px 0;padding:6px 7px;border-radius:8px;background:#0c60966b;border:1px solid #d5f2ff5e;font-size:9px;line-height:1.25;font-weight:900;text-align:left}.daily-top-rule span{color:#fff2a0}.daily-top-list{display:flex;flex-direction:column;gap:5px;flex:1;min-height:0;overflow:hidden}.daily-top-row{height:45px;display:grid;grid-template-columns:29px 36px 1fr auto;gap:6px;align-items:center;padding:4px 6px;border-radius:9px;background:linear-gradient(90deg,#eaf8ffea,#c8ecffde);border:1px solid #fff;color:#254d6a;text-shadow:none;box-shadow:0 2px 4px #17465e38}.daily-top-row.rank-1{background:linear-gradient(90deg,#fff5be,#ffe07a);border-color:#fff6c7;box-shadow:0 0 12px #ffe26380}.daily-top-row.rank-2{background:linear-gradient(90deg,#f7fbff,#dce8ef)}.daily-top-row.rank-3{background:linear-gradient(90deg,#ffe0bc,#f4ba7c)}.daily-rank{font-size:18px;font-weight:1000;text-align:center}.daily-top-row>img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:#7bd6ef}.daily-player-name{min-width:0;display:flex;flex-direction:column}.daily-player-name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#25445b}.daily-player-name b i{display:inline-grid;width:14px;height:14px;place-items:center;border-radius:50%;background:#36b72f;color:#fff;font-style:normal;font-size:9px}.daily-player-name small{font-size:8px;color:#668295;font-weight:800}.daily-top-row>strong{font-size:11px;color:#345d78;white-space:nowrap}.daily-top-empty{margin:auto;padding:20px 8px;text-align:center;font-size:11px;line-height:1.45;color:#eaf9ff;font-weight:900}.daily-top-empty b{color:#fff0a2}.daily-top-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:7px;border-top:1px solid #d7f2ff60;font-size:8px;font-weight:900}.daily-top-footer b{padding:4px 7px;border-radius:7px;background:#ffd957;color:#7f4a0a;text-shadow:none;font-size:9px}
@media(max-width:900px),(max-height:620px){.legacy-shell{box-shadow:0 12px 30px #234c6040,inset 0 0 0 5px #fff0b9}}

/* === v1.13.9.12.4 LOBBY POLISH === */
.nick-row{grid-template-columns:42px minmax(150px,1fr) 112px 44px!important}
.nick-verify-btn{height:31px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 8px!important;line-height:1!important}
.nick-verify-btn span{font-size:8px;font-weight:1000;letter-spacing:.02em}.nick-verify-btn b{font-size:9px!important}
.nick-verify-btn.verified{cursor:default!important}.nick-verify-btn.verified span{font-size:9px}.nick-verify-btn.verified b{font-size:8px!important}
.nick-row em{display:grid!important;place-items:center!important;font-size:9px!important;font-weight:1000!important}
.mini-item:focus-visible{outline:3px solid #58b7ff;outline-offset:3px}
.daily-top-list{gap:4px!important}.daily-top-row{height:43px!important}
.daily-top-row.live{position:relative;box-shadow:0 0 0 2px #65ef63,0 0 14px #54df5d88!important}
.daily-top-row.live:after{content:'LIVE';position:absolute;right:4px;top:-7px;padding:1px 5px;border-radius:8px;background:#36ae35;color:#fff;font-size:7px;font-weight:1000;box-shadow:0 1px 4px #0004}
.daily-top-row.live .daily-player-name small{color:#218126!important;font-weight:1000!important}
.daily-top-placeholder{opacity:.58;background:linear-gradient(90deg,#d9eff8aa,#b9dcebaa)!important;border-style:dashed!important;box-shadow:none!important}
.daily-avatar-placeholder{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px dashed #fff;background:#71acd0;color:#fff;font-size:17px;font-weight:1000}
.daily-top-empty.compact{margin:0 0 3px!important;padding:5px 7px!important;border-radius:8px;background:#0a5b8d8c;border:1px solid #ccefff66;font-size:8px!important;line-height:1.25!important}
.daily-top-footer #dailyTopSelf{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eaf9ff}
@media(max-height:700px){.daily-top-row{height:38px!important}.daily-top-row>img,.daily-avatar-placeholder{width:30px!important;height:30px!important}.daily-leaders-card{padding-top:10px!important}.daily-top-rule{margin:5px 0!important}}

/* === Hungry Wars v1.13.9.12.5 — Premium Armory / Inventory === */
#modal[data-view="shop"],#modal[data-view="seller"],#modal[data-view="inventory"]{background:rgba(10,7,20,.78);backdrop-filter:blur(8px)}
#modal[data-view="shop"] .modal-window,#modal[data-view="seller"] .modal-window,#modal[data-view="inventory"] .modal-window{width:min(1220px,96vw);height:min(820px,94vh);max-height:94vh;padding:0;overflow:hidden;border:2px solid #d59b32;border-radius:20px;background:#120b1d;box-shadow:0 28px 90px #000b,0 0 0 3px #5f2a6c55,0 0 48px #74269b66,inset 0 0 0 1px #ffd77a55}
#modal[data-view="shop"] .modal-close,#modal[data-view="seller"] .modal-close,#modal[data-view="inventory"] .modal-close{right:12px;top:12px;z-index:50;width:42px;height:42px;border:2px solid #ffb33f;border-radius:11px;background:linear-gradient(#ff684e,#c9332b);box-shadow:0 4px 0 #761c17,0 0 16px #ff5c3d66}
#modal[data-view="shop"] #modalBody,#modal[data-view="seller"] #modalBody,#modal[data-view="inventory"] #modalBody{height:100%}
.armory-shop{height:100%;display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;color:#fff;font-family:"Trebuchet MS",Arial,sans-serif;background:radial-gradient(circle at 50% -15%,#6a255f66,transparent 42%),radial-gradient(circle at 12% 70%,#321d7155,transparent 35%),linear-gradient(180deg,#171020 0,#100918 46%,#0b0711 100%);position:relative;overflow:hidden}
.armory-shop:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle,#ffd66a 0 1px,transparent 1.5px),radial-gradient(circle,#bd5cff 0 1px,transparent 1.5px);background-size:73px 73px,111px 111px;background-position:12px 16px,42px 53px}
.armory-shop>*{position:relative;z-index:2}.armory-head{min-height:92px;display:flex;align-items:center;gap:18px;padding:14px 72px 14px 18px;border-bottom:1px solid #8d5928;background:linear-gradient(180deg,#22112dcc,#0f0918ee);box-shadow:0 8px 24px #0005}.armory-back{width:46px;height:46px;border:1px solid #e2a43c;border-radius:12px;background:linear-gradient(#6f2f83,#3a1747);color:#ffd75e;font-size:27px;font-weight:1000;box-shadow:0 4px #1f0d27}.armory-title{min-width:320px}.armory-title small{display:block;color:#d99af0;font-size:10px;font-weight:1000;letter-spacing:2px}.armory-title h2{margin:1px 0 0;color:#ffd45b;font-size:31px;line-height:1;text-shadow:0 2px #8a4f0c,0 0 18px #e58b2b77}.armory-title p{margin:5px 0 0;color:#bdaec4;font-size:12px}.armory-wallet{margin-left:auto;display:flex;gap:9px}.armory-wallet span{min-width:120px;height:45px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #84538f;border-radius:10px;background:linear-gradient(#271331,#130a1b);box-shadow:inset 0 0 16px #7e2e8244,0 3px 12px #0005}.armory-wallet span.honey{border-color:#ba7d28}.armory-wallet img{width:25px;height:25px;filter:drop-shadow(0 0 6px #fff4)}.armory-wallet b{font-size:17px;color:#fff3bd}
.armory-tabs{min-height:55px;display:flex;align-items:end;gap:6px;padding:8px 16px 0;border-bottom:1px solid #694179;background:#100918}.armory-tabs button{height:43px;padding:0 16px;border:1px solid #6d3977;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(#2b1536,#180d21);color:#cdbfd1;font-weight:1000;font-size:12px;cursor:pointer}.armory-tabs button:hover{filter:brightness(1.18)}.armory-tabs button.active{color:#ffe477;border-color:#c88b2d;background:linear-gradient(#62305d,#321634);box-shadow:inset 0 -3px #e4a13b,0 0 18px #c54bb333}.armory-tabs .seller{margin-left:auto;color:#ffdf82;border-color:#99631d;background:linear-gradient(#59371f,#261711)}
.armory-loadout{min-height:84px;display:grid;grid-template-columns:175px 1fr 130px;align-items:center;gap:14px;padding:10px 18px;border-bottom:1px solid #56345f;background:linear-gradient(90deg,#1e1228,#1a1023 48%,#120b19)}.armory-loadout>div:first-child small{display:block;color:#e7a93d;font-size:9px;font-weight:1000}.armory-loadout>div:first-child strong{display:block;margin-top:4px;font-size:11px;color:#bca9c4;line-height:1.25}.armory-slots{display:flex;gap:8px;align-items:center}.armory-slot{width:66px;height:62px;position:relative;border:1px solid #765080;border-radius:10px;background:linear-gradient(#2b1834,#130c1a);display:grid;place-items:center;box-shadow:inset 0 0 14px #7e2f8333}.armory-slot:hover{border-color:#d3a23e;transform:translateY(-2px)}.armory-slot img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 4px 4px #0008)}.armory-slot kbd{position:absolute;left:3px;top:3px;background:#07050a;color:#ffe37a;border:1px solid #a7772d;border-radius:5px;padding:1px 4px;font-size:9px}.armory-slot b{position:absolute;right:2px;bottom:2px;min-width:18px;padding:1px 4px;border-radius:8px;background:#e9b03c;color:#341c07;font-size:9px}.armory-slot i{font-style:normal;font-size:26px;color:#715b77}.armory-loadout>button{height:42px;border:0;border-radius:9px;background:linear-gradient(#3dbfe8,#187cbd);box-shadow:0 4px #0d4f7f;color:#fff;font-weight:1000}
.armory-section-head{height:58px;display:flex;align-items:center;gap:18px;padding:7px 20px;background:linear-gradient(90deg,#28112f99,transparent)}.armory-section-head small{display:block;color:#b890bf;font-size:8px;letter-spacing:1.5px}.armory-section-head h3{margin:1px 0;color:#ffd55d;font-size:20px}.armory-section-head p{margin:0;color:#a99bb1;font-size:11px}
.armory-grid{min-height:0;overflow:auto;padding:6px 18px 16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.armory-grid::-webkit-scrollbar{width:9px}.armory-grid::-webkit-scrollbar-thumb{background:#7b4b82;border-radius:8px}.armory-card{position:relative;min-height:250px;padding:11px 12px 12px;border:1px solid #60406c;border-radius:15px;background:radial-gradient(circle at 50% 28%,#6a326e33,transparent 45%),linear-gradient(180deg,#25132e,#120b19 72%);box-shadow:inset 0 0 24px #7b347333,0 7px 17px #0006;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}.armory-card:hover{transform:translateY(-4px);border-color:#d49a3e;box-shadow:inset 0 0 25px #a84f9638,0 11px 25px #0008,0 0 17px #c57e2f33}.armory-card.rarity-редкий{border-color:#3f72ad;background:radial-gradient(circle at 50% 25%,#256ed04b,transparent 45%),linear-gradient(#1b223c,#0d101b 75%)}.armory-card.rarity-эпический{border-color:#8e4cb5;background:radial-gradient(circle at 50% 25%,#a33be64d,transparent 46%),linear-gradient(#28153a,#100a1b 75%)}.armory-card-top{height:22px;display:flex;align-items:center;justify-content:space-between}.armory-rarity{font-size:8px;font-weight:1000;letter-spacing:.8px;color:#c5a7cd}.rarity-редкий .armory-rarity{color:#68baff}.rarity-эпический .armory-rarity{color:#d087ff}.armory-owned{font-size:9px;color:#95879c}.armory-owned b{color:#ffe06d}.armory-art{height:104px;position:relative;display:grid;place-items:center}.armory-art img{position:relative;z-index:2;width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 7px 5px #000b)}.armory-aura{position:absolute;width:104px;height:76px;border-radius:50%;background:radial-gradient(ellipse,#f0ad3d32,transparent 68%);filter:blur(5px)}.rarity-редкий .armory-aura{background:radial-gradient(ellipse,#4bb8ff44,transparent 68%)}.rarity-эпический .armory-aura{background:radial-gradient(ellipse,#c755ff4d,transparent 68%)}.armory-card h3{margin:0;text-align:center;color:#fff1c4;font-size:14px;min-height:30px}.armory-card p{margin:3px 0 7px;text-align:center;color:#a99ab0;font-size:9px;min-height:22px}.armory-stats{display:flex;justify-content:center;gap:6px;margin-bottom:7px}.armory-stats span{padding:3px 7px;border-radius:8px;background:#08060d;color:#cbb8d1;font-size:8px;border:1px solid #483051}.armory-buy{display:grid;grid-template-columns:1fr 1fr;gap:6px}.armory-buy button{height:35px;border:0;border-radius:8px;color:white;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 3px #4d3210;cursor:pointer}.armory-buy button:first-child{background:linear-gradient(#e3ad35,#b96d16)}.armory-buy button:last-child{background:linear-gradient(#36bdf4,#1c70ba);box-shadow:0 3px #104476}.armory-buy button:hover{filter:brightness(1.14)}.armory-buy img{width:20px;height:20px}.armory-footer{min-height:38px;display:flex;align-items:center;justify-content:center;gap:22px;border-top:1px solid #59385f;background:#0e0815;color:#94849b;font-size:9px}.armory-empty{grid-column:1/-1;padding:40px;text-align:center;color:#aa96b2}
.rare-armory{grid-template-rows:auto auto minmax(0,1fr) auto}.rare-merchant{display:flex;align-items:center;gap:16px;margin:16px 20px 6px;padding:14px 18px;border:1px solid #9a6427;border-radius:14px;background:radial-gradient(circle at 10% 50%,#a64b803d,transparent 27%),linear-gradient(90deg,#251225,#120a17);box-shadow:inset 0 0 20px #7a303c2f}.merchant-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#5d2d61,#1b0d21);border:2px solid #d69f45;font-size:35px;box-shadow:0 0 19px #df6b7744}.rare-merchant b{color:#ffd96a}.rare-merchant p{margin:5px 0;color:#a99baa;font-size:11px}.rare-armory-grid{padding:12px 20px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;overflow:auto}.rare-weapon-card{position:relative;min-height:300px;padding:25px 14px 14px;border:1px solid #a4613e;border-radius:16px;background:radial-gradient(circle at 50% 30%,#9b345c4a,transparent 44%),linear-gradient(#2a1327,#100912);overflow:hidden;text-align:center;box-shadow:inset 0 0 25px #a74b6130,0 8px 20px #0007}.rare-beam{position:absolute;left:50%;top:40px;width:160px;height:160px;transform:translateX(-50%);background:repeating-conic-gradient(#ffce5d1a 0 8deg,transparent 8deg 17deg);border-radius:50%;animation:rareSpin 18s linear infinite}.rare-tag{position:absolute;left:-30px;top:14px;width:120px;padding:4px 0;transform:rotate(-38deg);background:#be3d50;color:#fff3c4;font-size:8px;font-weight:1000}.rare-weapon-card>img{position:relative;z-index:2;width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 9px 8px #000b) drop-shadow(0 0 14px #ff8f5555)}.rare-weapon-card h3{margin:6px 0 4px;color:#ffe27d;font-size:16px}.rare-weapon-card p{margin:0 0 12px;color:#a897a6;font-size:10px;min-height:24px}.rare-weapon-card button{height:42px;min-width:110px;border:0;border-radius:9px;background:linear-gradient(#df9d2f,#a65d17);box-shadow:0 4px #5b3210;color:#fff;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:7px}.rare-weapon-card button img{width:23px;height:23px}.rare-note{margin:0 20px 18px;padding:10px;border:1px solid #6a3e48;border-radius:10px;text-align:center;color:#a98c98;font-size:10px;background:#0b0710}@keyframes rareSpin{to{transform:translateX(-50%) rotate(360deg)}}

/* Premium inventory */
.premium-inventory{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;color:#fff;background:radial-gradient(circle at 82% 10%,#5d27645c,transparent 33%),linear-gradient(#181020,#0c0812);font-family:"Trebuchet MS",Arial,sans-serif}.premium-inventory .inventory-title-row{display:flex;align-items:center;padding:17px 72px 14px 20px;border-bottom:1px solid #75527d;background:linear-gradient(#24132d,#110a18)}.premium-inventory .inventory-title-row small{color:#d5a54d;font-size:9px;font-weight:1000;letter-spacing:1.7px}.premium-inventory .inventory-title-row h2{margin:2px 0;color:#ffd65b;font-size:30px}.premium-inventory .inventory-title-row p{margin:2px 0;color:#ad9bb5;font-size:11px}.premium-inventory .inventory-title-row>button{margin-left:auto;height:42px;padding:0 22px;border:0;border-radius:9px;background:linear-gradient(#34bff1,#187fc1);box-shadow:0 4px #0c4b7c;color:#fff;font-weight:1000}.premium-inventory .inventory-top{padding:10px 16px;background:#120b1a;border-bottom:1px solid #52365a}.premium-inventory .combat-slots{display:flex;gap:8px;justify-content:center}.premium-inventory .combat-slot{width:116px;height:92px;border:1px solid #72507a;border-radius:12px;background:linear-gradient(#291731,#120b19);color:#fff}.premium-inventory .combat-slot.selected{outline:0;border-color:#f1b13d;box-shadow:0 0 0 2px #704818,0 0 18px #e2a83755}.premium-inventory .combat-slot img{width:58px;height:58px;filter:drop-shadow(0 5px 5px #000a)}.premium-inventory .combat-slot span{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px;color:#b5a6ba}.premium-inventory .combat-slot b{position:absolute;right:5px;bottom:5px;border-radius:9px;background:#e6ad3a;color:#351d08;padding:1px 5px}.premium-inventory .combat-slot kbd{position:absolute;left:5px;top:5px;background:#08050c;border:1px solid #8d632b;color:#ffe070;border-radius:5px;padding:2px 5px}.premium-inventory .special-slot-wrap{display:flex;align-items:center;gap:5px}.premium-inventory .special-slot-wrap>small{color:#a58dad;font-size:8px}.premium-inventory .inventory-body{min-height:0;display:grid;grid-template-columns:1fr 300px;gap:12px;padding:12px 16px;margin:0;overflow:hidden}.premium-inventory .inventory-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-right:4px}.premium-inventory .inventory-item{min-height:152px;padding:18px 8px 8px;border:1px solid #60426a;border-radius:12px;background:radial-gradient(circle at 50% 35%,#71377533,transparent 42%),linear-gradient(#24132c,#110a18);color:#fff}.premium-inventory .inventory-item:hover{border-color:#bd8d39;transform:translateY(-2px)}.premium-inventory .inventory-item.active{border-color:#55c970;box-shadow:0 0 0 2px #1f6b35,0 0 16px #48df6b44}.premium-inventory .inventory-item.unowned{opacity:.35;filter:grayscale(.6)}.premium-inventory .inventory-item img{width:72px;height:72px;filter:drop-shadow(0 6px 5px #000a)}.premium-inventory .inventory-item strong{display:block;font-size:10px;color:#fff0c2}.premium-inventory .inventory-item small{display:block;min-height:22px;color:#9d8fa3;font-size:7.5px}.premium-inventory .owned-count{display:inline-block;margin-top:5px;padding:2px 6px;border-radius:7px;background:#08060c;color:#dfbf67;font-size:8px}.premium-inventory .inventory-item>i{position:absolute;right:6px;bottom:6px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#2d7e3a;color:#fff}.inv-rarity{position:absolute;left:6px;top:6px;color:#ad92b4;font-size:7px;font-weight:1000}.premium-inventory .inventory-detail{border:1px solid #7f5a82;border-radius:14px;background:radial-gradient(circle at 50% 24%,#702f7544,transparent 38%),linear-gradient(#211329,#0e0915);color:#fff;padding:16px;box-shadow:inset 0 0 25px #7738732b}.inventory-detail-rarity{display:block;text-align:center;color:#d4aa50;font-size:9px;font-weight:1000}.inventory-detail-art{height:145px;position:relative;display:grid;place-items:center}.inventory-detail-art>span{position:absolute;width:150px;height:90px;border-radius:50%;background:radial-gradient(ellipse,#c65ce74a,transparent 68%);filter:blur(4px)}.inventory-detail-art img{position:relative;z-index:2;width:126px;height:126px;object-fit:contain;filter:drop-shadow(0 8px 7px #000a)}.premium-inventory .inventory-detail h3{text-align:center;margin:0;color:#ffe17c;font-size:20px}.premium-inventory .inventory-detail p{text-align:center;color:#a996ad;font-size:10px}.premium-inventory .inventory-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px;margin-top:14px}.premium-inventory .inventory-detail dt{color:#8f8196;font-size:9px}.premium-inventory .inventory-detail dd{margin:0;text-align:right;color:#fff1be;font-size:10px;font-weight:1000}.inventory-buy-missing{width:100%;height:39px;margin-top:10px;border:0;border-radius:8px;background:linear-gradient(#33bff0,#197bbb);box-shadow:0 4px #0d4a75;color:#fff;font-weight:1000}.premium-inventory .inventory-footer{height:44px;margin:0;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #54365d;background:#0c0812;color:#9d8ea4;font-size:9px}.premium-inventory .inventory-footer b{color:#ffe073}

/* New art in the lobby item row gets more presence. */
#loadoutPreview .mini-item img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 4px 4px #6b3b0a55)}
#loadoutPreview .mini-item:hover{filter:brightness(1.06);transform:translateY(-2px)}

@media(max-width:1050px){.armory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.armory-loadout{grid-template-columns:150px 1fr 110px}.armory-slot{width:58px}.premium-inventory .inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:720px){#modal[data-view="shop"] .modal-window,#modal[data-view="seller"] .modal-window,#modal[data-view="inventory"] .modal-window{height:97vh}.armory-head{min-height:76px;padding-top:8px;padding-bottom:8px}.armory-title h2{font-size:25px}.armory-loadout{min-height:70px;padding-top:6px;padding-bottom:6px}.armory-section-head{height:48px}.armory-card{min-height:222px}.armory-art{height:82px}.armory-art img{width:76px;height:76px}.premium-inventory .inventory-title-row{padding-top:10px;padding-bottom:9px}.premium-inventory .combat-slot{height:78px}.premium-inventory .combat-slot img{width:48px;height:48px}.premium-inventory .inventory-item{min-height:132px}.premium-inventory .inventory-item img{width:60px;height:60px}.inventory-detail-art{height:116px}.inventory-detail-art img{width:102px;height:102px}}
/* Keep legacy avatar cards readable when opened from the armory. */
#modal[data-view="shop"] #modalBody>h2{margin:0;padding:22px 70px 14px 22px;color:#ffd65d;background:#1b1024;border-bottom:1px solid #684473;font-size:28px}
#modal[data-view="shop"] .skin-gallery{height:calc(100% - 70px);overflow:auto;padding:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;background:radial-gradient(circle at 50% 0,#55235b44,transparent 38%),linear-gradient(#17101f,#0d0813)}
#modal[data-view="shop"] .skin-card{background:linear-gradient(#2b1733,#130b19);border:1px solid #694775;color:#fff;border-radius:14px;box-shadow:0 7px 18px #0005}
#modal[data-view="shop"] .skin-card.selected{border-color:#e4ad3d;box-shadow:0 0 0 2px #7d561b,0 0 18px #e5ad3c44}
#modal[data-view="shop"] .skin-card>img{width:92px;height:92px;filter:drop-shadow(0 6px 6px #0007)}
#modal[data-view="shop"] .skin-card button{border:0;border-radius:8px;padding:7px 10px;background:linear-gradient(#39c449,#198b29);color:#fff;font-weight:1000}


/* === v1.13.9.12.5.1 — shop tab hitbox / routing fix === */
#modal[data-view="shop"] .armory-tabs{position:relative!important;z-index:40!important;isolation:isolate!important;pointer-events:auto!important}
#modal[data-view="shop"] .armory-tabs button{position:relative!important;z-index:41!important;pointer-events:auto!important;touch-action:manipulation!important;user-select:none!important}
#modal[data-view="shop"] .armory-loadout{position:relative!important;z-index:20!important}
#modal[data-view="shop"] .armory-loadout [data-open-inventory],
#modal[data-view="shop"] .armory-loadout [data-armory-slot]{position:relative!important;z-index:21!important}
#modal[data-view="shop"] .armory-tabs button:active{transform:translateY(1px)!important;filter:brightness(1.25)!important}

/* === v1.13.9.12.6 combat weapons === */
body[data-combat-effect="burn"] #game{filter:saturate(1.16) contrast(1.04)}
body[data-combat-effect="freeze"] #game{filter:saturate(.72) brightness(1.08)}
body[data-combat-effect="invert"] #game{filter:hue-rotate(18deg) saturate(1.12)}
body[data-combat-effect="laser"] #game{filter:contrast(1.08) brightness(1.05)}
body[data-combat-effect="armorBreak"] #game{filter:saturate(1.2)}
.armory-card[data-item-id="laser"],.armory-card[data-item-id="fireball"],.armory-card[data-item-id="mirrorHammer"],.armory-card[data-item-id="splitter"],.armory-card[data-item-id="armorBreaker"]{box-shadow:inset 0 0 0 1px rgba(255,212,75,.16),0 12px 32px rgba(0,0,0,.24)}
.armory-card[data-item-id="laser"] .armory-art img,.armory-card[data-item-id="fireball"] .armory-art img,.armory-card[data-item-id="mirrorHammer"] .armory-art img,.armory-card[data-item-id="splitter"] .armory-art img,.armory-card[data-item-id="armorBreaker"] .armory-art img{width:132px;height:132px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.42))}
.premium-inventory .inventory-item img{filter:drop-shadow(0 7px 8px rgba(0,0,0,.34))}
.item-bar .item-btn img{filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}


/* === v1.13.9.12.8 Premium realistic armory artwork === */
.armory-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.armory-card{min-height:300px!important;background:linear-gradient(160deg,rgba(31,18,39,.98),rgba(11,8,17,.98))!important;border:1px solid rgba(179,91,221,.46)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 25px rgba(0,0,0,.28)!important;overflow:hidden!important}
.armory-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(91,173,255,.11),transparent 38%);pointer-events:none}
.armory-card.rarity-эпический:before{background:radial-gradient(circle at 50% 35%,rgba(177,68,255,.18),transparent 40%)}
.armory-card.rarity-легендарный:before{background:radial-gradient(circle at 50% 35%,rgba(255,141,39,.17),transparent 42%)}
.armory-art{height:145px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:2px 0 5px!important}
.armory-art img,.armory-card>img{width:170px!important;height:140px!important;object-fit:contain!important;filter:drop-shadow(0 12px 10px rgba(0,0,0,.75))!important}
.armory-card h3{font-size:17px!important;letter-spacing:.1px!important;margin:0 8px 7px!important;color:#ffe6a1!important;text-shadow:0 2px 8px #000!important}
.armory-card p{min-height:38px!important;color:#bcb5c7!important;line-height:1.28!important}
.armory-card .buy-row{margin-top:auto!important}
.inventory-item img{width:84px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 8px 7px rgba(0,0,0,.65))!important}
.combat-slot img{width:62px!important;height:56px!important;object-fit:contain!important;filter:drop-shadow(0 6px 5px rgba(0,0,0,.65))!important}
.inventory-detail-art img{width:180px!important;height:150px!important;object-fit:contain!important;filter:drop-shadow(0 15px 12px rgba(0,0,0,.72))!important}
.rare-weapon-card>img{width:185px!important;height:145px!important;object-fit:contain!important;filter:drop-shadow(0 14px 12px rgba(0,0,0,.72))!important}
@media(max-width:1100px){.armory-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.armory-card{min-height:275px!important}.armory-art img,.armory-card>img{width:145px!important;height:120px!important}}

/* === v1.13.9.12.9.1 — transparent slot icons + stable shop card actions === */
#modal[data-view="shop"] .armory-grid{
  padding:10px 18px 34px!important;
  align-items:stretch!important;
  grid-auto-rows:auto!important;
  scroll-padding-bottom:34px!important;
}
#modal[data-view="shop"] .armory-card{
  min-height:336px!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  padding:11px 12px 13px!important;
  overflow:hidden!important;
}
#modal[data-view="shop"] .armory-card-top,
#modal[data-view="shop"] .armory-art,
#modal[data-view="shop"] .armory-card h3,
#modal[data-view="shop"] .armory-card p,
#modal[data-view="shop"] .armory-stats{
  flex:0 0 auto!important;
}
#modal[data-view="shop"] .armory-art{
  height:138px!important;
  margin:0 0 4px!important;
}
#modal[data-view="shop"] .armory-art img{
  width:164px!important;
  height:134px!important;
  max-width:96%!important;
  object-fit:contain!important;
}
#modal[data-view="shop"] .armory-card h3{
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 7px 4px!important;
  line-height:1.12!important;
}
#modal[data-view="shop"] .armory-card p{
  min-height:34px!important;
  margin:0 4px 8px!important;
}
#modal[data-view="shop"] .armory-stats{
  margin:0 0 8px!important;
}
#modal[data-view="shop"] .armory-buy{
  flex:0 0 auto!important;
  margin-top:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:7px!important;
  width:100%!important;
  position:relative!important;
  z-index:4!important;
}
#modal[data-view="shop"] .armory-buy button{
  min-width:0!important;
  width:100%!important;
  height:38px!important;
  padding:0 7px!important;
  overflow:hidden!important;
}
#modal[data-view="shop"] .armory-buy button b{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Small UI placements use transparent cutouts, never the square purple card plate. */
#loadoutPreview .mini-item img,
.armory-loadout .armory-slot img,
.premium-inventory .combat-slot img,
.premium-inventory .inventory-item img,
.inventory-detail-art img,
.item-bar .item-btn img{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  mix-blend-mode:normal!important;
}
#loadoutPreview .mini-item img{
  width:54px!important;
  height:50px!important;
  filter:drop-shadow(0 5px 4px rgba(90,45,5,.32))!important;
}
.armory-loadout .armory-slot img{
  width:58px!important;
  height:54px!important;
  filter:drop-shadow(0 5px 5px rgba(0,0,0,.58))!important;
}
.premium-inventory .combat-slot img{
  width:66px!important;
  height:60px!important;
  filter:drop-shadow(0 7px 6px rgba(0,0,0,.62))!important;
}
.premium-inventory .inventory-item img{
  width:86px!important;
  height:76px!important;
  filter:drop-shadow(0 8px 7px rgba(0,0,0,.60))!important;
}
.inventory-detail-art img{
  width:178px!important;
  height:150px!important;
  filter:drop-shadow(0 15px 12px rgba(0,0,0,.68))!important;
}
.item-bar .item-btn img{
  width:52px!important;
  height:48px!important;
  filter:drop-shadow(0 5px 4px rgba(0,0,0,.62))!important;
}

@media(max-height:720px){
  #modal[data-view="shop"] .armory-card{min-height:310px!important}
  #modal[data-view="shop"] .armory-art{height:118px!important}
  #modal[data-view="shop"] .armory-art img{width:145px!important;height:114px!important}
  #modal[data-view="shop"] .armory-card h3{min-height:34px!important;font-size:15px!important}
  #modal[data-view="shop"] .armory-card p{min-height:30px!important}
  #modal[data-view="shop"] .armory-buy button{height:36px!important}
}

/* === v1.13.9.12.11 profile/settings redesign === */
.top-profile{appearance:none;font:inherit;text-align:left;cursor:pointer}.top-profile:hover{filter:brightness(1.035);transform:translateY(-1px)}
.play-zone{grid-template-rows:24px 62px 54px!important}.play-zone>#name,.play-zone>#vkStatus{display:none!important}.play-zone .play-btn{grid-row:2!important}.play-zone .mode-tabs{grid-row:3!important}
body.hide-arena-mass .arena-stats .arena-stat-row:last-child{display:none!important}body.hide-arena-chat .arena-chat{display:none!important}

#modal[data-view="profile"] .modal-window{width:min(820px,92vw);height:min(700px,92vh);background:linear-gradient(#ffefb8,#f6d77d);border:4px solid #bd7926;border-radius:24px;box-shadow:0 24px 70px #0009,0 0 45px #ffd76b55;color:#6f4117;overflow:hidden}
#modal[data-view="profile"] .modal-close{display:none}
#modal[data-view="profile"] #modalBody{height:100%;padding:0;overflow:auto;background:radial-gradient(circle at 50% 12%,#fff9d7 0,#ffe79b 45%,#efc864 100%)}
.hw-profile-screen{min-height:100%;padding:18px 22px 22px;box-sizing:border-box}.hw-profile-head{display:flex;align-items:center;gap:14px;padding-bottom:13px;border-bottom:2px solid #d59d3b}.hw-profile-head>div{flex:1}.hw-profile-head small{font-size:10px;font-weight:1000;letter-spacing:1.6px;color:#b07026}.hw-profile-head h2{margin:2px 0 0;font-size:30px;color:#7a4317;text-shadow:0 2px #fff2bd}.hw-profile-head h2 i{font-style:normal;color:#32ad3f;font-size:18px}.hw-profile-back,.hw-profile-gear{width:48px;height:44px;border:2px solid #ad6c1e;border-radius:12px;background:linear-gradient(#fff0a8,#e8b348);box-shadow:0 4px #9a5d17;color:#774113;font-size:24px;font-weight:1000}.hw-profile-gear{font-size:21px}
.hw-profile-hero{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center;padding:20px 12px 15px}.hw-profile-avatar-wrap{position:relative;width:170px;height:170px;margin:auto;border-radius:50%;background:#fff3bd;border:7px solid #fff;box-shadow:0 0 0 4px #bc7a22,0 12px 20px #8f5b2444;overflow:visible}.hw-profile-avatar-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hw-profile-avatar-wrap span{position:absolute;right:-8px;bottom:4px;padding:7px 12px;border-radius:11px;background:#8a5818;color:#fff0b6;border:2px solid #ffd760;font-weight:1000}.hw-profile-main{min-width:0}.hw-profile-name{font-size:27px;font-weight:1000;color:#6b3e16}.hw-profile-name b{display:inline-grid;place-items:center;width:25px;height:25px;margin-left:6px;border-radius:50%;background:#2db842;color:#fff;font-size:16px}.hw-profile-main p{min-height:55px;margin:10px 0;padding:12px 15px;border-radius:13px;background:#fff5c9;border:2px solid #dfb65e;color:#865b2e;font-size:13px;line-height:1.4}.hw-profile-badges{display:flex;flex-wrap:wrap;gap:8px}.hw-profile-badges span{padding:7px 10px;border-radius:10px;background:#d8952f;color:#fff8ce;font-size:11px;box-shadow:inset 0 2px #fbd879}.hw-profile-badges b{color:#fff}
.hw-profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:4px 0 18px}.hw-profile-stats article{text-align:center;padding:12px 8px;border-radius:12px;background:linear-gradient(#fff4c4,#f4cf72);border:2px solid #c68a29;box-shadow:0 3px #a86b20}.hw-profile-stats strong{display:block;color:#7d4918;font-size:18px}.hw-profile-stats span{font-size:8px;font-weight:1000;color:#aa742e;letter-spacing:.7px}.hw-achievements h3{margin:0 0 9px;color:#774516}.hw-ach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.hw-ach-grid>div{min-height:112px;padding:11px 8px;border-radius:12px;text-align:center;background:#d9bd7d66;border:2px dashed #bb8a41;filter:grayscale(.7);opacity:.62}.hw-ach-grid>div.done{background:linear-gradient(#fff4bd,#eac55f);border-style:solid;filter:none;opacity:1;box-shadow:0 3px #a96d1c}.hw-ach-grid i{display:block;font-style:normal;font-size:30px}.hw-ach-grid b{display:block;margin:4px 0;color:#704116}.hw-ach-grid span{font-size:9px;color:#91632b}.hw-profile-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:12px;border-top:1px solid #d5a24e}.hw-profile-footer span{color:#9d713b;font-size:10px}.hw-profile-footer button{height:40px;border:0;border-radius:10px;padding:0 18px;background:linear-gradient(#4bd645,#25a92f);box-shadow:0 4px #1c7b25;color:white;font-weight:1000}

#modal[data-view="profileSettings"] .modal-window{width:min(650px,92vw);height:auto;max-height:90vh;background:#f7d77e;border:4px solid #b67524;border-radius:24px;box-shadow:0 24px 70px #0009;overflow:hidden}#modal[data-view="profileSettings"] .modal-close{display:none}#modal[data-view="profileSettings"] #modalBody{padding:0;max-height:88vh;overflow:auto}
.hw-profile-settings{background:radial-gradient(circle at 50% 10%,#fff6c9,#f2cd70);color:#704217;padding-bottom:18px}.hw-profile-settings>header{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:2px solid #d79b37}.hw-profile-settings>header div{flex:1}.hw-profile-settings>header small{font-size:9px;letter-spacing:1.4px;color:#b47729;font-weight:1000}.hw-profile-settings>header h2{margin:2px 0 0;font-size:28px}.hw-settings-paper{padding:16px 20px}.hw-settings-paper section{position:relative;padding:16px 18px;margin-bottom:14px;border:2px solid #ddb257;border-radius:18px;background:#fff0b9;box-shadow:inset 0 1px #fff}.hw-settings-paper h3{margin:0 0 4px;text-align:center;font-size:18px}.hw-settings-paper p{text-align:center;margin:0 0 13px;color:#9a6a31;font-size:11px}.hw-nick-settings label{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:8px;color:#9d6a2e;font-size:11px}.hw-nick-settings input{height:38px;border:2px solid #d5a047;border-radius:11px;background:#fff;padding:0 12px;color:#6a3d16;font-weight:1000;outline:none}.hw-verified-state{text-align:center;margin:10px 0;color:#d44b35;font-weight:1000}.hw-verified-state.ok{color:#28a43b}.hw-profile-actions{display:flex;gap:8px;justify-content:center}.hw-profile-actions button,.hw-bio-settings button{min-height:40px;border:0;border-radius:11px;padding:0 16px;background:linear-gradient(#47b8f1,#2185c8);box-shadow:0 4px #17649a;color:#fff;font-weight:1000}.hw-profile-actions button.green{background:linear-gradient(#61db4d,#2aac30);box-shadow:0 4px #218126}.hw-bio-settings textarea{width:100%;height:105px;box-sizing:border-box;resize:none;border:2px solid #d5a047;border-radius:13px;background:#fff;padding:12px;color:#6d431d;outline:none}.hw-bio-settings>small{display:block;text-align:right;color:#a17a43;margin:4px}.hw-bio-settings button{display:block;margin:9px auto 0;min-width:210px}

#modal[data-view="mainSettings"] .modal-window{width:min(480px,90vw);height:auto;background:#f6d57b;border:4px solid #b77825;border-radius:22px;box-shadow:0 24px 65px #0009;overflow:hidden}#modal[data-view="mainSettings"] .modal-close{display:none}#modal[data-view="mainSettings"] #modalBody{padding:0}.hw-main-settings{padding-bottom:20px;background:radial-gradient(circle at 50% 0,#fff3bf,#efc668);color:#704116}.hw-main-settings header{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;border-bottom:2px solid #d59b3a}.hw-main-settings header span{font-size:28px}.hw-main-settings h2{margin:0;font-size:28px}.hw-main-settings-list{padding:17px 24px 8px}.hw-main-settings-list label{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;gap:1px 7px;align-items:center;padding:12px 8px;border-bottom:1px solid #dab05e;cursor:pointer}.hw-main-settings-list input{grid-row:1/3;width:20px;height:20px;accent-color:#53b836}.hw-main-settings-list span{font-weight:1000}.hw-main-settings-list small{color:#a06f34;font-size:9px}.hw-settings-close{display:block;width:180px;height:43px;margin:8px auto 0;border:0;border-radius:11px;background:linear-gradient(#44b8f0,#1b85cc);box-shadow:0 4px #12669e;color:#fff;font-weight:1000}

@media(max-width:720px){.hw-profile-hero{grid-template-columns:1fr}.hw-profile-stats,.hw-ach-grid{grid-template-columns:repeat(2,1fr)}.hw-profile-avatar-wrap{width:130px;height:130px}.hw-profile-footer{flex-direction:column}.hw-profile-actions{flex-direction:column}.hw-nick-settings label{grid-template-columns:1fr}}

/* === v1.13.9.12.12 — real roulette promo + safe reward claim === */
.wheel-promo{padding:16px 12px 14px;background:linear-gradient(180deg,#69c7f1 0%,#2c98d7 100%)}
.wheel-promo b,.wheel-promo small,.wheel-promo .promo-button{position:relative;z-index:2}
.wheel-promo .promo-wheel{display:none}
.wheel-promo .promo-wheel-art{position:relative;z-index:1;width:100%;height:178px;margin:10px 0 10px;border-radius:18px;overflow:hidden;border:3px solid rgba(255,255,255,.92);box-shadow:0 7px 0 #8b5f1b,0 12px 22px rgba(28,43,75,.28);background:#23003b}
.wheel-promo .promo-wheel-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.04)}
.wheel-promo .promo-wheel-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 28%,rgba(18,8,35,.08) 72%,rgba(18,8,35,.2));pointer-events:none}
.wheel-promo .promo-button{margin-top:6px}
.wheel-promo small{letter-spacing:.06em}
.r113-wheel.claiming > :not(.r113-result.show){pointer-events:none}
.r113-result{z-index:8}
.r113-result.show{pointer-events:auto}

/* === v1.13.9.12.14 — clean responsive lobby + VIP/PREMIUM === */
.vip-plan-button{border:2px solid #9e6714;cursor:pointer;font-size:11px;padding:0 6px;line-height:1.05}.vip-plan-button.vip-active{background:linear-gradient(#ffe96e,#e5a51f);box-shadow:0 0 14px #ffd53d99,inset 0 2px #fff2a6}.vip-plan-button.premium-active{background:linear-gradient(#d857ff,#8221c2);color:#fff4c8;border-color:#f0b53c;box-shadow:0 0 16px #ca52ff99,0 3px #6f188e}.plan-lobby-status{display:flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.plan-lobby-status span{font-weight:1000}.plan-lobby-status small{font-size:8px}

#modal[data-view="plans"] .modal-window{width:min(980px,94vw);height:min(760px,92vh);border:3px solid #d18a24;border-radius:22px;background:#170a22;box-shadow:0 30px 90px #000b,0 0 32px #7f29bd55;overflow:hidden}#modal[data-view="plans"] .modal-close{display:none}#modal[data-view="plans"] #modalBody{height:100%;padding:0;overflow:auto}.plans-screen{min-height:100%;color:#fff0b9;background:radial-gradient(circle at 50% 0,#4a1558 0,#23102f 45%,#110818 100%);display:flex;flex-direction:column}.plans-screen>header{display:flex;align-items:center;gap:16px;padding:17px 22px;border-bottom:1px solid #8e4f8c;background:#17091fdd}.plans-screen>header>button{width:48px;height:44px;border-radius:12px;border:1px solid #d39135;background:#5c2377;color:#ffe479;font-size:28px}.plans-screen>header div{flex:1}.plans-screen>header small{font-size:9px;letter-spacing:2px;color:#e88ee7}.plans-screen>header h1{margin:1px 0;font-size:29px;color:#ffd85a}.plans-screen>header p{margin:0;font-size:11px;color:#d8bfdc}.plans-screen>nav{display:grid;grid-template-columns:1fr 1fr;margin:14px auto 0;width:min(560px,90%);border:1px solid #96518f;border-radius:13px;overflow:hidden}.plans-screen>nav button{height:48px;border:0;background:#2b1234;color:#d8bcd9;font-size:15px;font-weight:1000}.plans-screen>nav button.active{background:linear-gradient(#f5ca42,#d68c16);color:#3b1a17}.plans-screen>nav button.active.premium{background:linear-gradient(#d955ff,#7f27cf);color:#fff}.plan-body{padding:18px 28px;flex:1}.plan-card{max-width:790px;margin:auto;padding:18px 22px 20px;border:1px solid #9e568e;border-radius:18px;background:linear-gradient(145deg,#34133f,#1a0b24);box-shadow:inset 0 1px #ffffff16,0 16px 36px #0006;text-align:center}.premium-plan-card{border-color:#bc63e8;background:linear-gradient(145deg,#3d1356,#170b24)}.plan-emblem{width:74px;height:74px;margin:-5px auto 3px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff1a4,#e6a526 62%,#8a5410);border:3px solid #ffe68a;color:#683a08;font-size:40px;box-shadow:0 0 25px #ffc84477}.plan-emblem.premium{background:radial-gradient(circle,#f7d9ff,#b849ef 58%,#521271);color:#fff}.plan-card h2{margin:0;font-size:34px;color:#ffd657}.premium-plan-card h2{color:#e6a8ff}.plan-lead{margin:4px auto 15px;color:#d8c2d8;font-size:12px}.plan-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plan-perks article{min-height:94px;padding:10px;border-radius:13px;background:#13091c;border:1px solid #6f3f78;text-align:left;display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto 1fr;align-items:center}.plan-perks article i{grid-row:1/3;font-style:normal;font-size:22px;font-weight:1000;color:#ffd954;text-align:center}.plan-perks article b{font-size:12px;color:#fff1c0}.plan-perks article span{font-size:10px;line-height:1.35;color:#cbb8cb}.plan-skins{display:flex;justify-content:center;gap:7px;margin:13px 0;flex-wrap:wrap}.plan-skins img{width:51px;height:51px;border-radius:50%;background:#260e31;border:2px solid #cf8f2e;box-shadow:0 3px 8px #0007}.plan-status{padding:9px;border-radius:10px;background:#27122e;border:1px solid #703e75;color:#bca8bd;font-size:11px;font-weight:1000}.plan-status.active{background:#17321b;border-color:#39a34b;color:#69ef7e}.plan-buy-row{margin-top:12px}.plan-buy-row button,.premium-chest-btn{min-width:230px;min-height:50px;border:0;border-radius:11px;background:linear-gradient(#64dd50,#2baa2f);box-shadow:0 4px #1d7524;color:#fff;font-weight:1000}.plan-buy-row small,.plan-buy-row strong{display:block}.plan-buy-row strong{font-size:19px}.premium-chest-btn{width:100%;background:linear-gradient(#32b7f2,#177ab5);box-shadow:0 4px #105c8d;margin:3px 0 11px}.premium-chest-btn:disabled{filter:grayscale(1);opacity:.45}.plans-screen>footer{text-align:center;padding:10px 18px 15px;color:#aa91ae;font-size:9px}
.vip-turbo-btn{position:fixed;left:18px;bottom:124px;z-index:38;width:128px;height:62px;border:2px solid #f4bf37;border-radius:15px;background:linear-gradient(#46235e,#25132f);box-shadow:0 5px #12091a,0 0 18px #e8af3d55;color:#ffe16a;font-weight:1000}.vip-turbo-btn b,.vip-turbo-btn span,.vip-turbo-btn small{display:block}.vip-turbo-btn span{font-size:18px}.vip-turbo-btn small{color:#fff0bd}.vip-turbo-btn.active{background:linear-gradient(#f3be2f,#e16a18);color:#fff;box-shadow:0 0 24px #ffb22d}.vip-turbo-btn.empty{opacity:.5}.vip-turbo-btn.hidden{display:none!important}

/* keep every lobby control inside the frame */
.topbar{grid-template-columns:minmax(210px,265px) minmax(470px,1fr) minmax(150px,190px)}.walletbar{gap:6px;min-width:0}.wallet-chip{min-width:0;flex:1;padding-left:6px}.wallet-chip b{font-size:clamp(14px,1.25vw,20px);overflow:hidden;text-overflow:ellipsis}.wallet-chip img{width:25px;height:25px}.top-actions{gap:5px}.square-action{width:46px;height:46px}.buy-main{padding:0 12px}.main-stage,.left-rail,.right-rail{min-width:0}.loadout-preview{gap:6px}.mini-item{width:clamp(58px,5.2vw,76px)}
@media(max-width:1180px){.topbar{grid-template-columns:220px 1fr 145px}.wallet-chip{height:36px}.wallet-chip:nth-last-child(1){display:none}.buy-main{font-size:11px;padding:0 8px}.square-action{width:42px;height:42px}.main-stage{padding-left:9px;padding-right:9px}.equip-tile{padding:5px}.mode-tabs button{min-width:125px}.daily-leaders-head h2{font-size:17px}}
@media(max-width:980px){.topbar{grid-template-columns:190px 1fr 100px}.top-profile-copy span{display:none}.wallet-chip img{width:21px;height:21px}.wallet-chip button{width:24px;height:24px}.top-actions .square-action.sound{display:none}.plan-perks{grid-template-columns:1fr}.plan-body{padding:12px}.character-zone{grid-template-columns:105px 1fr 105px}.equip-tile{grid-template-columns:36px 1fr}.equip-tile img,.equip-icon{width:34px;height:34px}.loadout-preview{gap:4px}.mini-item{width:56px}.mini-item img{width:36px;height:36px}}

/* === v1.13.9.12.14.2 — unified polished avatars + illustrated VIP/PREMIUM === */
#modal[data-view="skins"]{background:rgba(49,72,84,.48);backdrop-filter:blur(8px)}
#modal[data-view="skins"] .modal-window{width:min(1010px,94vw);height:min(650px,90vh);max-height:90vh;padding:0;overflow:hidden;border:4px solid #b77520;border-radius:20px;background:linear-gradient(180deg,#fff0b2 0%,#f7d77c 100%);box-shadow:0 26px 75px #15334870,inset 0 0 0 4px #fff8d6}
#modal[data-view="skins"] #modalBody{height:100%;padding:0;overflow:auto;background:radial-gradient(circle at 50% -10%,#fff9dc 0,#ffebb0 45%,#f3cf70 100%)}
#modal[data-view="skins"] .modal-close{z-index:20;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:10px;background:linear-gradient(#ef5d50,#d7443a);box-shadow:0 4px #9b2d25;color:#fff;font-size:26px}
.skins-screen{min-height:100%;padding:24px 22px 22px;box-sizing:border-box;color:#6b401b}
.skins-head{padding:0 54px 14px 2px;border-bottom:2px solid #d9a249;margin-bottom:14px}
.skins-head small{font-size:9px;letter-spacing:1.7px;color:#b27b31;font-weight:1000}.skins-head h2{font-size:27px;line-height:1;margin:4px 0 5px;color:#704116;text-shadow:0 2px #fff3bd}.skins-head p{margin:0;font-size:10px;color:#9a6a31}
#modal[data-view="skins"] .skin-gallery.polished{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:0;background:none;height:auto;overflow:visible}
#modal[data-view="skins"] .skin-card{position:relative;min-height:142px;padding:11px 8px 10px;border:2px solid #d0922f;border-radius:13px;background:linear-gradient(180deg,#fff6c8,#ffe7a5);box-shadow:0 5px 0 #af701d,0 9px 18px #91602420;text-align:center;color:#704116;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
#modal[data-view="skins"] .skin-card:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a56819,0 12px 20px #8f582b2b}
#modal[data-view="skins"] .skin-card.selected{border-color:#58b634;background:linear-gradient(#f3ffd5,#e4f7a8);box-shadow:0 5px 0 #3f8d25,0 0 0 3px #c8ec7a88}
#modal[data-view="skins"] .skin-card.locked{filter:none;opacity:.82}
.skin-orb{width:76px;height:76px;margin:0 auto 6px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 22%,#fff 0 7%,#fff7d8 18%,#ead28c 70%,#c58e35 100%);box-shadow:inset 0 0 0 3px #fff,0 5px 9px #7e572b33}
#modal[data-view="skins"] .skin-card .skin-orb img{width:70px;height:70px;object-fit:contain;border-radius:50%;filter:none}
#modal[data-view="skins"] .skin-card>b{display:block;min-height:18px;font-size:12px;letter-spacing:.1px}
#modal[data-view="skins"] .skin-card button{min-width:82px;height:26px;padding:0 9px;border:1px solid #a66d1c;border-radius:7px;background:linear-gradient(#fffdf1,#efe7d6);box-shadow:0 2px #b98641;color:#4e3b2b;font-weight:900;font-size:10px;cursor:pointer}
#modal[data-view="skins"] .skin-card button:hover{background:linear-gradient(#61d84f,#2aab31);color:#fff;border-color:#288c2b;box-shadow:0 3px #1d7822}
#modal[data-view="skins"] .skin-card button:disabled{background:linear-gradient(#67d84f,#35ad31);color:#fff;border-color:#2e952b;box-shadow:0 2px #247c24;opacity:1}
.skin-plan-badge{position:absolute;right:6px;top:6px;padding:3px 5px;border-radius:7px;background:linear-gradient(#ffd95a,#d49213);color:#6b3709;font-size:7px;font-weight:1000;box-shadow:0 2px #9e650f}.skin-plan-badge.premium{background:linear-gradient(#e76aff,#8426cb);color:#fff;box-shadow:0 2px #5b1d8d}.skin-price{display:flex;align-items:center;justify-content:center;gap:3px;margin:2px 0}.skin-price img{width:17px;height:17px}.skin-price b{font-size:10px}.skin-locked-note{display:block;min-height:26px;padding-top:4px;font-size:8px;color:#9d6f36}

#modal[data-view="plans"]{background:rgba(17,10,24,.72);backdrop-filter:blur(9px)}
#modal[data-view="plans"] .modal-window{width:min(1080px,96vw);height:min(850px,95vh);max-height:95vh;padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 34px 100px #000c;overflow:visible}
#modal[data-view="plans"] #modalBody{height:100%;padding:0;overflow:visible;background:transparent}
#modal[data-view="plans"] .modal-close{display:none}
.plans-art-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;filter:drop-shadow(0 18px 35px #0008)}
.plan-art-stage{position:relative;width:min(1040px,94vw);max-height:calc(95vh - 68px);aspect-ratio:1040/807}
.plans-art-screen.premium .plan-art-stage{aspect-ratio:1040/780}
.plan-main-art{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}
.plan-art-hotspot{position:absolute;border:0;background:transparent;cursor:pointer;outline:none;color:transparent}
.plan-art-hotspot:focus-visible{outline:4px solid #fff59a;outline-offset:-4px;border-radius:16px}
.plan-art-hotspot.tab-vip{left:23.5%;top:1%;width:25%;height:11%}.plan-art-hotspot.tab-premium{left:48.5%;top:1%;width:25%;height:11%}
.plan-art-hotspot.close{right:1.8%;top:1%;width:8%;height:10%;border-radius:50%}
.plan-art-hotspot.buy{left:23%;bottom:2%;width:54%;height:14%;border-radius:22px}
.plan-art-hotspot.buy:hover{box-shadow:0 0 0 4px #fff7a866,0 0 30px #65ff5599 inset}
.plan-live-strip{width:min(880px,82vw);min-height:48px;margin-top:-6px;padding:7px 12px;box-sizing:border-box;border:2px solid #e9ad3d;border-radius:13px;background:linear-gradient(180deg,#fff4c8,#e9c66c);box-shadow:0 5px 0 #9b631c,0 8px 22px #0005;color:#704016;display:flex;align-items:center;gap:12px;position:relative;z-index:5}
.plans-art-screen.premium .plan-live-strip{border-color:#d168f0;background:linear-gradient(180deg,#5f2581,#35134d);box-shadow:0 5px 0 #2b0d3d,0 8px 22px #0006;color:#fff}
.plan-live-strip>div{flex:1}.plan-live-strip b,.plan-live-strip small{display:block}.plan-live-strip b{font-size:12px}.plan-live-strip small{font-size:9px;opacity:.78;margin-top:2px}.plan-live-strip>strong{font-size:20px;white-space:nowrap}.plan-live-strip.active{border-color:#54c94c}.plan-live-strip>button{height:34px;padding:0 12px;border:0;border-radius:9px;background:linear-gradient(#40c8f5,#1985c5);box-shadow:0 3px #126294;color:#fff;font-size:9px;font-weight:1000}.plan-live-strip>button:disabled{filter:grayscale(1);opacity:.45}
@media(max-width:850px){#modal[data-view="skins"] .skin-gallery.polished{grid-template-columns:repeat(4,minmax(0,1fr))}.plan-live-strip{width:90vw}.plan-art-stage{width:96vw}}
@media(max-width:620px){#modal[data-view="skins"] .skin-gallery.polished{grid-template-columns:repeat(3,minmax(0,1fr))}.skins-screen{padding:18px 14px}.plan-live-strip{font-size:9px}.plan-live-strip>strong{font-size:16px}}

/* === v1.13.9.12.15 — social profiles + gifts === */
.daily-top-row[data-profile-id]{cursor:pointer;transition:transform .12s ease,filter .12s ease}.daily-top-row[data-profile-id]:hover{transform:translateX(-2px);filter:brightness(1.05)}
#modal[data-view="profile"],#modal[data-view="publicProfile"],#modal[data-view="giftShop"],#modal[data-view="profileLoading"]{background:rgba(35,60,78,.58);backdrop-filter:blur(8px)}
#modal[data-view="profile"] .modal-window,#modal[data-view="publicProfile"] .modal-window,#modal[data-view="giftShop"] .modal-window{width:min(1060px,95vw);height:min(760px,92vh);max-height:92vh;padding:0;overflow:hidden;border:4px solid #b9791f;border-radius:24px;background:#f4d277;box-shadow:0 28px 80px #15304380,inset 0 0 0 4px #fff6cf}
#modal[data-view="profile"] #modalBody,#modal[data-view="publicProfile"] #modalBody,#modal[data-view="giftShop"] #modalBody{height:100%;overflow:auto;padding:0}.hw-profile-loading{min-height:320px;display:grid;place-items:center;font-weight:1000;font-size:28px;color:#704218}
.hw-social-profile{min-height:100%;color:#5d3b1c;background:linear-gradient(180deg,#d8f2ff 0 58%,#f7d77f 58% 100%);position:relative;overflow:hidden}
.hw-social-profile:before{content:"";position:absolute;inset:76px 0 auto;height:420px;background:radial-gradient(circle at 13% 32%,#ffcf4575 0 4px,transparent 5px),radial-gradient(circle at 85% 23%,#65d2ff85 0 5px,transparent 6px),radial-gradient(circle at 30% 75%,#f3678d75 0 4px,transparent 5px),radial-gradient(circle at 74% 68%,#65c95e80 0 4px,transparent 5px);background-size:170px 150px;pointer-events:none}
.hw-social-profile-head{height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:0 18px;background:linear-gradient(#fff3bc,#f7d172);border-bottom:2px solid #d49a39;position:relative;z-index:3}.hw-social-profile-head .hw-profile-back{width:46px;height:42px;border-radius:12px;border:2px solid #bb7826;background:linear-gradient(#ffe987,#f3bb38);box-shadow:0 3px #945a18;color:#704319;font-size:25px;font-weight:1000}.hw-social-identity{text-align:center;min-width:0}.hw-social-identity h2{display:inline;margin:0 7px;font-size:24px;color:#704217;text-shadow:0 1px #fff}.hw-social-identity h2 i{font-style:normal;color:#2eae42}.hw-social-identity>small{color:#9e763c;font-size:9px}.online-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#45c84c;box-shadow:0 0 8px #49d550}.hw-social-plan{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:9px;background:#e4ad28;color:#fff;font-size:10px;box-shadow:0 2px #986915}.hw-social-plan.premium{background:linear-gradient(#d05aff,#7d24c5);box-shadow:0 2px #561889}.hw-profile-gear{width:46px;height:42px;border:2px solid #b4741d;border-radius:12px;background:linear-gradient(#ffd957,#efa820);box-shadow:0 3px #965a14;color:#754213;font-size:24px}.hw-make-gift{justify-self:start;min-width:180px;height:42px;border:2px solid #b7741c;border-radius:12px;background:linear-gradient(#ffd65c,#efa624);box-shadow:0 3px #945817;color:#704117;font-weight:1000}.hw-make-gift.hidden{visibility:hidden}
.hw-social-stage{height:365px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#aee7ff,#d7f3ff 70%,#f6d678 70%);border-bottom:2px solid #d19b3f;overflow:hidden}.hw-social-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:75px;background:repeating-linear-gradient(90deg,#f2cf70 0 90px,#f9dc89 90px 180px);opacity:.55}.hw-social-avatar{position:relative;z-index:3;text-align:center;transform:translateY(6px)}.hw-social-avatar-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#fff7b4 0 58%,#e9aa2d 59% 64%,#a36317 65% 67%,#f8d867 68%);box-shadow:0 14px 28px #704c2d44,0 0 0 5px #fff9d9}.hw-social-avatar-ring img{width:170px;height:170px;object-fit:contain;border-radius:50%}.hw-social-avatar>strong{display:inline-block;margin-top:8px;padding:5px 14px;border-radius:15px;background:#8c541d;color:#fff5c5;box-shadow:0 3px #5e3513;font-size:12px}.hw-profile-speech{position:absolute;right:70px;top:74px;width:260px;min-height:88px;padding:18px 20px;border-radius:28px;background:#fffef4;border:2px solid #d8c38c;box-shadow:0 8px 18px #46667b26;color:#6b5b4a;font-size:15px;line-height:1.35;z-index:2}.hw-profile-speech:after{content:"";position:absolute;left:-28px;bottom:18px;border:16px solid transparent;border-right-color:#fffef4}.hw-profile-speech span{display:block;margin-top:7px;font-weight:1000}.hw-profile-confetti{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,#f85d6a 0 4px,transparent 5px),radial-gradient(circle at 81% 18%,#4ccf69 0 4px,transparent 5px),radial-gradient(circle at 22% 76%,#ffd442 0 4px,transparent 5px),radial-gradient(circle at 72% 68%,#9b69f5 0 4px,transparent 5px);background-size:150px 120px;opacity:.75}.hw-profile-gift-orb{position:absolute;z-index:4;width:72px;height:72px;border:0;border-radius:24px;background:#fff7d9;border:3px solid #c78a2d;box-shadow:0 7px 0 #8f591c,0 10px 22px #0002;display:grid;place-items:center;font-size:40px;cursor:help}.hw-profile-gift-orb img{width:58px;height:58px;border-radius:50%}.hw-profile-gift-orb.g1{left:90px;top:55px}.hw-profile-gift-orb.g2{left:155px;top:180px}.hw-profile-gift-orb.g3{right:365px;top:235px}.hw-profile-gift-orb.g4{left:265px;top:85px}.hw-profile-gift-orb.g5{right:350px;top:60px}
.hw-social-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:linear-gradient(#fff0ba,#f4cf75);border-bottom:2px solid #d79b34}.hw-social-stats>div{padding:12px 8px;text-align:center;border-right:1px solid #d9a852}.hw-social-stats>div:last-child{border-right:0}.hw-social-stats span{font-size:20px}.hw-social-stats b{display:block;font-size:16px;color:#7a4619}.hw-social-stats small{font-size:8px;color:#a07033;font-weight:1000}.hw-profile-gifts{padding:14px 18px 18px;background:linear-gradient(#f8dc8d,#efc866)}.hw-profile-gifts-title{display:flex;justify-content:space-between;align-items:center}.hw-profile-gifts-title h3{margin:0;color:#704116}.hw-profile-gifts-title span{font-size:10px;color:#8b632d}.hw-profile-gift-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.hw-received-gift{min-height:74px;display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;padding:8px;border:2px solid #d69b3c;border-radius:14px;background:linear-gradient(#fff7d0,#ffe8a7);box-shadow:0 3px #b97925}.hw-received-gift.evil{background:linear-gradient(#ffe1dd,#ffc4ba);border-color:#d86554}.hw-received-gift.avatar{background:linear-gradient(#e4f5ff,#c5e9ff);border-color:#56a9d8}.hw-received-gift.expired{filter:grayscale(.8);opacity:.55}.hw-received-gift>span{font-size:36px;text-align:center}.hw-received-gift>img{width:48px;height:48px;border-radius:50%}.hw-received-gift b,.hw-received-gift small{display:block}.hw-received-gift b{font-size:10px}.hw-received-gift small{font-size:8px;color:#967044}.hw-received-gift p{margin:3px 0 0;font-size:8px;color:#7d5530}.hw-gift-empty{grid-column:1/-1;padding:22px;border:2px dashed #c99a50;border-radius:14px;text-align:center;color:#9a713b}.hw-achievements.social{padding:14px 18px 22px;background:#f2cc6d}.hw-achievements.social h3{margin:0 0 8px}
.hw-gift-shop{min-height:100%;background:radial-gradient(circle at 50% -10%,#fff9dd,#f6d47c 56%,#edc15d);color:#684019}.hw-gift-shop>header{height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 20px;border-bottom:2px solid #d6a03f;background:linear-gradient(#fff3bf,#f6d16f)}.hw-gift-shop>header .hw-profile-back{width:46px;height:42px;border:2px solid #b77826;border-radius:12px;background:#ffe170;color:#724418;font-size:24px}.hw-gift-shop>header h2{margin:2px 0;font-size:26px}.hw-gift-shop>header small{font-size:9px;color:#a67839}.hw-gift-shop>header>img{width:62px;height:62px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 0 #b77b26}.hw-gift-shop>nav{display:flex;justify-content:center;gap:8px;padding:13px 15px}.hw-gift-shop>nav button{min-width:150px;height:40px;border:2px solid #c08a36;border-radius:17px;background:linear-gradient(#fff7d1,#f2d58d);color:#74461d;font-weight:1000}.hw-gift-shop>nav button.active{background:linear-gradient(#65d94e,#2daa31);color:#fff;border-color:#2f9a30;box-shadow:0 3px #207d25}.hw-gift-shop>nav button.evil.active{background:linear-gradient(#ef6958,#c93e36);border-color:#b33a32;box-shadow:0 3px #8d2b25}.hw-gift-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px 20px 16px}.hw-gift-card{min-height:180px;padding:12px;border:3px solid #d5a04b;border-radius:18px;background:linear-gradient(#fff9dd,#ffe7a7);box-shadow:0 5px 0 #a86b22,0 10px 20px #8b5c2b22;color:#6e431d;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.12s}.hw-gift-card:hover{transform:translateY(-2px);filter:brightness(1.03)}.hw-gift-card.selected{border-color:#55b638;box-shadow:0 5px 0 #388529,0 0 0 4px #8fdf6a88}.hw-gift-card.evil{background:linear-gradient(#ffe5df,#ffc7bd);border-color:#d56656}.hw-gift-card.avatar{background:linear-gradient(#e9f8ff,#ccecff);border-color:#67afd6}.hw-gift-card .gift-emoji{font-size:60px;filter:drop-shadow(0 5px 4px #0002)}.hw-gift-card>img{width:82px;height:82px;border-radius:50%;border:3px solid #fff;box-shadow:0 3px 0 #aa7730}.hw-gift-card>b{margin-top:8px;font-size:14px}.hw-gift-card>small{min-height:30px;margin:5px 0;font-size:9px;line-height:1.3;color:#8e683a;text-align:center}.hw-gift-card>strong{padding:5px 10px;border-radius:12px;background:#e8f4ff;color:#3279b7;font-size:12px}.hw-gift-shop>footer{position:sticky;bottom:0;padding:12px 20px 16px;border-top:2px solid #d2a044;background:#f4cf72}.hw-gift-shop textarea{width:100%;height:64px;box-sizing:border-box;resize:none;padding:10px;border:2px solid #c58c36;border-radius:12px;background:#fffdf3;color:#69441f}.hw-gift-shop footer>div{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.hw-gift-shop footer>div>span{font-size:11px}.hw-gift-shop #sendGiftButton{min-width:210px;height:46px;border:0;border-radius:12px;background:linear-gradient(#48b9f1,#1e86c9);box-shadow:0 4px #14679e;color:#fff;font-weight:1000;font-size:15px}.hw-gift-shop #sendGiftButton:disabled{filter:grayscale(1);opacity:.5}
@media(max-width:850px){.hw-profile-speech{right:20px;width:210px}.hw-profile-gift-orb.g4,.hw-profile-gift-orb.g5{display:none}.hw-social-stats{grid-template-columns:repeat(3,1fr)}.hw-profile-gift-shelf{grid-template-columns:repeat(2,1fr)}.hw-gift-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#modal[data-view="profile"] .modal-window,#modal[data-view="publicProfile"] .modal-window,#modal[data-view="giftShop"] .modal-window{width:98vw;height:96vh}.hw-social-profile-head{grid-template-columns:auto 1fr auto;padding:0 8px}.hw-make-gift{min-width:0;width:130px;font-size:9px}.hw-social-stage{height:330px}.hw-social-avatar-ring{width:160px;height:160px}.hw-social-avatar-ring img{width:132px;height:132px}.hw-profile-speech{position:absolute;right:10px;top:15px;width:155px;font-size:10px}.hw-profile-gift-orb{width:58px;height:58px;font-size:30px}.hw-profile-gift-orb.g1{left:25px}.hw-profile-gift-orb.g2{left:40px;top:180px}.hw-profile-gift-orb.g3{right:40px;top:245px}.hw-social-stats{grid-template-columns:repeat(2,1fr)}.hw-profile-gift-shelf{grid-template-columns:1fr}.hw-gift-grid{grid-template-columns:1fr}.hw-gift-shop>nav button{min-width:0;flex:1;font-size:9px}}
.arena-leader .row[data-profile-id]{cursor:pointer}.arena-leader .row[data-profile-id]:hover{background:#fff3c6;color:#6a4218}

/* === v1.13.9.12.16 — cartoon social profile / inline speech editor === */
#modal[data-view="profile"],#modal[data-view="publicProfile"],#modal[data-view="giftTarget"]{background:rgba(56,80,88,.48);backdrop-filter:blur(10px)}
#modal[data-view="profile"] .modal-window,#modal[data-view="publicProfile"] .modal-window{width:min(1040px,95vw);height:min(735px,92vh);border:4px solid #c88725;border-radius:24px;background:#f5d681;box-shadow:0 30px 85px #1633438c,0 0 0 4px #fff2bd inset,0 0 45px #ffe37b55;overflow:hidden}
#modal[data-view="profile"] .modal-close,#modal[data-view="publicProfile"] .modal-close{display:none}
#modal[data-view="profile"] #modalBody,#modal[data-view="publicProfile"] #modalBody{height:100%;overflow:auto;padding:0;scrollbar-color:#b98331 #ffe8a0}

.premium-profile-scene.hw-social-profile{min-height:100%;background:linear-gradient(180deg,#bfeeff 0 60%,#f5d579 60% 100%);color:#603a18;overflow:hidden;isolation:isolate}
.premium-profile-scene.hw-social-profile:before{content:"";position:absolute;inset:74px 0 auto;height:420px;background:radial-gradient(circle at 7% 13%,#ff6d7c 0 4px,transparent 5px),radial-gradient(circle at 16% 49%,#63d472 0 4px,transparent 5px),radial-gradient(circle at 26% 20%,#f9ca46 0 4px,transparent 5px),radial-gradient(circle at 38% 38%,#9e73f7 0 4px,transparent 5px),radial-gradient(circle at 77% 22%,#62d36e 0 4px,transparent 5px),radial-gradient(circle at 88% 46%,#f47a83 0 4px,transparent 5px),radial-gradient(circle at 95% 17%,#ffe14e 0 4px,transparent 5px);background-size:180px 170px;opacity:.88;pointer-events:none;z-index:-1}
.hw-social-profile-head{height:78px;grid-template-columns:235px minmax(0,1fr) 150px;padding:0 16px;background:linear-gradient(180deg,#fff4bf 0%,#f8d779 100%);border-bottom:3px solid #d69c36;box-shadow:0 3px 0 #fff1b0 inset,0 6px 12px #9d702424;position:sticky;top:0;z-index:20}
.hw-social-identity{text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.hw-social-identity h2{font-size:25px;color:#744218;text-shadow:0 2px #fff1bd;margin:0}.hw-social-identity>small{width:100%;margin-top:-6px;font-size:9px;color:#a37438}.hw-social-identity .online-dot{width:10px;height:10px}
.hw-profile-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.hw-profile-close,.hw-profile-gear{width:48px;height:44px;border:2px solid #bd7920;border-radius:13px;background:linear-gradient(#ffd85e,#f3a91d);box-shadow:0 4px 0 #9a5c15;color:#713e14;font-size:25px;font-weight:1000;cursor:pointer}.hw-profile-close{background:linear-gradient(#ff765b,#e54939);border-color:#c3452f;color:#fff;box-shadow:0 4px 0 #9e3025}.hw-profile-close:hover,.hw-profile-gear:hover{transform:translateY(-1px);filter:brightness(1.07)}
.hw-make-gift{display:flex;align-items:center;justify-content:center;gap:8px;justify-self:start;width:218px;min-width:218px;height:46px;border:3px solid #cf8a22;border-radius:14px;background:linear-gradient(180deg,#ffe36b 0%,#f6b526 100%);box-shadow:0 4px 0 #a26618,0 7px 15px #8b602824;color:#754315;font-size:13px;font-weight:1000;text-shadow:0 1px #fff0a9;cursor:pointer}.hw-make-gift span{font-size:21px;filter:drop-shadow(0 2px 1px #fff8)}.hw-make-gift:hover{transform:translateY(-1px);filter:brightness(1.05)}

.hw-social-stage{height:385px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#aee9ff 0%,#d8f5ff 72%,#f9db83 72%,#f4cf6d 100%);border-bottom:3px solid #d09a38;overflow:hidden}.hw-social-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.12) 8% 16%,transparent 16% 24%,rgba(255,255,255,.1) 24% 32%,transparent 32% 40%,rgba(255,255,255,.08) 40% 48%,transparent 48%);opacity:.8;pointer-events:none}.hw-social-stage:after{height:72px;background:repeating-linear-gradient(90deg,#f4d274 0 88px,#f9dd8d 88px 176px);opacity:.55;box-shadow:0 -2px #e4b850 inset}
.hw-profile-stage-title{position:absolute;left:24px;top:18px;z-index:3}.hw-profile-stage-title span{display:inline-block;padding:7px 13px;border-radius:15px;background:rgba(255,255,255,.65);border:2px solid rgba(197,144,45,.55);color:#8a5a1d;font-size:10px;font-weight:1000;box-shadow:0 3px 9px #4962721b}
.hw-social-avatar{z-index:5;transform:translateY(1px)}.hw-social-avatar-ring{width:226px;height:226px;background:radial-gradient(circle,#fff9c9 0 54%,#f5cb4e 55% 60%,#ce8520 61% 65%,#ffe688 66% 69%,#fff6c1 70%);box-shadow:0 13px 28px #6c4b2d4d,0 0 0 5px rgba(255,255,255,.88),0 0 30px #ffd34e88}.hw-social-avatar-ring img{width:184px;height:184px;filter:drop-shadow(0 9px 8px #3b58732c)}.hw-social-avatar>strong{margin-top:10px;padding:6px 16px;border-radius:16px;background:linear-gradient(#ad6b2d,#7f481a);box-shadow:0 3px #593013;color:#fff4c8;font-size:12px}
.hw-profile-stage-shadow{position:absolute;width:310px;height:35px;left:50%;bottom:55px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#71532d42 0 30%,transparent 72%);z-index:1}
.hw-profile-confetti{opacity:.8;background:radial-gradient(circle at 8% 16%,#ef6a78 0 4px,transparent 5px),radial-gradient(circle at 19% 30%,#55cc6b 0 4px,transparent 5px),radial-gradient(circle at 29% 15%,#ffcf45 0 4px,transparent 5px),radial-gradient(circle at 40% 40%,#9a70f5 0 4px,transparent 5px),radial-gradient(circle at 73% 17%,#55c967 0 4px,transparent 5px),radial-gradient(circle at 88% 32%,#f16778 0 4px,transparent 5px);background-size:180px 145px}

.hw-profile-speech{appearance:none;position:absolute;right:64px;top:68px;width:275px;min-height:112px;padding:20px 22px 18px;border-radius:28px;background:linear-gradient(180deg,#fffef7,#fff8e6);border:3px solid #d8bd7b;box-shadow:0 8px 18px #4864732d,0 2px #fff inset;color:#66594a;font:inherit;font-size:15px;line-height:1.35;text-align:left;z-index:7;cursor:default}.hw-profile-speech:after{left:-31px;bottom:24px;border-width:17px;border-right-color:#fff9e9}.hw-profile-speech.editable{cursor:pointer}.hw-profile-speech.editable:hover{border-color:#c79332;box-shadow:0 8px 18px #4864732d,0 0 0 4px #ffe08a66}.hw-profile-speech .speech-copy{display:block;min-height:42px}.hw-profile-speech .speech-notes{display:block;margin-top:8px;color:#4d463d;font-weight:1000}.hw-profile-speech>em{position:absolute;right:13px;bottom:10px;padding:3px 8px;border-radius:10px;background:#f3cc68;color:#7a521e;font-size:9px;font-style:normal;font-weight:1000}.hw-profile-speech.editing{cursor:default;padding:12px;min-height:150px}.hw-profile-speech.editing:after{display:none}.hw-profile-speech textarea{width:100%;height:76px;box-sizing:border-box;resize:none;padding:9px;border:2px solid #d2a851;border-radius:12px;background:#fffefa;color:#62451f;font:inherit;font-size:13px;outline:none}.hw-profile-speech textarea:focus{border-color:#e29724;box-shadow:0 0 0 3px #ffe19a}.speech-edit-actions{display:flex;gap:6px;margin-top:7px}.speech-edit-actions button{flex:1;height:30px;border:0;border-radius:9px;font-size:9px;font-weight:1000}.speech-edit-actions #inlineBioSave{background:linear-gradient(#59dc4f,#2caf34);color:#fff;box-shadow:0 3px #238526}.speech-edit-actions #inlineBioCancel{background:linear-gradient(#ffe38c,#eab74d);color:#724718;box-shadow:0 3px #bd8330}.hw-profile-speech.editing>small{position:absolute;right:15px;bottom:11px;color:#9d753b;font-size:8px}

.hw-profile-gift-orb{width:82px;height:82px;border-radius:27px;border:3px solid #c68c2c;background:linear-gradient(#fff8d7,#ffe58b);box-shadow:0 6px 0 #98611e,0 10px 25px #3c59643d;display:grid;place-items:center;font-size:45px;transition:.15s}.hw-profile-gift-orb:hover{transform:translateY(-4px) rotate(-2deg);filter:brightness(1.05)}.hw-profile-gift-orb>em{position:absolute;left:50%;bottom:-23px;transform:translateX(-50%);white-space:nowrap;padding:3px 7px;border-radius:9px;background:#8b5625;color:#fff5cd;font-size:8px;font-style:normal;font-weight:1000;opacity:0;transition:.15s}.hw-profile-gift-orb:hover>em{opacity:1}.hw-profile-gift-orb img{width:65px;height:65px}.hw-profile-gift-orb.g1{left:80px;top:82px}.hw-profile-gift-orb.g2{left:165px;top:218px}.hw-profile-gift-orb.g3{right:390px;top:248px}.hw-profile-gift-orb.g4{left:265px;top:42px}.hw-profile-gift-orb.g5{right:370px;top:40px}.hw-profile-gift-orb.g6{right:92px;top:240px}

.hw-social-stats{background:linear-gradient(180deg,#fff1bb,#f2c75f);border-top:1px solid #fff3c9;border-bottom:3px solid #ca8e2e}.hw-social-stats>div{padding:12px 8px 11px;border-right:2px solid #d9a74a;position:relative}.hw-social-stats>div:before{content:"";position:absolute;left:12px;right:12px;top:5px;height:1px;background:#fff9d5aa}.hw-social-stats span{font-size:22px}.hw-social-stats b{font-size:17px;color:#7c4518;text-shadow:0 1px #fff0b5}.hw-social-stats small{font-size:8px;letter-spacing:.05em;color:#9a672b}
.hw-profile-gifts{padding:14px 18px 18px;background:linear-gradient(180deg,#f9dc87,#efc45d)}.hw-profile-gifts-title h3{font-size:17px}.hw-profile-gift-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hw-received-gift{min-height:72px;border-radius:15px;border:2px solid #d79e3e;background:linear-gradient(#fff7d7,#ffe599);box-shadow:0 3px #b87723,0 7px 13px #98611a1f}.hw-gift-empty{display:flex;align-items:center;justify-content:center;gap:11px;min-height:62px;padding:11px;border:2px dashed #c79745;background:#f8dda055}.hw-gift-empty>span{font-size:28px}.hw-gift-empty>b,.hw-gift-empty>small{display:block}.hw-gift-empty>small{font-size:9px;color:#9b7138}
.hw-achievements.social{background:linear-gradient(#efc85f,#e8b84b);border-top:2px solid #ca8d2c}

/* Gift target picker when clicking gift button on own profile */
#modal[data-view="giftTarget"] .modal-window{width:min(720px,94vw);max-height:84vh;padding:0;border:4px solid #bd7925;border-radius:24px;background:#f6d479;box-shadow:0 28px 80px #17334080,0 0 0 4px #fff1bb inset;overflow:hidden}#modal[data-view="giftTarget"] .modal-close{display:none}#modal[data-view="giftTarget"] #modalBody{padding:0;max-height:84vh;overflow:auto}.hw-gift-target-picker{min-height:440px;background:linear-gradient(#fff1b9,#f1c65d);color:#684019}.hw-gift-target-picker>header{height:92px;display:grid;grid-template-columns:55px 1fr 60px;align-items:center;padding:0 18px;background:linear-gradient(#fff6cb,#f5d171);border-bottom:3px solid #d39a37}.hw-gift-target-picker>header>button{width:46px;height:42px;border:2px solid #b67822;border-radius:12px;background:linear-gradient(#ffe883,#f1b939);box-shadow:0 3px #945915;color:#714016;font-size:24px;font-weight:1000}.hw-gift-target-picker>header h2{margin:2px 0;font-size:24px}.hw-gift-target-picker>header small{font-size:8px;color:#a17336}.hw-gift-target-picker>header p{margin:0;font-size:10px;color:#93672e}.hw-gift-target-picker>header>span{font-size:42px;filter:drop-shadow(0 4px 3px #81511c44)}.gift-target-list{display:grid;gap:9px;padding:16px}.gift-target-list>button{height:68px;display:grid;grid-template-columns:40px 54px 1fr auto;gap:10px;align-items:center;padding:6px 14px;border:2px solid #d49a3b;border-radius:15px;background:linear-gradient(#fff7d7,#ffe69c);box-shadow:0 3px #b77523;color:#6d421c;text-align:left;cursor:pointer}.gift-target-list>button:hover{transform:translateY(-1px);filter:brightness(1.04)}.gift-target-list>button>strong{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#efb631;color:#fff;box-shadow:0 2px #aa6b1e}.gift-target-list>button>img{width:48px;height:48px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 0 #bd7d29}.gift-target-list>button b,.gift-target-list>button small{display:block}.gift-target-list>button b{font-size:14px}.gift-target-list>button small{font-size:9px;color:#9d7139}.gift-target-list>button em{padding:7px 12px;border-radius:10px;background:linear-gradient(#43bff2,#238bc8);box-shadow:0 3px #176c9e;color:#fff;font-size:9px;font-style:normal;font-weight:1000}.gift-target-empty{text-align:center;padding:55px 20px;color:#8b632e}.gift-target-empty>span{display:block;font-size:58px}.gift-target-empty>b{font-size:18px}.gift-target-empty>p{max-width:430px;margin:8px auto;font-size:11px}

@media(max-width:900px){.hw-social-profile-head{grid-template-columns:190px 1fr 110px}.hw-make-gift{width:180px;min-width:180px;font-size:11px}.hw-profile-speech{right:28px;width:235px}.hw-profile-gift-orb.g5,.hw-profile-gift-orb.g6{display:none}}
@media(max-width:650px){#modal[data-view="profile"] .modal-window,#modal[data-view="publicProfile"] .modal-window{width:98vw;height:96vh}.hw-social-profile-head{height:70px;grid-template-columns:145px 1fr 90px;padding:0 8px}.hw-make-gift{width:138px;min-width:138px;height:40px;font-size:8px}.hw-make-gift span{font-size:16px}.hw-profile-close,.hw-profile-gear{width:38px;height:38px;font-size:19px}.hw-social-identity h2{font-size:18px}.hw-social-stage{height:330px}.hw-social-avatar-ring{width:170px;height:170px}.hw-social-avatar-ring img{width:138px;height:138px}.hw-profile-speech{right:8px;top:20px;width:165px;min-height:88px;padding:12px;font-size:10px}.hw-profile-gift-orb{width:56px;height:56px;font-size:29px}.hw-profile-gift-orb.g1{left:18px;top:82px}.hw-profile-gift-orb.g2{left:35px;top:210px}.hw-profile-gift-orb.g3{right:32px;top:240px}.hw-profile-gift-orb.g4,.hw-profile-gift-orb.g5,.hw-profile-gift-orb.g6{display:none}.hw-social-stats{grid-template-columns:repeat(2,1fr)}.hw-profile-gift-shelf{grid-template-columns:1fr}.gift-target-list>button{grid-template-columns:32px 48px 1fr}.gift-target-list>button em{display:none}}

/* === v1.13.9.12.19 — HONEY PREMIUM MAIN LOBBY === */
#menu.lobby{
  background:
    radial-gradient(circle at 50% -18%,rgba(255,238,174,.9),transparent 48%),
    linear-gradient(180deg,#f4dda0 0%,#e8c46b 100%)!important;
}
#menu .legacy-shell{
  background:
    linear-gradient(180deg,rgba(255,196,55,.10),transparent 24%),
    linear-gradient(180deg,#7d4209 0%,#5f3009 100%)!important;
  border-color:#a75f0b!important;
  box-shadow:0 20px 55px rgba(72,43,12,.32),inset 0 0 0 4px #efb739,inset 0 0 0 7px #7b3b08!important;
}
#menu .legacy-shell:before{border-color:rgba(255,219,108,.75)!important}
#menu .shell-glow{background:radial-gradient(circle,rgba(255,239,176,.55) 0,rgba(255,223,118,.18) 48%,transparent 74%)!important}

/* premium dark-honey header */
#menu .topbar{gap:10px!important}
#menu .top-profile,
#menu .walletbar{
  background:linear-gradient(180deg,#6a3408 0%,#3e1f08 100%)!important;
  border-color:#d18a18!important;
  box-shadow:inset 0 1px 0 rgba(255,223,120,.72),0 4px 0 #3c1d05,0 7px 15px rgba(55,28,5,.22)!important;
  color:#fff1bc!important;
}
#menu .top-profile-copy b{color:#fff4c7!important;text-shadow:0 2px rgba(67,31,5,.7)!important}
#menu .top-profile-copy span{color:#e8c16a!important}
#menu .level-pill{background:linear-gradient(#8a5a13,#6c3908)!important;border:1px solid #da9b23!important;color:#ffe89b!important;box-shadow:inset 0 1px #ffd86f!important}
#menu .walletbar{padding:5px 8px!important;gap:8px!important}
#menu .wallet-chip{
  background:linear-gradient(180deg,#6f3909 0%,#482307 100%)!important;
  border-color:#bd7210!important;
  box-shadow:inset 0 1px 0 rgba(255,217,111,.6),0 2px 0 #2e1604!important;
}
#menu .wallet-chip b{color:#ffe9a7!important;text-shadow:0 2px #281304!important}
#menu .wallet-chip button{background:linear-gradient(#ffbf32,#ea8e0f)!important;box-shadow:0 3px #9b4d05!important;color:#fff9d5!important}
#menu .honey-drop{color:#f5b018!important;text-shadow:0 0 4px #ffda6a!important}
#menu .buy-main{background:linear-gradient(#66d63d,#2c9d22)!important;border:1px solid #b4e157!important;box-shadow:0 4px #1d6919,inset 0 2px rgba(255,255,255,.35)!important}
#menu .square-action{background:linear-gradient(#ffd970,#e8a32c)!important;border-color:#a95f0b!important;box-shadow:0 4px #7c3e07,inset 0 2px #fff1ae!important;color:#6b3507!important}
#menu .square-action.daily{color:#d1325d!important}

/* illustrated left promos */
#menu .left-rail{gap:14px!important}
#menu .legacy-promo{
  border:3px solid #d99826!important;
  box-shadow:0 5px 0 #6f3507,0 10px 22px rgba(46,25,8,.30),inset 0 0 0 1px rgba(255,226,141,.48)!important;
  border-radius:16px!important;
}
#menu .wheel-promo{
  background:linear-gradient(180deg,#4b174e 0%,#21091f 100%)!important;
  padding:13px 10px 12px!important;
}
#menu .wheel-promo>b{font-size:19px!important;color:#fff4d6!important;text-shadow:0 2px 3px #250718!important}
#menu .wheel-promo>small{color:#e6cde6!important;font-size:10px!important}
#menu .wheel-promo .promo-wheel-art{
  height:158px!important;
  margin:7px 0 8px!important;
  border:0!important;
  border-radius:10px!important;
  box-shadow:0 4px 12px rgba(0,0,0,.45)!important;
  background:#260a28!important;
}
#menu .wheel-promo .promo-wheel-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
#menu .wheel-promo .promo-button{min-width:145px!important;padding:7px 20px!important;background:linear-gradient(#66d83e,#2f9f21)!important;box-shadow:0 4px #1c6916!important;border:1px solid #8de265!important;color:#fff!important}
#menu .ribbon{z-index:5!important;top:8px!important;background:linear-gradient(#ffd357,#ef9e13)!important;color:#70400b!important}
#menu .ribbon.red{background:linear-gradient(#ff6043,#d62c22)!important;color:#fff!important}
#menu .boss-promo{
  background:linear-gradient(180deg,#35170f 0%,#160c0a 100%)!important;
  padding:12px 10px 12px!important;
}
#menu .boss-robot{width:100%!important;height:148px!important;margin:5px 0 3px!important;display:block!important;overflow:hidden!important;border-radius:10px!important;background:#1c0c08!important}
#menu .boss-robot:before,#menu .boss-robot:after,#menu .boss-robot .eye,#menu .boss-robot .body{display:none!important}
#menu .boss-robot img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}
#menu .boss-promo>b{font-size:20px!important;color:#fff7e9!important;text-shadow:0 3px 4px #000!important}
#menu .boss-promo>small{margin-top:3px!important;color:#ffd85f!important;font-size:10px!important}

/* central honey card */
#menu .main-stage{
  grid-template-rows:54px 205px 101px 78px 1fr!important;
  background:
    radial-gradient(circle at 50% 18%,rgba(255,248,209,.78),transparent 43%),
    linear-gradient(180deg,#ffe9a4 0%,#f2c85f 100%)!important;
  border-color:#b96d10!important;
  box-shadow:inset 0 0 0 3px #fff1b4,0 5px #693505,0 10px 24px rgba(77,42,7,.17)!important;
}
#menu .profile-strip{border-bottom-color:#c88c29!important}
#menu .rating-badge{background:linear-gradient(#fff2bf,#f4cf74)!important;border-color:#c6801f!important;box-shadow:inset 0 1px #fff9de,0 2px rgba(134,75,10,.16)!important}
#menu .xp-track{background:#a76c19!important;border-color:#7e450b!important;box-shadow:inset 0 2px 4px rgba(65,33,2,.42)!important}
#menu .xp-track i{background:linear-gradient(#7ee24d,#2ea62b)!important}
#menu .vip-plan-button{width:78px!important;background:linear-gradient(#ffd35b,#e79818)!important;border-color:#925108!important;color:#673307!important;box-shadow:0 3px #874506,inset 0 2px #fff09a!important}

#menu .equip-tile{
  background:linear-gradient(180deg,#fff1ba 0%,#efc45f 100%)!important;
  border-color:#b86c0e!important;
  box-shadow:0 4px #8b4b09,inset 0 2px #fff7d2!important;
}
#menu .vip-tile{background:linear-gradient(180deg,#e49e20 0%,#a85d08 100%)!important;color:#fff2b6!important;border-color:#8c4907!important}
#menu .vip-tile small{color:#ffe0a2!important}

/* arrows: symmetric and centered, no left drift */
#menu .character-stage{grid-template-columns:58px minmax(0,1fr) 58px!important;gap:4px!important;overflow:visible!important}
#menu .skin-arrow{
  width:48px!important;height:60px!important;margin:0!important;padding:0!important;
  justify-self:center!important;align-self:center!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  transform:none!important;border:2px solid #c07a13!important;border-radius:50%!important;
  background:linear-gradient(#ffe79b,#e9b13d)!important;color:#6f3808!important;font-size:42px!important;line-height:48px!important;
  box-shadow:0 4px #8b4a08,inset 0 2px #fff5c7!important;
}
#menu .skin-arrow:hover{transform:translateY(-2px)!important;filter:brightness(1.05)!important}
#menu #prevSkin{justify-self:center!important}
#menu #nextSkin{justify-self:center!important}

#menu .loadout-zone,#menu .chests-zone{border-color:#c9902f!important}
#menu .mini-item{background:linear-gradient(#fff1b8,#edbf54)!important;border-color:#a9610d!important;box-shadow:0 4px #824307,inset 0 2px #fff7d0!important}
#menu .chest-slot{color:#633607!important}

/* play/mode area: clean separation, no text collision */
#menu .play-zone{grid-template-columns:1fr 410px 1fr!important;grid-template-rows:22px 58px 54px!important;row-gap:5px!important;padding-top:1px!important}
#menu .plan-lobby-status{grid-row:1!important;line-height:1!important}
#menu .play-zone .play-btn{grid-row:2!important;height:52px!important;background:linear-gradient(#75dd30,#2d9e1c)!important;border:1px solid #82dd4d!important;box-shadow:0 5px #1d6515,inset 0 3px rgba(255,255,255,.28)!important;font-size:21px!important}
#menu .mode-tabs{grid-row:3!important;align-self:center!important;gap:10px!important;margin-top:2px!important;position:relative!important;z-index:3!important}
#menu .mode-tabs button{height:48px!important;min-width:175px!important;border-color:#a85d0c!important;background:linear-gradient(#ffd877,#e8a730)!important;box-shadow:0 4px #773d06,inset 0 1px #fff3ba!important;font-size:14px!important}
#menu .mode-tabs button.active{background:linear-gradient(#6ad238,#26951d)!important;border-color:#2d801f!important;box-shadow:0 4px #176015,inset 0 2px rgba(255,255,255,.25)!important}
#menu .mode-icon{font-size:20px!important}

/* right rating panel: honey/cream instead of blue */
#menu .daily-leaders-card{
  border:3px solid #d39225!important;
  background:
    radial-gradient(circle at 50% 0,rgba(255,255,255,.65),transparent 31%),
    linear-gradient(180deg,#fff0b6 0%,#eec567 100%)!important;
  box-shadow:0 5px 0 #6d3607,0 11px 20px rgba(55,31,7,.22),inset 0 0 0 2px rgba(255,246,205,.7)!important;
  color:#70400b!important;text-shadow:none!important;padding:13px 11px 11px!important;
}
#menu .daily-leaders-card:before{background:linear-gradient(140deg,rgba(255,255,255,.28),transparent 36%)!important}
#menu .daily-leaders-head{border-bottom-color:#d5a54d!important}
#menu .daily-crown{background:linear-gradient(#ffe987,#e8ad29)!important;border-color:#fff4bd!important;color:#784009!important;box-shadow:0 3px #8b4e0a,0 0 13px rgba(255,214,85,.55)!important}
#menu .daily-leaders-head small{color:#a06a21!important}
#menu .daily-leaders-head h2{color:#7c4207!important;text-shadow:none!important}
#menu .daily-leaders-head p{color:#8a5818!important}
#menu .daily-top-rule{background:linear-gradient(180deg,rgba(255,249,222,.92),rgba(245,214,145,.86))!important;border-color:#d5a04a!important;color:#71430e!important;text-shadow:none!important}
#menu .daily-top-rule span{color:#b77712!important}
#menu .daily-top-list{gap:6px!important}
#menu .daily-top-row,
#menu .daily-top-row.rank-1,
#menu .daily-top-row.rank-2,
#menu .daily-top-row.rank-3{
  height:49px!important;
  background:linear-gradient(180deg,#fff9e8 0%,#f6e0a9 100%)!important;
  border:1px solid #d9ae60!important;color:#633b0b!important;text-shadow:none!important;
  box-shadow:0 2px 3px rgba(121,69,10,.12),inset 0 1px #fff!important;
}
#menu .daily-top-row.rank-1{background:linear-gradient(180deg,#fff5ba,#f5ce69)!important;border-color:#d79e28!important}
#menu .daily-rank{color:#7b450b!important}
#menu .daily-top-row>img{background:#f7d77f!important;border-color:#fff5c7!important}
#menu .daily-player-name b{color:#5e3608!important}
#menu .daily-player-name small{color:#956a2d!important}
#menu .daily-top-row>strong{color:#7d4a0e!important}
#menu .daily-top-empty,#menu .daily-top-empty.compact{color:#7a4b12!important;background:rgba(255,247,218,.66)!important;border-color:#d9ac5a!important;text-shadow:none!important}
#menu .daily-top-footer{border-top-color:#d4a34c!important;color:#74440d!important}
#menu .daily-top-footer #dailyTopSelf{color:#74440d!important}
#menu .daily-top-footer b{background:linear-gradient(#ffd75f,#e9a522)!important;color:#6f3906!important;border:1px solid #b56b0c!important}
#menu .daily-top-placeholder{opacity:.75!important;background:linear-gradient(#fff8e5,#efdca8)!important;border-color:#d7b06a!important}
#menu .daily-avatar-placeholder{background:#e8c56f!important;color:#8c5b18!important;border-color:#fff0b3!important}

/* footer sits below mode tabs, not on top of them */
#menu .lobby-footer{color:#f3cd70!important;padding:3px 10px 0!important;line-height:1!important}
#menu .footer-tip{color:#deb45b!important;opacity:1!important;transform:translateY(3px)!important}
#menu .footer-buttons button{background:linear-gradient(#ffd978,#e4a32b)!important;border-color:#9c5609!important;color:#633206!important}

@media(max-width:1180px){
  #menu .wheel-promo .promo-wheel-art{height:145px!important}
  #menu .boss-robot{height:136px!important}
  #menu .mode-tabs button{min-width:145px!important;font-size:12px!important}
  #menu .character-stage{grid-template-columns:52px minmax(0,1fr) 52px!important}
  #menu .skin-arrow{width:44px!important;height:56px!important}
}

/* ===== v80: center rebuilt to match the approved honey reference ===== */
#menu .main-stage{
  grid-template-rows:58px 235px 100px 80px minmax(98px,1fr)!important;
  gap:6px!important;
  padding:9px 14px 10px!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,252,224,.92),transparent 40%),
    linear-gradient(180deg,#ffe9a5 0%,#f3ca67 100%)!important;
}
#menu .profile-strip{
  grid-template-columns:112px minmax(0,1fr) 92px!important;
  gap:14px!important;
  padding:0 7px!important;
}
#menu .rating-badge{height:48px!important;padding:5px 6px!important;border-radius:10px!important}
#menu .rating-badge span{font-size:10px!important}
#menu .rating-badge b{font-size:22px!important;line-height:1.05!important}
#menu .xp-block{gap:12px!important}
#menu .xp-copy{width:96px!important}
#menu .xp-copy b{font-size:11px!important}
#menu .xp-copy span{font-size:13px!important}
#menu .xp-track{height:20px!important;border-radius:11px!important}
#menu .vip-plan-button{
  width:88px!important;height:46px!important;
  border-radius:11px!important;font-size:12px!important;line-height:1.05!important;
}

#menu .character-zone{
  grid-template-columns:145px minmax(0,1fr) 145px!important;
  gap:12px!important;
  align-items:center!important;
  border-bottom:1px solid rgba(190,126,27,.55)!important;
  padding-bottom:5px!important;
}
#menu .equip-column{gap:10px!important}
#menu .equip-tile{
  height:104px!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  padding:10px!important;
  border-radius:14px!important;
}
#menu .equip-tile img,#menu .equip-icon{width:48px!important;height:48px!important;font-size:32px!important}
#menu .equip-tile b{font-size:15px!important;line-height:1.05!important}
#menu .equip-tile small{font-size:10px!important;line-height:1.12!important}
#menu .vip-tile{
  background:
    radial-gradient(circle at 35% 25%,rgba(255,213,93,.25),transparent 36%),
    linear-gradient(180deg,#c87b0b 0%,#8d4705 100%)!important;
  box-shadow:0 5px #683305,inset 0 2px rgba(255,225,130,.5)!important;
}
#menu .crown-icon{font-size:34px!important;color:#ffe068!important;text-shadow:0 2px #7c4207!important}

#menu .character-stage{
  grid-template-columns:62px minmax(0,1fr) 62px!important;
  gap:8px!important;
  min-width:0!important;
}
#menu .skin-arrow{
  width:56px!important;height:66px!important;
  border-radius:50%!important;font-size:50px!important;line-height:58px!important;
  background:linear-gradient(180deg,#fff0aa,#e9b240)!important;
  border:2px solid #bd7410!important;
  box-shadow:0 5px #874607,inset 0 2px #fff7ce,0 5px 10px rgba(97,55,8,.12)!important;
}
#menu .avatar-stack{height:226px!important;overflow:visible!important}
#menu .avatar-aura{width:218px!important;height:218px!important}
#menu .avatar-button{width:205px!important;height:205px!important;filter:drop-shadow(0 9px 6px rgba(99,60,14,.27))!important}
#menu .hat-visual{width:118px!important;height:66px!important;left:43px!important;top:-30px!important}
#menu .hat-visual:before{left:17px!important;top:13px!important;width:83px!important;height:42px!important}
#menu .hat-visual:after{left:4px!important;bottom:4px!important;width:110px!important;height:16px!important}
#menu .avatar-bow{left:72px!important;bottom:-16px!important;width:61px!important;height:34px!important}
#menu .avatar-medal{right:-1px!important;bottom:20px!important;width:43px!important;height:43px!important;font-size:20px!important}
#menu .avatar-floor{width:215px!important;height:29px!important;bottom:0!important}

#menu .loadout-zone{
  padding-top:4px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(190,126,27,.5)!important;
}
#menu .section-label{height:27px!important;margin-bottom:1px!important}
#menu .section-label span{font-size:13px!important;color:#72410a!important;letter-spacing:.02em!important}
#menu .section-label small{font-size:8.5px!important;color:#9b6b25!important}
#menu .loadout-preview{height:70px!important;gap:9px!important;align-items:flex-start!important}
#menu .mini-item{
  width:82px!important;height:70px!important;
  border-radius:12px!important;
  border-width:2px!important;
  box-shadow:0 4px #824307,inset 0 2px #fff7d0,0 4px 8px rgba(98,53,7,.12)!important;
}
#menu .mini-item img{width:49px!important;height:49px!important}
#menu .mini-item b{font-size:12px!important;min-width:24px!important}
#menu .slot-key{width:22px!important;height:22px!important;font-size:12px!important}

#menu .chests-zone{
  gap:14px!important;
  padding-top:6px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(190,126,27,.44)!important;
}
#menu .chest-slot{
  width:118px!important;height:70px!important;
  grid-template-columns:60px minmax(0,1fr)!important;
}
#menu .chest-3d{width:56px!important;height:46px!important;border-radius:7px!important}
#menu .chest-3d:before{top:18px!important;height:6px!important}
#menu .chest-3d i{left:21px!important;top:16px!important;width:10px!important;height:14px!important}
#menu .chest-slot b{font-size:11px!important}
#menu .chest-slot small{font-size:9px!important}

#menu .play-zone{
  grid-template-columns:1fr minmax(470px,520px) 1fr!important;
  grid-template-rows:20px 62px 52px!important;
  row-gap:5px!important;
  padding-top:2px!important;
  overflow:visible!important;
}
#menu .plan-lobby-status{
  font-size:10px!important;color:#77430b!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
}
#menu .plan-lobby-status small{font-size:8.5px!important}
#menu .play-zone .play-btn{
  width:100%!important;height:58px!important;
  border-radius:13px!important;font-size:24px!important;letter-spacing:.01em!important;
  background:linear-gradient(180deg,#77df32 0%,#2d9f18 100%)!important;
  box-shadow:0 6px #1d6813,inset 0 3px rgba(255,255,255,.34),0 6px 12px rgba(52,83,16,.16)!important;
}
#menu .play-zone .play-btn i{font-size:26px!important;margin-left:15px!important}
#menu .mode-tabs{
  gap:9px!important;margin-top:0!important;align-self:center!important;
  transform:translateY(1px)!important;
}
#menu .mode-tabs button{
  height:50px!important;min-width:185px!important;
  border-radius:12px!important;font-size:15px!important;
}
#menu .mode-icon{font-size:21px!important}

/* extra crispness and proportions for medium desktop resolutions */
@media(max-width:1320px){
  #menu .character-zone{grid-template-columns:138px minmax(0,1fr) 138px!important;gap:9px!important}
  #menu .equip-tile{height:100px!important;padding:8px!important}
  #menu .avatar-button{width:196px!important;height:196px!important}
  #menu .avatar-aura{width:208px!important;height:208px!important}
  #menu .avatar-stack{height:218px!important}
  #menu .mini-item{width:78px!important}
  #menu .play-zone{grid-template-columns:1fr minmax(430px,490px) 1fr!important}
  #menu .mode-tabs button{min-width:168px!important}
}

@media(max-width:1180px){
  #menu .main-stage{grid-template-rows:54px 218px 94px 74px minmax(94px,1fr)!important}
  #menu .character-zone{grid-template-columns:126px minmax(0,1fr) 126px!important;gap:7px!important}
  #menu .equip-tile{height:94px!important;grid-template-columns:44px 1fr!important;padding:7px!important}
  #menu .equip-tile img,#menu .equip-icon{width:42px!important;height:42px!important}
  #menu .equip-tile b{font-size:13px!important}
  #menu .equip-tile small{font-size:9px!important}
  #menu .character-stage{grid-template-columns:54px minmax(0,1fr) 54px!important}
  #menu .skin-arrow{width:48px!important;height:58px!important;font-size:44px!important}
  #menu .avatar-button{width:182px!important;height:182px!important}
  #menu .avatar-aura{width:194px!important;height:194px!important}
  #menu .avatar-stack{height:202px!important}
  #menu .hat-visual{transform:scale(.9)!important}
  #menu .avatar-bow{transform:scale(.9)!important}
  #menu .avatar-medal{transform:scale(.9)!important}
  #menu .mini-item{width:70px!important;height:64px!important}
  #menu .mini-item img{width:44px!important;height:44px!important}
  #menu .chest-slot{width:104px!important}
  #menu .play-zone{grid-template-columns:1fr minmax(390px,450px) 1fr!important}
  #menu .mode-tabs button{min-width:150px!important;height:46px!important;font-size:13px!important}
}


/* ===== v81 REAL CENTER REBUILD: match approved center reference ===== */
#menu .legacy-shell{
  width:min(1320px,99vw)!important;
  height:min(790px,98.5vh)!important;
  grid-template-columns:250px minmax(700px,1fr) 250px!important;
  grid-template-rows:58px minmax(0,1fr) 28px!important;
  gap:8px!important;
  padding:10px!important;
}
#menu .topbar{
  grid-template-columns:250px minmax(0,1fr) 190px!important;
  gap:8px!important;
}
#menu .top-profile,#menu .walletbar,#menu .top-actions{height:52px!important}
#menu .left-rail,#menu .right-rail{gap:10px!important}

/* center card gets the height that the reference actually uses */
#menu .main-stage{
  grid-template-rows:58px 235px 100px 78px minmax(146px,1fr)!important;
  gap:6px!important;
  padding:8px 14px 8px!important;
  border-radius:18px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,252,224,.96),transparent 39%),
    linear-gradient(30deg,rgba(255,255,255,.055) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.055) 87.5%,rgba(255,255,255,.055)),
    linear-gradient(150deg,rgba(255,255,255,.045) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.045) 87.5%,rgba(255,255,255,.045)),
    linear-gradient(180deg,#ffecae 0%,#f3c967 100%)!important;
  background-size:auto,24px 42px,24px 42px,auto!important;
}
#menu .profile-strip{
  grid-template-columns:118px minmax(0,1fr) 96px!important;
  gap:14px!important;
  padding:0 8px 4px!important;
  border-bottom:2px solid #d09a38!important;
}
#menu .rating-badge{height:50px!important;border-radius:11px!important}
#menu .rating-badge span{font-size:11px!important}
#menu .rating-badge b{font-size:24px!important}
#menu .xp-copy{width:98px!important}
#menu .xp-copy b{font-size:11px!important;letter-spacing:.04em!important}
#menu .xp-copy span{font-size:13px!important}
#menu .xp-track{height:20px!important}
#menu .vip-plan-button{width:92px!important;height:48px!important;font-size:12px!important}

/* character area: larger side cards + true centered avatar/arrows */
#menu .character-zone{
  grid-template-columns:158px minmax(0,1fr) 158px!important;
  gap:13px!important;
  align-items:center!important;
  padding:2px 0 6px!important;
  border-bottom:1px solid rgba(190,126,27,.52)!important;
}
#menu .equip-column{gap:10px!important}
#menu .equip-tile{
  height:104px!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  grid-template-rows:1fr 1fr!important;
  column-gap:8px!important;
  padding:10px 10px!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#fff0b2 0%,#f2c75d 100%)!important;
  border:2px solid #bd7714!important;
  box-shadow:0 4px #884706,inset 0 2px rgba(255,255,255,.72)!important;
}
#menu .equip-tile img,#menu .equip-icon{
  grid-row:1/3!important;
  align-self:center!important;
  width:52px!important;height:52px!important;
  font-size:34px!important;
}
#menu .equip-tile b{font-size:15px!important;align-self:end!important;line-height:1.05!important}
#menu .equip-tile small{font-size:9.5px!important;line-height:1.1!important;align-self:start!important}
#menu .vip-tile{
  background:
    radial-gradient(circle at 28% 28%,rgba(255,226,101,.24),transparent 40%),
    linear-gradient(180deg,#d18a12 0%,#955006 100%)!important;
  color:#fff5c7!important;
}
#menu .vip-tile b{font-size:15px!important}
#menu .vip-tile small{color:#ffe3a2!important}

#menu .character-stage{
  grid-template-columns:64px minmax(220px,1fr) 64px!important;
  gap:10px!important;
  min-width:0!important;
  align-items:center!important;
}
#menu .skin-arrow{
  width:60px!important;height:70px!important;
  display:grid!important;place-items:center!important;
  margin:0!important;padding:0 0 6px!important;
  border-radius:50%!important;
  font-size:52px!important;line-height:1!important;
  transform:none!important;
  justify-self:center!important;
}
#menu #prevSkin,#menu #nextSkin{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}
#menu .avatar-stack{height:228px!important;min-width:220px!important;overflow:visible!important}
#menu .avatar-aura{width:222px!important;height:222px!important}
#menu .avatar-button{width:214px!important;height:214px!important}
#menu .hat-visual{width:122px!important;height:68px!important;left:46px!important;top:-31px!important}
#menu .hat-visual:before{left:18px!important;top:13px!important;width:86px!important;height:43px!important}
#menu .hat-visual:after{left:4px!important;bottom:4px!important;width:114px!important;height:16px!important}
#menu .avatar-bow{left:76px!important;bottom:-17px!important;width:62px!important;height:35px!important}
#menu .avatar-medal{right:-2px!important;bottom:19px!important;width:44px!important;height:44px!important;font-size:20px!important}
#menu .avatar-floor{width:224px!important;height:30px!important;bottom:-1px!important}

/* reference-style inventory heading with lines on both sides */
#menu .loadout-zone{
  padding-top:3px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(190,126,27,.5)!important;
  overflow:visible!important;
}
#menu .section-label{
  height:28px!important;
  margin-bottom:2px!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  grid-template-rows:16px 10px!important;
  column-gap:12px!important;
  align-items:center!important;
}
#menu .section-label:before,#menu .section-label:after{
  content:""!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#b97718)!important;
  grid-row:1!important;
}
#menu .section-label:after{background:linear-gradient(90deg,#b97718,transparent)!important}
#menu .section-label span{grid-column:2!important;grid-row:1!important;font-size:14px!important;font-weight:1000!important}
#menu .section-label small{grid-column:1/4!important;grid-row:2!important;font-size:8px!important;text-align:center!important}
#menu .loadout-preview{
  height:70px!important;
  gap:10px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
#menu .mini-item{
  width:86px!important;height:72px!important;
  border-radius:12px!important;
  box-shadow:0 4px #824307,inset 0 2px #fff7d0,0 4px 8px rgba(98,53,7,.12)!important;
}
#menu .mini-item img{width:51px!important;height:51px!important}
#menu .mini-item b{font-size:12px!important}
#menu .slot-key{width:23px!important;height:23px!important;font-size:12px!important}

/* chests get the same visual weight as the reference */
#menu .chests-zone{
  gap:16px!important;
  padding:7px 0 4px!important;
  justify-content:center!important;
  border-bottom:1px solid rgba(190,126,27,.44)!important;
}
#menu .chest-slot{
  width:128px!important;height:68px!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  column-gap:4px!important;
}
#menu .chest-3d{width:60px!important;height:49px!important}
#menu .chest-slot b{font-size:11px!important}
#menu .chest-slot small{font-size:9px!important}

/* play block: no overlapping helper text and tabs live below the button */
#menu .play-zone{
  grid-template-columns:1fr minmax(520px,560px) 1fr!important;
  grid-template-rows:22px 64px 54px!important;
  row-gap:6px!important;
  padding-top:3px!important;
  overflow:visible!important;
  align-content:start!important;
}
#menu .plan-lobby-status{
  grid-column:1/4!important;
  grid-row:1!important;
  font-size:10.5px!important;
  line-height:1!important;
}
#menu .plan-lobby-status small{font-size:8.5px!important}
#menu .play-zone .play-btn{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;height:62px!important;
  border-radius:14px!important;
  font-size:26px!important;
  box-shadow:0 6px #1d6813,inset 0 3px rgba(255,255,255,.34),0 6px 12px rgba(52,83,16,.16)!important;
}
#menu .play-zone .play-btn i{font-size:27px!important;margin-left:16px!important}
#menu .mode-tabs{
  grid-column:1/4!important;
  grid-row:3!important;
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  transform:none!important;
  align-self:start!important;
}
#menu .mode-tabs button{
  min-width:190px!important;height:52px!important;
  border-radius:12px!important;
  font-size:15px!important;
  margin:0!important;
}
#menu .mode-icon{font-size:21px!important}

/* footer stays below tabs, never over text */
#menu .lobby-footer{height:24px!important;min-height:24px!important;padding-top:2px!important}
#menu .footer-tip{transform:none!important;font-size:9px!important}

@media(max-width:1220px){
  #menu .legacy-shell{grid-template-columns:232px minmax(650px,1fr) 232px!important;width:min(1210px,99vw)!important}
  #menu .topbar{grid-template-columns:232px minmax(0,1fr) 176px!important}
  #menu .character-zone{grid-template-columns:145px minmax(0,1fr) 145px!important;gap:9px!important}
  #menu .equip-tile{height:100px!important;grid-template-columns:50px 1fr!important;padding:8px!important}
  #menu .character-stage{grid-template-columns:58px minmax(200px,1fr) 58px!important;gap:7px!important}
  #menu .skin-arrow{width:54px!important;height:64px!important;font-size:48px!important}
  #menu .avatar-button{width:202px!important;height:202px!important}
  #menu .avatar-aura{width:210px!important;height:210px!important}
  #menu .avatar-stack{height:216px!important}
  #menu .mini-item{width:78px!important}
  #menu .chest-slot{width:116px!important}
  #menu .play-zone{grid-template-columns:1fr minmax(460px,510px) 1fr!important}
  #menu .mode-tabs button{min-width:170px!important}
}

/* ===== v82: deeper honey center + real reward chest slots ===== */
#menu .main-stage{
  grid-template-rows:58px 225px 104px 98px minmax(132px,1fr)!important;
  gap:6px!important;
  background:
    radial-gradient(circle at 50% 12%,rgba(255,239,158,.52),transparent 34%),
    linear-gradient(30deg,rgba(255,244,177,.10) 12%,transparent 12.5%,transparent 87%,rgba(255,244,177,.10) 87.5%),
    linear-gradient(150deg,rgba(255,244,177,.08) 12%,transparent 12.5%,transparent 87%,rgba(255,244,177,.08) 87.5%),
    linear-gradient(180deg,#f7c84c 0%,#e6a628 52%,#c8790d 100%)!important;
  background-size:auto,24px 42px,24px 42px,auto!important;
  border-color:#9d5105!important;
  box-shadow:inset 0 0 0 3px #ffe797,0 5px #653004,0 12px 26px rgba(72,34,2,.22)!important;
}
#menu .profile-strip{
  background:linear-gradient(180deg,rgba(255,237,163,.54),rgba(255,211,91,.18))!important;
  border-radius:12px 12px 0 0!important;
  border-bottom-color:#a9640c!important;
}
#menu .character-zone{
  background:radial-gradient(circle at 50% 45%,rgba(255,239,171,.55),transparent 45%)!important;
  border-bottom-color:rgba(139,75,7,.48)!important;
}
#menu .loadout-zone{
  background:linear-gradient(180deg,rgba(255,225,126,.18),rgba(164,89,6,.08))!important;
  border-bottom-color:rgba(125,62,4,.42)!important;
}
#menu .mini-item{
  background:linear-gradient(180deg,#ffe8a0 0%,#e8a82a 100%)!important;
  border-color:#955008!important;
  box-shadow:0 4px #713604,inset 0 2px #fff1b3,0 5px 10px rgba(79,37,2,.18)!important;
}

/* chest row */
#menu .reward-chests-zone{
  display:block!important;
  padding:5px 2px 5px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(111,54,3,.5)!important;
  background:linear-gradient(180deg,rgba(177,94,5,.06),rgba(111,51,1,.15))!important;
  overflow:visible!important;
}
#menu .chests-title{
  height:23px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:#713705!important;
  text-shadow:0 1px rgba(255,238,161,.75)!important;
}
#menu .chests-title span{font-size:15px!important;font-weight:1000!important;letter-spacing:.05em!important}
#menu .chests-title small{font-size:7.5px!important;font-weight:800!important;color:#955c17!important}
#menu .reward-chest-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  height:82px!important;
  align-items:stretch!important;
}
#menu .reward-chest-slot{
  position:relative!important;
  min-width:0!important;
  height:82px!important;
  padding:17px 4px 4px!important;
  border:2px solid #7d3b04!important;
  border-radius:11px!important;
  background:
    radial-gradient(circle at 50% 25%,rgba(255,224,125,.19),transparent 40%),
    linear-gradient(180deg,#a65c08 0%,#713304 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,184,56,.32),0 3px #542400,0 5px 9px rgba(70,30,0,.18)!important;
  color:#ffe5a2!important;
  display:grid!important;
  grid-template-rows:42px 12px 10px!important;
  place-items:center!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
#menu .reward-chest-slot:hover{transform:translateY(-2px)!important;filter:brightness(1.07)!important}
#menu .reward-source{
  position:absolute!important;
  left:3px!important;right:3px!important;top:3px!important;
  height:13px!important;
  display:grid!important;place-items:center!important;
  color:#ffe5a2!important;
  font-size:7px!important;font-weight:1000!important;letter-spacing:.05em!important;
  white-space:nowrap!important;
}
#menu .reward-chest-art{
  position:relative!important;
  width:58px!important;height:38px!important;
  margin-top:2px!important;
  border:2px solid #4f2705!important;
  border-radius:6px 6px 8px 8px!important;
  background:linear-gradient(180deg,#d99a37 0 40%,#9a5914 41% 100%)!important;
  box-shadow:0 3px 0 #462000,inset 0 2px rgba(255,242,173,.5),0 3px 7px rgba(34,13,0,.28)!important;
}
#menu .reward-chest-art:before{
  content:""!important;position:absolute!important;left:-3px!important;right:-3px!important;top:13px!important;height:6px!important;
  background:linear-gradient(#ffd76b,#d89a25)!important;border:1px solid #6d3507!important;border-radius:3px!important;
}
#menu .reward-chest-art:after{
  content:""!important;position:absolute!important;left:8px!important;right:8px!important;top:-5px!important;height:13px!important;
  border:3px solid #6b3508!important;border-bottom:0!important;border-radius:18px 18px 0 0!important;
  background:linear-gradient(#e8b652,#b76c18)!important;
}
#menu .reward-chest-art i{
  position:absolute!important;left:50%!important;top:12px!important;z-index:3!important;transform:translateX(-50%)!important;
  width:11px!important;height:15px!important;border:2px solid #623006!important;border-radius:3px!important;background:#ffd967!important;
}
#menu .reward-chest-art em{
  position:absolute!important;right:4px!important;bottom:3px!important;z-index:4!important;
  width:14px!important;height:14px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  font-style:normal!important;font-size:8px!important;font-weight:1000!important;background:#7e3bc0!important;color:#fff1ff!important;border:1px solid #4b176f!important;
}
#menu .source-match .reward-chest-art{background:linear-gradient(180deg,#9fb9c8 0 40%,#526f84 41% 100%)!important;border-color:#29455a!important}
#menu .source-match .reward-chest-art:after{background:linear-gradient(#d8e9ef,#7599ad)!important;border-color:#29455a!important}
#menu .source-match .reward-chest-art:before{background:linear-gradient(#d9f0ff,#69a9d3)!important;border-color:#29455a!important}
#menu .source-match .reward-chest-art em{background:#258bd0!important;border-color:#15537b!important}
#menu .source-boss .reward-chest-art{background:linear-gradient(180deg,#713157 0 40%,#321225 41% 100%)!important;border-color:#250d1b!important}
#menu .source-boss .reward-chest-art:after{background:linear-gradient(#a84c7a,#5a203e)!important;border-color:#250d1b!important}
#menu .source-boss .reward-chest-art:before{background:linear-gradient(#ffd75b,#c87517)!important;border-color:#5d2b05!important}
#menu .source-boss .reward-chest-art em{background:#d74465!important;border-color:#761d33!important}
#menu .reward-chest-slot>b{font-size:8.5px!important;line-height:1!important;color:#ffd979!important}
#menu .reward-chest-slot>small{font-size:6.2px!important;line-height:1!important;color:#dba45a!important;white-space:nowrap!important}
#menu .reward-chest-slot.empty{
  background:linear-gradient(180deg,#9a5207 0%,#642d03 100%)!important;
  border-style:dashed!important;
  opacity:.92!important;
}
#menu .reward-slot-plus{
  width:38px!important;height:38px!important;border-radius:9px!important;
  display:grid!important;place-items:center!important;
  color:#eaa72c!important;font-size:36px!important;font-weight:1000!important;line-height:1!important;
  border:1px solid rgba(244,178,53,.25)!important;background:rgba(70,28,0,.18)!important;
}
#menu .reward-chest-slot.empty>b{color:#d59b43!important}
#menu .reward-chest-slot.empty>small{color:#b9874c!important}

/* tighter play area after expanding the chest shelf */
#menu .play-zone{
  grid-template-columns:1fr minmax(500px,545px) 1fr!important;
  grid-template-rows:18px 55px 48px!important;
  row-gap:4px!important;
  padding-top:3px!important;
}
#menu .plan-lobby-status{font-size:9.5px!important}
#menu .plan-lobby-status small{font-size:7.5px!important}
#menu .play-zone .play-btn{height:54px!important;font-size:24px!important}
#menu .mode-tabs{gap:9px!important}
#menu .mode-tabs button{height:46px!important;min-width:176px!important;font-size:14px!important}

@media(max-width:1220px){
  #menu .main-stage{grid-template-rows:56px 215px 100px 94px minmax(126px,1fr)!important}
  #menu .reward-chest-grid{gap:5px!important;height:80px!important}
  #menu .reward-chest-slot{height:80px!important}
  #menu .reward-chest-art{width:52px!important;height:36px!important}
  #menu .reward-source{font-size:6.3px!important}
  #menu .reward-chest-slot>small{font-size:5.7px!important}
  #menu .play-zone{grid-template-columns:1fr minmax(455px,500px) 1fr!important}
  #menu .mode-tabs button{min-width:158px!important}
}


/* ===== v83: separate inventory from chest title ===== */
#menu .loadout-zone{
  min-height:104px!important;
  padding-bottom:4px!important;
  box-sizing:border-box!important;
}
#menu .reward-chests-zone{
  box-sizing:border-box!important;
}
#menu .chests-title{
  margin:0 0 2px!important;
  line-height:1!important;
}
#menu .chests-title span{line-height:1!important}
#menu .chests-title small{line-height:1!important}
@media(max-width:1220px){
  #menu .loadout-zone{min-height:100px!important}
}

/* ===== v84: give the chest shelf its own real row ===== */
#menu .main-stage{
  grid-template-rows:58px 218px 100px 112px minmax(125px,1fr)!important;
}
#menu .reward-chests-zone{
  min-height:112px!important;
  height:112px!important;
  padding:3px 2px 6px!important;
  overflow:hidden!important;
}
#menu .chests-title{
  height:20px!important;
  margin:0 0 2px!important;
}
#menu .reward-chest-grid{
  height:80px!important;
}
#menu .reward-chest-slot{
  height:80px!important;
}
#menu .play-zone{
  padding-top:7px!important;
}
#menu .vip-start{
  margin-top:0!important;
}

@media(max-width:1220px){
  #menu .main-stage{
    grid-template-rows:56px 204px 96px 110px minmax(120px,1fr)!important;
  }
  #menu .reward-chests-zone{
    min-height:110px!important;
    height:110px!important;
    padding:3px 2px 5px!important;
  }
  #menu .chests-title{height:19px!important}
  #menu .reward-chest-grid{height:78px!important}
  #menu .reward-chest-slot{height:78px!important}
  #menu .play-zone{padding-top:6px!important}
}

/* ===== v86: reward chest tiers + persistent timers ===== */
#menu .reward-chest-slot{
  grid-template-rows:46px 13px 10px!important;
  padding:15px 3px 4px!important;
}
#menu .reward-chest-slot.has-chest{
  border-style:solid!important;
  opacity:1!important;
  overflow:visible!important;
}
#menu .reward-chest-image{
  width:64px!important;
  height:48px!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 4px 2px rgba(61,26,0,.34))!important;
  transform:translateY(-1px)!important;
  pointer-events:none!important;
}
#menu .reward-chest-slot.has-chest>b{
  width:100%!important;
  text-align:center!important;
  font-size:9px!important;
  color:#ffe493!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px #5d2600!important;
}
#menu .reward-chest-slot.has-chest>small{
  width:100%!important;
  text-align:center!important;
  font-size:6.1px!important;
  color:#e8b85f!important;
  font-weight:900!important;
}
#menu .reward-chest-slot.ready{
  border-color:#f0b72f!important;
  box-shadow:inset 0 0 0 2px rgba(255,220,96,.45),0 3px #542400,0 0 11px rgba(255,193,45,.34)!important;
}
#menu .reward-chest-slot.ready>b{color:#fff0a8!important}
#menu .reward-chest-slot.opening{cursor:default!important}
#menu .reward-chest-slot.opening:hover{transform:none!important;filter:none!important}
#menu .reward-chest-slot.chest-wood{
  background:radial-gradient(circle at 50% 24%,rgba(255,215,111,.22),transparent 44%),linear-gradient(180deg,#9d5a14,#603006)!important;
}
#menu .reward-chest-slot.chest-silver{
  background:radial-gradient(circle at 50% 24%,rgba(177,221,255,.20),transparent 44%),linear-gradient(180deg,#8d6a32,#54370d)!important;
}
#menu .reward-chest-slot.chest-gold{
  background:radial-gradient(circle at 50% 24%,rgba(255,216,82,.32),transparent 46%),linear-gradient(180deg,#a76108,#6f3302)!important;
}
#menu .reward-chest-slot.chest-diamond{
  background:radial-gradient(circle at 50% 22%,rgba(93,221,255,.30),transparent 48%),linear-gradient(180deg,#735514,#412e0b)!important;
  border-color:#8ad9ff!important;
}
#menu .reward-chest-slot.chest-diamond.ready{
  box-shadow:inset 0 0 0 2px rgba(143,232,255,.52),0 3px #3f2d08,0 0 13px rgba(65,205,255,.48)!important;
}
#menu .reward-chest-slot.empty{
  cursor:default!important;
}
#menu .reward-chest-slot.empty:hover{transform:none!important;filter:none!important}

@media(max-width:1220px){
  #menu .reward-chest-image{width:58px!important;height:44px!important}
  #menu .reward-chest-slot.has-chest>b{font-size:8.2px!important}
  #menu .reward-chest-slot.has-chest>small{font-size:5.6px!important}
}

/* ===== v87: hats sit on the avatar instead of floating over it ===== */
#menu .avatar-button{
  overflow:visible!important;
  isolation:isolate!important;
}
#menu .hat-visual{
  position:absolute!important;
  z-index:8!important;
  width:var(--hw-hat-w,76%)!important;
  height:var(--hw-hat-h,58%)!important;
  left:var(--hw-hat-left,50%)!important;
  top:var(--hw-hat-top,-30%)!important;
  max-width:88%!important;
  margin:0!important;
  transform:translateX(-50%) rotate(var(--hw-hat-rot,0deg))!important;
  transform-origin:50% 100%!important;
  background-size:contain!important;
  background-position:50% 100%!important;
  background-repeat:no-repeat!important;
  filter:drop-shadow(0 4px 2px rgba(74,37,12,.28))!important;
  pointer-events:none!important;
}
#menu .hat-visual.no-hat{display:none!important}
#menu .hat-visual::before{
  display:none!important;
}
#menu .hat-visual::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  left:18%!important;
  right:18%!important;
  bottom:4%!important;
  height:10%!important;
  border-radius:50%!important;
  background:rgba(84,45,14,.24)!important;
  filter:blur(3px)!important;
  pointer-events:none!important;
}
/* Do not let responsive rules enlarge hats beyond the avatar. */
@media(max-width:1220px){
  #menu .hat-visual{max-width:88%!important;transform:translateX(-50%) rotate(var(--hw-hat-rot,0deg))!important}
}


/* ===== v88: transparent worn hats + XP protection ===== */
#menu .profile-strip{
  position:relative!important;
  z-index:30!important;
}
#menu .xp-block,#menu .xp-track{
  position:relative!important;
  z-index:31!important;
}
#menu .character-zone{
  position:relative!important;
  z-index:5!important;
}
#menu .hat-visual{
  background-color:transparent!important;
  max-width:84%!important;
  max-height:64%!important;
}
#menu .hat-visual::after{
  left:23%!important;
  right:23%!important;
  bottom:2%!important;
  height:8%!important;
  opacity:.75!important;
}
@media(max-width:1220px){
  #menu .hat-visual{max-width:84%!important;max-height:64%!important}
}

/* ===== v90: steel eastern hat replaces the old meat hat ===== */
#menu .hat-visual[data-hat="butcher"]{
  background-position:50% 100%!important;
  filter:drop-shadow(0 5px 3px rgba(35,25,12,.34))!important;
}

/* ===== v91: medium avatar + hat in front of the profile separator ===== */
/* Keep the long separator line visually behind the character/hat, while XP widgets stay above. */
#menu .profile-strip{
  position:relative!important;
  z-index:auto!important;
  border-bottom-color:transparent!important;
}
#menu .profile-strip::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:2px;
  background:#d09a38;
  z-index:1;
  pointer-events:none;
}
#menu .rating-badge,
#menu .xp-block,
#menu .xp-track,
#menu .vip-plan-button{
  position:relative!important;
  z-index:30!important;
}
#menu .character-zone{
  position:relative!important;
  z-index:10!important;
}
#menu .avatar-button{
  width:184px!important;
  height:184px!important;
  z-index:12!important;
}
#menu .avatar-aura{
  width:194px!important;
  height:194px!important;
}
#menu .avatar-stack{
  height:204px!important;
  min-width:194px!important;
  overflow:visible!important;
}
#menu .hat-visual{
  z-index:40!important;
}
#menu .avatar-bow{
  left:65px!important;
  bottom:-15px!important;
  width:54px!important;
  height:30px!important;
}
#menu .avatar-medal{
  right:-1px!important;
  bottom:16px!important;
  width:39px!important;
  height:39px!important;
  font-size:18px!important;
}
#menu .avatar-floor{
  width:194px!important;
  height:27px!important;
  bottom:0!important;
}

@media(max-width:1220px){
  #menu .avatar-button{width:178px!important;height:178px!important}
  #menu .avatar-aura{width:188px!important;height:188px!important}
  #menu .avatar-stack{height:198px!important;min-width:188px!important}
  #menu .avatar-bow{left:63px!important;bottom:-14px!important;width:52px!important;height:29px!important;transform:none!important}
  #menu .avatar-medal{right:-1px!important;bottom:15px!important;width:38px!important;height:38px!important;font-size:18px!important;transform:none!important}
  #menu .avatar-floor{width:188px!important;height:26px!important}
}

/* ===== v92: all hats fitted + Hungry Wars admin panel ===== */
#menu .hat-visual{
  max-width:88%!important;
  max-height:72%!important;
  z-index:40!important;
  background-color:transparent!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  background-position:50% 100%!important;
}
#menu .profile-strip::after{z-index:1!important}
#menu .character-zone,#menu .avatar-stack,#menu .avatar-button{overflow:visible!important}

#modal[data-view="admin-login"],#modal[data-view="admin"]{background:rgba(52,31,7,.72);backdrop-filter:blur(7px)}
#modal[data-view="admin-login"] .modal-window{width:min(470px,92vw);background:linear-gradient(160deg,#fff4c2,#f2c358);border:3px solid #9b5b09;box-shadow:0 18px 55px #2d170b90,inset 0 0 0 2px #fff1af;padding:24px}
.admin-login-card{text-align:center;color:#5b3108}.admin-login-icon{width:72px;height:72px;border-radius:22px;margin:0 auto 10px;display:grid;place-items:center;font-size:38px;background:linear-gradient(#ffda56,#d99012);border:3px solid #985605;box-shadow:0 5px 0 #7a4308}.admin-login-card h2{margin:8px 0 6px;font-size:30px}.admin-login-card p{font-size:13px;line-height:1.4;color:#7e521d}.admin-login-card input{box-sizing:border-box;width:100%;height:48px;border:2px solid #b47316;border-radius:12px;padding:0 14px;background:#fff8db;color:#4e2b08;font-size:17px;font-weight:800;outline:none}.admin-login-card input:focus{border-color:#e29a13;box-shadow:0 0 0 3px #f3c85c55}.admin-login-card button{width:100%;height:48px;margin-top:10px;border:0;border-radius:12px;background:linear-gradient(#5fdc45,#279d25);box-shadow:0 5px 0 #1f741d;color:#fff;font-size:18px;font-weight:1000;cursor:pointer}.admin-login-card small{display:block;margin-top:14px;color:#9a6a2b}

#modal[data-view="admin"] .modal-window{width:min(1180px,96vw);height:min(850px,94vh);max-width:none;padding:14px;background:linear-gradient(145deg,#ffd86c,#e79b19);border:3px solid #7e4305;box-shadow:0 22px 70px #2e180a9c,inset 0 0 0 2px #fff0a0;overflow:auto}
.admin-panel-v2{color:#5a3108;font-family:Arial,sans-serif}.admin2-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;border-radius:16px;background:linear-gradient(145deg,#fff1b4,#f3bd43);border:2px solid #ae6810;box-shadow:0 4px 0 #8e4d09,inset 0 1px #fff9d9}.admin2-head small{font-size:10px;font-weight:1000;letter-spacing:.14em;color:#a55a10}.admin2-head h2{margin:2px 0;font-size:31px;letter-spacing:.02em}.admin2-head p{margin:0;font-size:12px;color:#80501a}.admin2-id{min-width:180px;text-align:right}.admin2-id span{display:inline-block;padding:7px 13px;border-radius:10px;background:#55306f;color:#fff;font-weight:1000;box-shadow:0 3px 0 #342044}.admin2-id small{display:block;margin-top:7px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#80501a;letter-spacing:0}
.admin2-stats{display:grid;grid-template-columns:repeat(8,minmax(85px,1fr));gap:8px;margin:12px 0}.admin2-stats span{min-height:40px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border-radius:11px;background:#fff0b8;border:2px solid #bd7418;box-shadow:0 3px 0 #95530e;font-size:12px}.admin2-stats b{font-size:15px}
.admin2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin2-card{background:linear-gradient(#ffeaa0,#f6c95f);border:2px solid #a9620d;border-radius:15px;padding:12px;box-shadow:0 4px 0 #884907,inset 0 1px #fff8d1}.admin2-card h3{margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid #d69c3c;font-size:18px}.admin2-card>button,.admin2-wide,.admin-inline button,.admin-preset-row button,.admin-chest-grid button{border:0;border-radius:9px;background:linear-gradient(#61d64b,#2aa327);box-shadow:0 3px 0 #20771d;color:#fff;font-weight:1000;cursor:pointer;padding:9px 10px;margin:4px 0;transition:transform .08s,filter .12s}.admin2-card>button{width:100%}.admin2-card button:hover{filter:brightness(1.06);transform:translateY(-1px)}.admin2-card button:active{transform:translateY(2px);box-shadow:0 1px 0 #70420d}.admin2-card button.warn,.admin2-card .warn{background:linear-gradient(#f1ae37,#dc7d17);box-shadow:0 3px 0 #9b550e}.admin2-card button.danger,.admin2-card .danger{background:linear-gradient(#ef6757,#c83a2f);box-shadow:0 3px 0 #8d281f}.admin2-card p{margin:8px 0 0;font-size:11px;line-height:1.35;color:#81521e}.admin2-card-wide{grid-column:1/-1}.admin-preset-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.admin-full{background:linear-gradient(#7655da,#4c2aa4)!important;box-shadow:0 3px 0 #321b71!important}
.admin-adjust-row{display:grid;grid-template-columns:30px 1fr 88px 34px 34px;gap:6px;align-items:center;margin:7px 0;padding:7px;border-radius:10px;background:#fff1bd;border:1px solid #d3993d}.admin-adjust-row>span{font-size:22px;text-align:center}.admin-adjust-row>div{min-width:0}.admin-adjust-row b,.admin-adjust-row small{display:block}.admin-adjust-row b{font-size:12px}.admin-adjust-row small{font-size:9px;color:#956328}.admin-adjust-row input,.admin-inline input{width:100%;box-sizing:border-box;height:32px;border:1px solid #b77920;border-radius:7px;background:#fff9dc;color:#60370d;font-weight:900;padding:0 7px}.admin-adjust-row button{height:32px;border:0;border-radius:7px;background:#42bb34;color:#fff;font-size:20px;font-weight:1000;box-shadow:0 2px 0 #27801f;cursor:pointer}.admin-adjust-row button.minus{background:#d75a38;box-shadow:0 2px 0 #98361f}.admin-inline{display:grid;grid-template-columns:86px 1fr;gap:7px;align-items:center}.admin-inline button{margin:0}.admin-chest-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.admin-chest-grid button{min-height:52px;background:linear-gradient(#cd8c35,#9a571d);box-shadow:0 3px 0 #6e3a13}.admin-chest-grid button:nth-child(2){background:linear-gradient(#9eb5cb,#64778c)}.admin-chest-grid button:nth-child(3){background:linear-gradient(#f6c836,#d28a11)}.admin-chest-grid button:nth-child(4){background:linear-gradient(#46cdf4,#207fcd)}.admin-chest-grid small{font-size:9px}.admin2-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;border-radius:11px;background:#b86713;color:#fff0be;font-size:11px}.admin2-foot button{border:1px solid #ffd57c;border-radius:7px;background:#6d3b0e;color:#fff5cb;padding:6px 9px;cursor:pointer}
@media(max-width:980px){.admin2-grid{grid-template-columns:1fr 1fr}.admin2-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){.admin2-grid{grid-template-columns:1fr}.admin2-head{align-items:flex-start}.admin2-id{display:none}.admin2-stats{grid-template-columns:repeat(2,1fr)}.admin-preset-row{grid-template-columns:1fr}.admin-adjust-row{grid-template-columns:30px 1fr 74px 32px 32px}}

/* ========================================================================== 
   Hungry Wars v140 — honey lobby + production avatar collection
   ========================================================================== */
:root{
  --hw140-honey-0:#fff8df;
  --hw140-honey-1:#ffe8a6;
  --hw140-honey-2:#f6c85b;
  --hw140-honey-3:#e69918;
  --hw140-honey-4:#a85a08;
  --hw140-honey-5:#5a2903;
  --hw140-brown:#3a1801;
  --hw140-ink:#5b2d05;
}

/* Dark honey frame from the approved lobby reference. */
#menu.lobby{
  background:
    radial-gradient(circle at 50% 11%,rgba(255,226,132,.54),transparent 39%),
    linear-gradient(180deg,#f6d986 0%,#d7a841 100%)!important;
}
#menu .legacy-shell{
  padding:10px!important;
  gap:10px!important;
  background:
    linear-gradient(180deg,rgba(255,193,55,.17),transparent 18%),
    linear-gradient(180deg,#7b3c07 0%,#4a2102 52%,#321500 100%)!important;
  border:4px solid #9c5508!important;
  box-shadow:
    0 24px 60px rgba(50,25,2,.42),
    inset 0 0 0 3px #efaa20,
    inset 0 0 0 7px #5a2702!important;
}
#menu .legacy-shell::before{inset:7px!important;border-color:rgba(255,218,105,.65)!important}
#menu .topbar{gap:9px!important}
#menu .top-profile,
#menu .walletbar{
  background:linear-gradient(180deg,#733705 0%,#4c2101 52%,#351500 100%)!important;
  border:2px solid #d4870d!important;
  box-shadow:inset 0 2px rgba(255,214,107,.22),0 3px #2a1000!important;
  color:#fff2b9!important;
}
#menu .top-profile-copy b{color:#fff5cd!important;text-shadow:0 2px #2c1000!important}
#menu .top-profile-copy span{color:#f2be55!important}
#menu .top-avatar{background:#f0b62e!important;border-color:#ffe897!important;box-shadow:0 0 0 2px #9b5708,0 3px 7px #18090099!important}
#menu .level-pill{background:#3b1600!important;color:#ffe57f!important;border:1px solid #b86b0a!important;box-shadow:inset 0 1px #6f3505!important}
#menu .wallet-chip{
  height:42px!important;
  background:linear-gradient(180deg,#542501,#351400)!important;
  border-color:#a96008!important;
  box-shadow:inset 0 2px rgba(255,208,91,.12),0 2px #260d00!important;
}
#menu .wallet-chip b{color:#fff5c8!important;text-shadow:0 2px #170700!important}
#menu .wallet-chip button{background:linear-gradient(#ffbd2b,#e57c0b)!important;box-shadow:0 3px #8b3e03!important;border:1px solid #ffd266!important}
#menu .buy-main{background:linear-gradient(#63dc3d,#2fa321)!important;border:1px solid #91ee64!important;box-shadow:0 4px #1c6f15!important}
#menu .square-action{
  background:linear-gradient(#ffd875,#e99c20)!important;
  border-color:#8d4706!important;
  box-shadow:0 4px #5a2803,inset 0 2px #fff0a7!important;
}
#menu .main-stage{
  background:
    radial-gradient(circle at 50% 15%,rgba(255,251,221,.88),transparent 43%),
    linear-gradient(180deg,#ffe29a 0%,#f3bd45 55%,#e89a19 100%)!important;
  border-color:#a85a08!important;
  box-shadow:inset 0 0 0 3px #ffe9a2,0 5px #552401,0 12px 26px rgba(45,20,1,.24)!important;
}
#menu .chests-zone{
  background:linear-gradient(180deg,rgba(188,101,7,.08),rgba(118,52,1,.10))!important;
  border-radius:12px!important;
}
#menu .reward-chest-slot{
  background:linear-gradient(180deg,#a95503,#713000)!important;
  border-color:#4f1e00!important;
  box-shadow:inset 0 0 0 2px rgba(255,193,59,.18),0 3px #3d1600!important;
  color:#ffd977!important;
}
#menu .lobby-footer{
  margin:-2px -4px -4px!important;
  padding:3px 10px 0!important;
  border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,rgba(74,31,1,.15),rgba(33,12,0,.58))!important;
}

/* One polished red close button. No orange duplicate lives inside the avatar screen. */
.modal-close{
  z-index:100!important;
  right:13px!important;
  top:11px!important;
  width:50px!important;
  height:50px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #fff0b0!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#ff6658 0%,#e1382e 54%,#b91f1a 100%)!important;
  color:#fff!important;
  font:1000 34px/1 Arial,sans-serif!important;
  text-shadow:0 2px #8f1713!important;
  box-shadow:inset 0 2px rgba(255,255,255,.36),0 4px #7f160f,0 8px 18px rgba(67,15,8,.38)!important;
  transition:transform .12s ease,filter .12s ease!important;
}
.modal-close:hover{transform:translateY(-1px) scale(1.035)!important;filter:brightness(1.08)!important}
.modal-close:active{transform:translateY(3px)!important;box-shadow:inset 0 2px rgba(255,255,255,.25),0 1px #7f160f!important}

#modal[data-view="avatars-v140"]{
  background:rgba(52,28,5,.73)!important;
  backdrop-filter:blur(7px) saturate(.92)!important;
}
#modal[data-view="avatars-v140"] .modal-window{
  width:min(1460px,96vw)!important;
  height:min(890px,94vh)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  border:4px solid #8b4705!important;
  border-radius:24px!important;
  background:linear-gradient(160deg,#fff6d2,#eab14a)!important;
  box-shadow:0 28px 80px rgba(35,15,1,.60),inset 0 0 0 3px #ffe9a1!important;
}
#modal[data-view="avatars-v140"] #modalBody{height:100%;min-height:0}
#modal[data-view="avatars-v140"] .hw120-inline-close,
#modal[data-view="avatars-v140"] .hw120-orange-close,
#modal[data-view="avatars-v140"] [data-avatar-inline-close]{display:none!important}

.hw120-avatar-screen{
  --rare:#2fb99c;
  --epic:#7b50d4;
  --legendary:#e79817;
  --mythic:#d72f35;
  height:100%;min-height:0;
  display:grid;
  grid-template-rows:66px 106px 64px minmax(0,1fr);
  color:var(--hw140-ink);
  background:
    radial-gradient(circle at 50% -10%,rgba(255,255,255,.94),transparent 31%),
    linear-gradient(180deg,#fff7de 0%,#f8daa0 56%,#efbd5b 100%);
  font-family:"Trebuchet MS",Arial,sans-serif;
}
.hw120-avatar-screen *{box-sizing:border-box}
.hw120-top-tabs{
  display:flex;align-items:stretch;
  padding:0 76px 0 22px;
  border-bottom:2px solid #d49a39;
  background:linear-gradient(180deg,#fff9e7,#f5d892);
  box-shadow:0 2px 10px rgba(103,54,6,.10);
}
.hw120-top-tabs button{
  min-width:150px;padding:0 24px;
  border:0;border-right:1px solid rgba(186,126,34,.24);
  background:transparent;color:#754213;
  font-size:17px;font-weight:1000;
  transition:background .12s ease,color .12s ease;
}
.hw120-top-tabs button:hover{background:rgba(255,255,255,.42)}
.hw120-top-tabs button.active{position:relative;background:#fff7e5;color:#4e2605}
.hw120-top-tabs button.active::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:5px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#ef9e16,#ffbf2c)}

.hw120-avatar-head{
  display:grid;grid-template-columns:minmax(0,1fr) 130px auto;align-items:center;gap:22px;
  padding:13px 78px 12px 28px;
  border-bottom:1px solid rgba(185,124,31,.37);
  background:linear-gradient(180deg,rgba(255,253,243,.82),rgba(255,238,193,.72));
}
.hw120-avatar-head small{color:#a36922;font-size:10px;font-weight:1000;letter-spacing:.13em}
.hw120-avatar-head h2{margin:2px 0 3px;color:#5a2d08;font-size:31px;line-height:1;font-weight:1000;text-shadow:0 2px #fff2c1}
.hw120-avatar-head p{margin:0;color:#8f6128;font-size:12px;font-weight:800}
.hw120-collection-count{height:67px;display:grid;place-items:center;align-content:center;border-radius:16px;border:2px solid #ce8f2c;background:linear-gradient(#fff7d4,#f0ca72);box-shadow:inset 0 2px #fff,0 3px #ac6813}
.hw120-collection-count b{font-size:23px}.hw120-collection-count span{font-size:9px;font-weight:1000;color:#956224;text-transform:uppercase}
.hw120-wallet{display:flex;gap:9px}
.hw120-wallet span{min-width:132px;height:45px;display:flex;align-items:center;gap:8px;padding:5px 11px;border:2px solid #bd7417;border-radius:999px;background:linear-gradient(#6b3204,#3a1700);box-shadow:inset 0 1px #9e5a10,0 3px #8b4c08;color:#fff0ae}
.hw120-wallet img{width:28px;height:28px}.hw120-wallet b{font-size:18px;white-space:nowrap}

.hw120-rarity-tabs{display:flex;align-items:center;gap:8px;padding:9px 28px;background:linear-gradient(180deg,#f0c865,#e6aa32);border-bottom:2px solid #b66b0c;box-shadow:inset 0 2px rgba(255,245,194,.55)}
.hw120-rarity-tabs button{height:42px;min-width:128px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;border:2px solid #b6781d;border-radius:13px;background:linear-gradient(#fff6d5,#f0d28a);box-shadow:0 3px #93500a;color:#75430e;font-weight:1000;transition:transform .11s ease,filter .11s ease}
.hw120-rarity-tabs button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.hw120-rarity-tabs button span{min-width:25px;padding:2px 6px;border-radius:999px;background:#dca33d;color:#fff;font-size:10px}
.hw120-rarity-tabs button.active{color:#fff;border-color:#7d3f05;background:linear-gradient(#f9a925,#d96e08);text-shadow:0 2px #9d4300;box-shadow:inset 0 2px rgba(255,239,170,.45),0 3px #743304}
.hw120-rarity-tabs button.tier-rare.active{background:linear-gradient(#55d7bd,#23977f);border-color:#176e5e;box-shadow:0 3px #155c4f}
.hw120-rarity-tabs button.tier-epic.active{background:linear-gradient(#a27ae9,#7040c2);border-color:#4c258f;box-shadow:0 3px #44227f}
.hw120-rarity-tabs button.tier-legendary.active{background:linear-gradient(#ffca45,#e48d10);border-color:#a65c09;box-shadow:0 3px #8b4504}
.hw120-rarity-tabs button.tier-mythic.active{background:linear-gradient(#ff6468,#cf2831);border-color:#951922;box-shadow:0 3px #80151c}

.hw120-avatar-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;padding:14px 18px 17px}
.hw120-avatar-grid{
  min-height:0;overflow:auto;overscroll-behavior:contain;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:190px;gap:11px;
  align-content:start;padding:7px 9px 15px 6px;
  scrollbar-width:thin;scrollbar-color:#bd781c transparent;
}
.hw120-avatar-grid::-webkit-scrollbar{width:8px}.hw120-avatar-grid::-webkit-scrollbar-thumb{background:#bd781c;border-radius:999px}
.hw120-avatar-card{
  contain:layout paint style;
  position:relative;min-width:0;padding:10px 8px 8px;
  display:grid;grid-template-rows:111px minmax(0,1fr);gap:5px;
  border:2px solid #d5a34b;border-radius:17px;
  background:linear-gradient(180deg,#fff9e8,#f7dfa6);
  box-shadow:inset 0 1px #fff,0 4px #ab6a16,0 8px 13px rgba(96,52,6,.10);
  color:#62360d;text-align:center;
  transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.hw120-avatar-card:hover{transform:translateY(-3px);filter:brightness(1.025)}
.hw120-avatar-card.focused{outline:4px solid #56b932;outline-offset:-3px;box-shadow:inset 0 1px #fff,0 5px #2f7c1e,0 10px 18px rgba(58,115,30,.23)}
.hw120-avatar-card.locked:not(.focused) .hw120-avatar-art img{filter:saturate(.75) brightness(.83)}
.hw120-avatar-card.tier-rare{background:linear-gradient(180deg,#f3fff9,#d1eee3);border-color:#68bfa9}
.hw120-avatar-card.tier-epic{background:linear-gradient(180deg,#fbf4ff,#e4d2f6);border-color:#a783d6}
.hw120-avatar-card.tier-legendary{background:linear-gradient(180deg,#fff8da,#f4d47e);border-color:#dfa22d}
.hw120-avatar-card.tier-mythic{background:linear-gradient(180deg,#fff0e9,#f3b5a7);border-color:#e05d58}
.hw120-avatar-art{position:relative;width:108px;height:108px;display:grid;place-items:center;justify-self:center;border-radius:50%;filter:drop-shadow(0 6px 5px rgba(66,32,4,.23))}
.hw120-avatar-art img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}
.hw120-avatar-art i{position:absolute;inset:2px;border-radius:50%;box-shadow:inset 0 1px 2px rgba(255,255,255,.55);pointer-events:none}
.hw120-avatar-card-copy{min-width:0;display:grid;align-content:start;gap:1px}
.hw120-avatar-card-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.hw120-avatar-card-copy small{font-size:9px;font-weight:1000;color:#9b682c;text-transform:uppercase}
.hw120-avatar-card-copy em{margin-top:2px;font-style:normal;font-size:10px;font-weight:1000;color:#7b4a15}
.hw120-equipped-mark{position:absolute;right:8px;top:7px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#75d947,#3caf27);border:2px solid #fff8d4;color:#fff;box-shadow:0 2px #2d771e;font-size:14px}

.hw120-avatar-detail{
  min-height:0;display:grid;grid-template-rows:245px minmax(0,1fr) auto;overflow:hidden;
  border:3px solid #c07a18;border-radius:21px;
  background:linear-gradient(180deg,#fff7d4,#edc263);
  box-shadow:inset 0 0 0 2px rgba(255,253,229,.82),0 6px #8e4a07,0 12px 22px rgba(78,38,3,.17);
}
.hw120-avatar-detail.tier-rare{border-color:#319b84}.hw120-avatar-detail.tier-epic{border-color:#7040bd}.hw120-avatar-detail.tier-legendary{border-color:#d6820d}.hw120-avatar-detail.tier-mythic{border-color:#c52d33}
.hw120-detail-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fffce6 0%,#ffd875 46%,#d98b12 100%);border-bottom:2px solid rgba(143,73,5,.38)}
.hw120-detail-art::before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.34) 0 9deg,transparent 9deg 18deg);animation:hw120Rays 24s linear infinite}
.hw120-detail-art img{position:relative;z-index:2;width:198px;height:198px;object-fit:contain;filter:drop-shadow(0 11px 8px rgba(62,27,2,.28))}
.hw120-detail-art span{position:absolute;z-index:3;left:16px;top:14px;padding:6px 11px;border-radius:999px;background:#5e2b04;color:#ffe99d;border:1px solid #e9aa2d;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}
.hw120-avatar-detail.tier-rare .hw120-detail-art span{background:#18715f}.hw120-avatar-detail.tier-epic .hw120-detail-art span{background:#51258d}.hw120-avatar-detail.tier-legendary .hw120-detail-art span{background:#8c4705}.hw120-avatar-detail.tier-mythic .hw120-detail-art span{background:#9f1d24}
@keyframes hw120Rays{to{transform:rotate(360deg)}}
.hw120-detail-copy{min-height:0;padding:15px 18px 10px;overflow:auto}
.hw120-detail-copy>small{color:#9b6222;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.hw120-detail-copy h3{margin:4px 0 7px;color:#5a2b05;font-size:25px;line-height:1.05}
.hw120-detail-copy p{margin:0;color:#82531d;font-size:12px;line-height:1.45;font-weight:750}
.hw120-permanent-note{margin-top:13px;padding:9px 10px;display:grid;gap:2px;border-radius:11px;background:rgba(255,248,216,.72);border:1px solid #d6a34e}
.hw120-permanent-note b{font-size:10px;color:#3c9326}.hw120-permanent-note span{font-size:9px;color:#8c6127;font-weight:800}
.hw120-detail-action{padding:11px 14px 15px}
.hw120-main-action{width:100%;min-height:59px;border:0;border-radius:14px;color:#fff;font-weight:1000;box-shadow:0 5px #145f98,inset 0 2px rgba(255,255,255,.30);text-shadow:0 2px rgba(0,0,0,.24)}
.hw120-main-action.choose{background:linear-gradient(#42a9ff,#1779d6)}
.hw120-main-action.choose.current{background:linear-gradient(#74c8ff,#3b8ad4);opacity:.82}
.hw120-main-action.buy{display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:linear-gradient(#66d945,#2fa326);box-shadow:0 5px #1f741a,inset 0 2px rgba(255,255,255,.30)}
.hw120-main-action.buy span{font-size:14px}.hw120-main-action.buy b{display:flex;align-items:center;gap:5px;padding:7px 10px;border-radius:10px;background:rgba(65,37,3,.28);font-size:17px}.hw120-main-action.buy img{width:25px;height:25px}
.hw120-main-action.disabled{background:#a98750;box-shadow:0 5px #72552d;opacity:.72}
.hw120-main-action:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}

/* Honey arena HUD, without changing the green playfield. */
.original-hud .arena-leader,
.original-hud .arena-chat,
.original-hud .arena-stats,
.original-hud .arena-help{
  background:linear-gradient(180deg,rgba(96,45,3,.93),rgba(48,19,0,.90))!important;
  border:1px solid rgba(232,154,32,.92)!important;
  box-shadow:inset 0 1px rgba(255,219,123,.16),0 5px 16px rgba(41,18,1,.28)!important;
  color:#fff2b5!important;
}
.original-hud .item-btn{background:linear-gradient(180deg,rgba(103,50,5,.94),rgba(45,18,0,.91))!important;border-color:#e4a133!important;box-shadow:0 4px #542300!important}

@media(max-width:1180px){
  .hw120-avatar-screen{grid-template-rows:58px 98px 58px minmax(0,1fr)}
  .hw120-top-tabs button{min-width:118px;padding:0 15px;font-size:14px}
  .hw120-avatar-head{padding-left:20px;grid-template-columns:minmax(0,1fr) 105px auto}.hw120-avatar-head h2{font-size:25px}.hw120-avatar-head p{font-size:10px}
  .hw120-wallet span{min-width:105px}.hw120-avatar-layout{grid-template-columns:minmax(0,1fr) 300px}
  .hw120-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:178px}.hw120-avatar-art{width:98px;height:98px}
}
@media(max-width:850px){
  #modal[data-view="avatars-v140"] .modal-window{width:98vw!important;height:96vh!important}
  .hw120-avatar-screen{grid-template-rows:54px 90px 58px minmax(0,1fr)}
  .hw120-top-tabs{overflow-x:auto;padding-right:70px}.hw120-top-tabs button{min-width:108px}
  .hw120-avatar-head{grid-template-columns:1fr auto;padding-right:70px}.hw120-avatar-head p,.hw120-collection-count{display:none}.hw120-wallet span:nth-child(2){display:none}
  .hw120-rarity-tabs{overflow-x:auto;padding-left:12px}.hw120-rarity-tabs button{min-width:112px}
  .hw120-avatar-layout{grid-template-columns:1fr}.hw120-avatar-detail{display:none}.hw120-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}
}
@media(prefers-reduced-motion:reduce){.hw120-detail-art::before{animation:none}.hw120-avatar-card,.modal-close,.hw120-rarity-tabs button{transition:none!important}}

/* ===== v1.14.0.1: wearable hat alignment for portrait avatars =====
   game.js calculates exact pixel geometry against the full avatar circle.
   The old CSS positioned #hatVisual itself above the avatar, so the computed
   left/top values of the generated <img> could not line up reliably. Keep the
   host over the whole avatar and let the image geometry do the positioning. */
#menu #hatVisual.hat-visual{
  position:absolute!important;
  inset:0!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  transform:none!important;
  overflow:visible!important;
  background:none!important;
  filter:none!important;
  pointer-events:none!important;
}
#menu #hatVisual.hat-visual::before,
#menu #hatVisual.hat-visual::after{display:none!important}
#menu #hatVisual .hat-visual-img{
  position:absolute!important;
  display:block;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  filter:drop-shadow(0 4px 3px rgba(57,28,6,.30));
}
#menu #hatVisual.no-hat{display:none!important}

/* ===== v1.14.1.1 — arena HUD layout + lightweight DOM updates ===== */
.original-hud .arena-right-panel{
  position:absolute!important;
  right:18px!important;
  top:14px!important;
  width:250px!important;
}
.original-hud .arena-leader{margin:0!important;max-height:310px;overflow:hidden}
.original-hud .arena-leader .title{margin-bottom:5px;font-size:11px;font-weight:1000;letter-spacing:.06em;color:#ffe393}
.original-hud .arena-leader .row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:21px;font-size:11px;border-top:1px solid rgba(255,218,126,.10)}
.original-hud .arena-leader .row.me{color:#ffe16b}
.original-hud .arena-leader .leader-mass{margin-left:auto;font-weight:1000;color:#fff1bc}

/* Chat is deliberately detached from the leaderboard and anchored bottom-right. */
.original-hud .arena-chat-dock{
  position:absolute!important;
  right:18px!important;
  bottom:18px!important;
  top:auto!important;
  width:310px!important;
  height:190px;
  margin:0!important;
  padding:9px!important;
  display:grid;
  grid-template-rows:24px minmax(0,1fr) 31px;
  gap:6px;
  pointer-events:auto;
  background:linear-gradient(180deg,rgba(96,45,3,.93),rgba(48,19,0,.91))!important;
  border:1px solid rgba(232,154,32,.92)!important;
  border-radius:12px!important;
  box-shadow:inset 0 1px rgba(255,219,123,.16),0 5px 16px rgba(41,18,1,.28)!important;
  color:#fff2b5!important;
}
.arena-chat-title{display:flex;align-items:center;justify-content:space-between;padding:0 2px;border-bottom:1px solid rgba(255,216,123,.18);font-weight:1000;color:#ffe18a}
.arena-chat-title span{font-size:11px;letter-spacing:.08em}.arena-chat-title small{font-size:8px;color:#d5a95d}
#chatMessages{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1px 3px;font-size:10px;line-height:1.35;scrollbar-width:thin;scrollbar-color:#bd791e transparent}
#chatMessages>div{padding:2px 0;overflow-wrap:anywhere}#chatMessages b{color:#ffd76b}
.original-hud .chat-compose{height:31px;display:grid!important;grid-template-columns:minmax(0,1fr) 34px;gap:5px}
.original-hud .chat-compose input{width:100%;min-width:0;border:1px solid #a96618;border-radius:7px;background:rgba(30,12,1,.76);color:#fff1c5;padding:0 9px;outline:none;font-size:10px}
.original-hud .chat-compose input:focus{border-color:#efb444;box-shadow:0 0 0 2px rgba(239,180,68,.16)}
.original-hud .chat-compose button{width:34px!important;border:0;border-radius:7px;background:linear-gradient(#efb435,#bc7218);color:#fff7d4;font-size:21px;font-weight:1000;box-shadow:0 2px #693407}

/* Requested bottom-left match stats: kills, XP, current run time and mass. */
.original-hud .arena-match-stats{
  left:18px!important;
  bottom:20px!important;
  width:210px;
  padding:8px!important;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  border-radius:13px!important;
}
.original-hud .arena-match-stats .arena-stat-row{
  min-width:0;
  height:47px;
  padding:5px 7px;
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:6px!important;
  border-radius:9px;
  background:rgba(255,221,135,.075);
  border:1px solid rgba(255,211,103,.10);
}
.arena-stat-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:15px;font-weight:1000;background:#3a1902;border:1px solid #bd771b;color:#ffd45b;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.arena-stat-icon.kills{color:#ff9279}.arena-stat-icon.xp{color:#ffe26a}.arena-stat-icon.time{color:#8bd9ff}.arena-stat-icon.mass{color:#8ee87c}
.arena-stat-copy{min-width:0;display:flex;flex-direction:column;line-height:1.04}.arena-stat-copy small{font-size:7px;font-weight:1000;color:#c99b52;letter-spacing:.045em;white-space:nowrap}.arena-stat-copy b{margin-top:3px;font-size:13px;color:#fff3c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.hide-arena-mass .arena-match-stats .arena-stat-row:last-child{display:none!important}

/* Keep VIP turbo above the new stats card instead of overlapping it. */
.original-hud .vip-turbo-btn{left:18px!important;bottom:132px!important}

/* Compact recent kill feed; it stays away from both chat and stats. */
.original-hud .kill-feed{left:242px!important;right:auto!important;top:auto!important;bottom:21px!important;display:grid;gap:4px;max-width:260px;pointer-events:none}
.original-hud .kill-feed>div{padding:5px 8px;border-radius:8px;background:rgba(54,22,1,.78);border:1px solid rgba(214,137,25,.55);box-shadow:0 3px 10px rgba(31,12,0,.20);font-size:9px;color:#f8dca2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.original-hud .kill-feed b{color:#ffd65e}.original-hud .kill-feed span{padding:0 5px;color:#ff806c}

@media(max-width:850px){
  .original-hud .arena-chat-dock{width:270px!important;height:165px;right:10px!important;bottom:10px!important}
  .original-hud .arena-match-stats{left:10px!important;bottom:10px!important;width:190px}
  .original-hud .kill-feed{display:none}
  .original-hud .arena-help{display:none}
}


/* ===== v1.14.1.2 — plan-colored names, levels, clan tags and 10+5 ranking ===== */
.original-hud .arena-right-panel{width:292px!important}
.original-hud .arena-leader{max-height:none!important;padding:9px 10px!important;overflow:hidden!important}
.original-hud .arena-leader .title{margin:0 0 5px!important;padding:0 1px 5px;border-bottom:1px solid rgba(255,216,123,.22);font-size:11px!important;color:#ffe393!important}
.original-hud .arena-leader .row{min-height:22px!important;padding:1px 2px;border-top:1px solid rgba(255,218,126,.09)!important}
.original-hud .arena-leader .row:first-of-type{border-top:0!important}
.original-hud .arena-leader .row.me{background:rgba(255,213,75,.08);border-radius:5px}
.original-hud .arena-leader .row.empty{opacity:.38}
.original-hud .leader-player{min-width:0;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}
.original-hud .leader-rank{width:18px;flex:0 0 18px;font-style:normal;color:#c8994e;text-align:right}
.original-hud .leader-clan{flex:0 0 auto;font-style:normal;font-weight:1000;color:#70ddff}
.original-hud .leader-player b{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#fff}
.original-hud .leader-player small{flex:0 0 auto;font-size:8px;color:#d8b879;font-weight:1000}
.original-hud .row.plan-vip .leader-player b{color:#ffd84d}
.original-hud .row.plan-premium .leader-player b{color:#c778ff;text-shadow:0 0 7px rgba(190,93,255,.30)}
.original-hud .leader-mass{flex:0 0 auto;min-width:38px;text-align:right;font-size:10px!important}
.original-hud .clan-title{height:27px;margin-top:7px;padding:7px 1px 4px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,216,123,.30);color:#ffe393;font-size:10px;font-weight:1000;letter-spacing:.045em}
.original-hud .clan-title small{font-size:7px;color:#bc8d46;letter-spacing:.04em}
.original-hud .clan-ranking{display:grid;gap:1px}
.original-hud .clan-row{height:22px;padding:1px 2px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid rgba(255,218,126,.08);font-size:9px}
.original-hud .clan-row.empty{opacity:.35}
.original-hud .clan-row>span{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden;white-space:nowrap}
.original-hud .clan-row i{width:18px;flex:0 0 18px;text-align:right;font-style:normal;color:#c8994e}
.original-hud .clan-row b{flex:0 0 auto;color:#70ddff;font-size:10px}
.original-hud .clan-row small{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#e8cf9c;font-size:8px}
.original-hud .clan-row strong{flex:0 0 auto;color:#ffd76b;font-size:9px}
@media(max-height:760px){
  .original-hud .arena-leader .row{min-height:19px!important}.original-hud .clan-row{height:19px}.original-hud .clan-title{height:23px;padding-top:4px}.original-hud .arena-right-panel{top:8px!important}
}
@media(max-width:850px){.original-hud .arena-right-panel{width:250px!important;right:10px!important}.original-hud .leader-player small,.original-hud .clan-row small{display:none}}

/* ===== v1.14.1.3 — ESC arena menu ===== */
.arena-pause-menu{
  position:fixed;inset:0;z-index:500;display:grid;place-items:center;
  pointer-events:auto;background:rgba(28,12,1,.46);backdrop-filter:blur(5px);
}
.arena-pause-card{
  width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;
  padding:22px;border:2px solid #c77d16;border-radius:22px;
  background:linear-gradient(180deg,#7b3d08 0%,#4d2304 58%,#321501 100%);
  box-shadow:inset 0 0 0 3px rgba(255,221,128,.18),0 20px 60px rgba(29,11,0,.50),0 0 34px rgba(246,170,38,.13);
  color:#fff0b8;text-align:center;
}
.arena-pause-kicker{font-size:9px;font-weight:1000;letter-spacing:.22em;color:#d89d3b}
.arena-pause-card h2{margin:4px 0 5px;font-size:28px;letter-spacing:.045em;color:#ffe49a;text-shadow:0 2px #2b1000}
.arena-pause-warning{margin:0 auto 14px;max-width:410px;font-size:10px;line-height:1.35;color:#d6aa68}
.arena-pause-card button{font-family:inherit}
.arena-pause-resume,.arena-pause-exit,.arena-pause-options>button{
  width:100%;border:1px solid #a86213;border-radius:12px;display:grid;align-items:center;text-align:left;
  color:#fff1bd;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.arena-pause-card button:hover{transform:translateY(-1px);filter:brightness(1.07)}
.arena-pause-card button:active{transform:translateY(1px)}
.arena-pause-resume{
  grid-template-columns:42px 1fr auto;gap:10px;min-height:62px;padding:8px 12px;margin-bottom:10px;
  border-color:#3d8d21;background:linear-gradient(#5fd847,#2d9e25);box-shadow:0 4px #1d6c18,inset 0 2px rgba(210,255,187,.36);
}
.arena-pause-resume>span{font-size:27px;text-align:center}.arena-pause-resume b{display:block;font-size:16px}.arena-pause-resume small{display:block;font-size:9px;color:#d8ffd0}.arena-pause-resume kbd{padding:6px 8px;border-radius:7px;background:rgba(31,88,21,.54);border:1px solid rgba(255,255,255,.18);font-size:9px;color:#fff}
.arena-pause-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.arena-pause-options>button{
  min-height:62px;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:8px 9px;
  background:linear-gradient(180deg,rgba(116,58,7,.98),rgba(76,33,3,.98));box-shadow:inset 0 1px rgba(255,220,132,.13),0 2px rgba(35,13,0,.45);
}
.arena-pause-options>button>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#3b1701;border:1px solid #a96212;color:#ffd868;font-size:17px;font-weight:1000}
.arena-pause-options b{display:block;font-size:10px;line-height:1.08;color:#ffe4a0}.arena-pause-options small{display:block;margin-top:3px;font-size:7.5px;line-height:1.2;color:#c79a58}
.arena-pause-options em{min-width:38px;padding:5px 5px;border-radius:7px;background:#381600;border:1px solid #80500e;color:#a77a3b;font-size:8px;font-style:normal;font-weight:1000;text-align:center}
.arena-pause-options em.on{background:#255a17;border-color:#45982b;color:#cfffaf;box-shadow:0 0 10px rgba(78,196,48,.12)}
.arena-pause-exit{
  grid-template-columns:40px 1fr;gap:10px;min-height:57px;padding:8px 12px;margin-top:10px;
  border-color:#a64227;background:linear-gradient(#8c321e,#632013);box-shadow:0 3px #401208,inset 0 1px rgba(255,190,157,.15);
}
.arena-pause-exit>span{font-size:25px;color:#ffb08c}.arena-pause-exit b{display:block;font-size:12px;color:#ffd2bd}.arena-pause-exit small{display:block;margin-top:2px;font-size:8px;color:#d68d71}
body.arena-paused .original-hud>.item-bar,body.arena-paused .original-hud>.arena-left-tools,body.arena-paused .original-hud>.arena-chat-dock,body.arena-paused .original-hud>.arena-right-panel,body.arena-paused .original-hud>.arena-match-stats,body.arena-paused .original-hud>.kill-feed,body.arena-paused .original-hud>.arena-help{filter:blur(1.2px) brightness(.72)}
body.arena-performance-mode .hw-particle,body.arena-performance-mode .hw-confetti{display:none!important}
body.arena-performance-mode .avatar-aura,body.arena-performance-mode .shell-glow{animation:none!important;filter:none!important}
@media(max-width:620px){.arena-pause-card{padding:16px;border-radius:17px}.arena-pause-options{grid-template-columns:1fr}.arena-pause-card h2{font-size:24px}}


/* ===== v1.14.1.4 — readable compact arena HUD ===== */
/* Bottom-left stats are larger and never ellipsize XP/time values. */
.original-hud .arena-match-stats{
  left:18px!important;bottom:20px!important;width:292px!important;padding:10px!important;
  gap:8px!important;border-radius:15px!important;
}
.original-hud .arena-match-stats .arena-stat-row{
  height:58px!important;padding:7px 9px!important;grid-template-columns:35px minmax(0,1fr)!important;gap:8px!important;border-radius:11px!important;
}
.original-hud .arena-stat-icon{width:34px!important;height:34px!important;font-size:17px!important}
.original-hud .arena-stat-copy small{font-size:8px!important;letter-spacing:.055em!important}
.original-hud .arena-stat-copy b{margin-top:4px!important;font-size:15px!important;line-height:1.05!important;overflow:visible!important;text-overflow:clip!important;letter-spacing:-.015em}
.original-hud .vip-turbo-btn{left:18px!important;bottom:154px!important}
.original-hud .kill-feed{left:18px!important;right:auto!important;top:auto!important;bottom:157px!important;max-width:300px!important}
.original-hud .kill-feed>div{font-size:10px!important;padding:6px 9px!important}

/* Ranking floats over the arena instead of occupying one large brown card. */
.original-hud .arena-right-panel{right:18px!important;top:14px!important;width:330px!important;pointer-events:auto}
.original-hud .arena-leader{
  margin:0!important;padding:0!important;max-height:none!important;overflow:visible!important;
  background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;
}
.original-hud .arena-leader .title{
  width:max-content;margin:0 0 5px auto!important;padding:6px 10px!important;border:1px solid rgba(238,174,62,.52)!important;border-radius:8px!important;
  background:rgba(52,22,1,.62)!important;box-shadow:0 2px 8px rgba(28,10,0,.16)!important;
  color:#ffe899!important;font-size:12px!important;letter-spacing:.065em!important;text-shadow:0 1px 2px #2c1000;
}
.original-hud .arena-leader .row{
  min-height:27px!important;margin-top:2px;padding:3px 7px!important;border:0!important;border-radius:7px!important;
  background:linear-gradient(90deg,rgba(54,23,1,.64) 0%,rgba(54,23,1,.35) 64%,rgba(54,23,1,.08) 100%)!important;
  box-shadow:none!important;text-shadow:0 1px 2px rgba(20,8,0,.95);
}
.original-hud .arena-leader .row.me{background:linear-gradient(90deg,rgba(117,73,7,.74),rgba(77,39,1,.28),transparent)!important;outline:1px solid rgba(255,214,83,.18)}
.original-hud .arena-leader .row.empty{opacity:.24;background:transparent!important;min-height:23px!important;margin-top:0!important}
.original-hud .leader-player{gap:5px!important}
.original-hud .leader-rank{width:23px!important;flex-basis:23px!important;font-size:11px!important;color:#ffd26c!important}
.original-hud .leader-clan{font-size:12px!important;text-shadow:0 1px 2px #102637,0 0 5px currentColor}
.original-hud .leader-player b{font-size:13px!important;color:#fff!important;font-weight:1000!important}
.original-hud .leader-player small{font-size:10px!important;color:#ead29c!important}
.original-hud .row.plan-vip .leader-player b{color:#ffd84d!important}
.original-hud .row.plan-premium .leader-player b{color:#cf7cff!important;text-shadow:0 0 8px rgba(197,96,255,.38)}
.original-hud .leader-mass{min-width:52px!important;font-size:13px!important;color:#fff2b2!important;text-align:right!important}
.original-hud .clan-title{
  height:auto!important;margin:8px 0 3px auto!important;padding:5px 8px!important;width:max-content;border:1px solid rgba(109,219,255,.24)!important;border-radius:7px!important;
  background:rgba(27,26,19,.42)!important;color:#a9ecff!important;font-size:10px!important;
}
.original-hud .clan-title small{margin-left:8px;font-size:8px!important;color:#d5b36e!important}
.original-hud .clan-ranking{gap:2px!important}
.original-hud .clan-row{
  height:26px!important;padding:3px 7px!important;border:0!important;border-radius:7px!important;
  background:linear-gradient(90deg,rgba(27,36,35,.55),rgba(30,25,11,.20),transparent)!important;font-size:10px!important;text-shadow:0 1px 2px #08120d;
}
.original-hud .clan-row i{width:23px!important;flex-basis:23px!important;font-size:11px!important;color:#d9bd75!important}
.original-hud .clan-row b{font-size:12px!important;text-shadow:0 0 5px currentColor}
.original-hud .clan-row small{font-size:10px!important;color:#f1dfbd!important}
.original-hud .clan-row strong{font-size:11px!important;color:#ffe08a!important}

/* Collapsible bottom-right chat. It starts compact and remembers the choice. */
.original-hud .arena-chat-dock{
  right:18px!important;bottom:18px!important;width:330px!important;height:208px!important;
  padding:9px!important;grid-template-rows:27px minmax(0,1fr) 34px!important;gap:6px!important;
  transition:width .16s ease,height .16s ease,background .16s ease!important;
}
.original-hud .arena-chat-title{min-width:0;border-bottom:1px solid rgba(255,216,123,.18);gap:8px}
.original-hud .arena-chat-title>span{font-size:12px!important}
.original-hud .arena-chat-title button{
  margin-left:auto;height:24px;display:flex;align-items:center;gap:5px;padding:0 7px;border:1px solid rgba(226,153,42,.42);border-radius:7px;
  background:rgba(36,14,0,.42);color:#e7c178;font-size:8px;font-weight:1000;letter-spacing:.035em;pointer-events:auto;
}
.original-hud .arena-chat-title button i{font-style:normal;font-size:12px;line-height:1}.original-hud .arena-chat-title button:hover{background:rgba(99,48,5,.68);color:#ffe8a0}
.original-hud .arena-chat-dock.collapsed{
  width:188px!important;height:40px!important;padding:7px 8px!important;display:block!important;
  background:rgba(54,24,2,.68)!important;border-color:rgba(222,145,31,.60)!important;box-shadow:0 3px 10px rgba(34,14,1,.16)!important;
}
.original-hud .arena-chat-dock.collapsed .arena-chat-title{height:24px;border-bottom:0!important}
.original-hud .arena-chat-dock.collapsed #chatMessages,
.original-hud .arena-chat-dock.collapsed .chat-compose{display:none!important}
.original-hud #chatMessages{font-size:11px!important;line-height:1.4!important}
.original-hud .chat-compose input{font-size:11px!important}

@media(max-width:850px){
  .original-hud .arena-match-stats{left:10px!important;bottom:10px!important;width:260px!important}
  .original-hud .arena-right-panel{width:285px!important;right:10px!important}
  .original-hud .arena-chat-dock{right:10px!important;bottom:10px!important;width:285px!important;height:185px!important}
  .original-hud .arena-chat-dock.collapsed{width:172px!important;height:38px!important}
  .original-hud .leader-player b{font-size:12px!important}.original-hud .leader-clan{font-size:11px!important}.original-hud .leader-mass{font-size:12px!important}
}

/* ===== v1.14.1.8 — sharper arena + non-overflowing XP HUD ===== */
.original-hud .arena-match-stats{
  width:334px!important;
  grid-template-columns:.86fr 1.14fr!important;
  column-gap:7px!important;
  overflow:hidden!important;
}
.original-hud .arena-match-stats .arena-stat-row{
  min-width:0!important;
  padding-left:9px!important;
  padding-right:9px!important;
}
.original-hud .arena-stat-copy{min-width:0!important;max-width:100%!important}
.original-hud .arena-stat-copy b{
  max-width:100%!important;
  font-size:16px!important;
  letter-spacing:-.02em!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.original-hud .arena-stat-copy small{font-size:8.5px!important}
@media(max-width:850px){
  .original-hud .arena-match-stats{width:312px!important;grid-template-columns:.84fr 1.16fr!important}
  .original-hud .arena-stat-copy b{font-size:15px!important}
}

/* ========================================================================== 
   Hungry Wars v1.14.25 — one visual language for Inventory / Avatars / Hats
   ========================================================================== */
#modal[data-view="inventory"],
#modal[data-view="hats-collection"]{
  background:rgba(52,28,5,.73)!important;
  backdrop-filter:blur(7px) saturate(.92)!important;
}
#modal[data-view="inventory"] .modal-window,
#modal[data-view="hats-collection"] .modal-window{
  width:min(1460px,96vw)!important;
  height:min(890px,94vh)!important;
  max-width:none!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  border:4px solid #8b4705!important;
  border-radius:24px!important;
  background:linear-gradient(160deg,#fff6d2,#eab14a)!important;
  box-shadow:0 28px 80px rgba(35,15,1,.60),inset 0 0 0 3px #ffe9a1!important;
}
#modal[data-view="inventory"] #modalBody,
#modal[data-view="hats-collection"] #modalBody{height:100%;min-height:0;overflow:hidden}

.hw1425-unified-screen{
  height:100%;min-height:0;color:var(--hw140-ink);
  background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.94),transparent 31%),linear-gradient(180deg,#fff7de 0%,#f8daa0 56%,#efbd5b 100%);
  font-family:"Trebuchet MS",Arial,sans-serif;
}
.hw1425-unified-screen *{box-sizing:border-box}
.hw1425-hats-screen{display:grid;grid-template-rows:66px 106px 64px minmax(0,1fr)}
.hw1425-inventory-screen{display:grid;grid-template-rows:66px 106px 116px minmax(0,1fr)}
.hw1425-section-head{grid-template-columns:minmax(0,1fr) 130px auto!important}
.hw1425-wallet{align-items:center;flex-wrap:nowrap}
.hw1425-wallet .hw1425-shop-button{
  height:45px;min-width:112px;padding:0 14px;border:2px solid #9b5b0e;border-radius:12px;
  background:linear-gradient(#5ed948,#2da226);box-shadow:0 4px #1d7418,inset 0 2px rgba(255,255,255,.3);
  color:#fff;font-size:12px;font-weight:1000;text-shadow:0 2px #23751d;white-space:nowrap;
}
.hw1425-wallet .hw1425-shop-button:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* Hats: same card rhythm and right-hand detail panel as avatars. */
.hw1425-hat-layout,.hw1425-inventory-layout{grid-template-columns:minmax(0,1fr) 340px!important}
.hw1425-hat-grid,.hw1425-item-grid{
  min-height:0;overflow:auto;overscroll-behavior:contain;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:190px;gap:11px;
  align-content:start;padding:7px 9px 15px 6px;scrollbar-width:thin;scrollbar-color:#bd781c transparent;
}
.hw1425-hat-grid::-webkit-scrollbar,.hw1425-item-grid::-webkit-scrollbar{width:8px}
.hw1425-hat-grid::-webkit-scrollbar-thumb,.hw1425-item-grid::-webkit-scrollbar-thumb{background:#bd781c;border-radius:999px}
.hw1425-hat-card,.hw1425-item-card{
  position:relative;min-width:0;padding:9px 8px 8px;border:2px solid #d5a34b;border-radius:17px;
  background:linear-gradient(180deg,#fff9e8,#f7dfa6);box-shadow:inset 0 1px #fff,0 4px #ab6a16,0 8px 13px rgba(96,52,6,.10);
  color:#62360d;text-align:center;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;
}
.hw1425-hat-card{display:grid;grid-template-rows:112px minmax(0,1fr);gap:5px}
.hw1425-hat-card.special{background:linear-gradient(180deg,#fbf4ff,#eadcf6);border-color:#aa84cf}
.hw1425-hat-card:hover,.hw1425-item-card:hover{transform:translateY(-3px);filter:brightness(1.025)}
.hw1425-hat-card.focused,.hw1425-item-card.focused{outline:4px solid #56b932;outline-offset:-3px;box-shadow:inset 0 1px #fff,0 5px #2f7c1e,0 10px 18px rgba(58,115,30,.23)}
.hw1425-hat-card.locked:not(.focused) .collection-hat img,.hw1425-item-card.locked:not(.focused) .hw1425-item-art img{filter:saturate(.5) brightness(.82);opacity:.72}
.hw1425-hat-art{height:110px;display:grid;place-items:center}
.hw1425-hat-art .collection-hat.sm{width:126px!important;height:96px!important;margin:0!important;background:linear-gradient(145deg,#f8f3df,#d9edf0)!important;border-radius:13px!important}
.hw1425-hat-art .collection-hat img{width:100%!important;height:100%!important;object-fit:contain!important}
.hw1425-hat-card-copy,.hw1425-item-copy{min-width:0;display:grid;align-content:start;gap:1px}
.hw1425-hat-card-copy b,.hw1425-item-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.hw1425-hat-card-copy small,.hw1425-item-rarity{font-size:9px;font-weight:1000;color:#9b682c;text-transform:uppercase}
.hw1425-hat-card-copy em,.hw1425-item-copy em{margin-top:2px;font-style:normal;font-size:10px;font-weight:1000;color:#7b4a15}

.hw1425-collection-detail{
  min-height:0;display:grid;grid-template-rows:245px minmax(0,1fr) auto;overflow:hidden;
  border:3px solid #c07a18;border-radius:21px;background:linear-gradient(180deg,#fff7d4,#edc263);
  box-shadow:inset 0 0 0 2px rgba(255,253,229,.82),0 6px #8e4a07,0 12px 22px rgba(78,38,3,.17);
}
.hw1425-detail-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#fffce6 0%,#ffd875 46%,#d98b12 100%);border-bottom:2px solid rgba(143,73,5,.38)}
.hw1425-detail-art::before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.34) 0 9deg,transparent 9deg 18deg);animation:hw120Rays 24s linear infinite}
.hw1425-detail-art>span{position:absolute;z-index:4;left:16px;top:14px;padding:6px 11px;border-radius:999px;background:#5e2b04;color:#ffe99d;border:1px solid #e9aa2d;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.07em}
.hw1425-detail-art .collection-hat.xl{position:relative;z-index:2;width:220px!important;height:176px!important;margin:22px auto 0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.hw1425-detail-art .collection-hat.xl img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 12px 8px rgba(68,32,3,.28))}
.hw1425-detail-copy{min-height:0;padding:15px 18px 10px;overflow:auto}
.hw1425-detail-copy>small{color:#9b6222;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.06em}
.hw1425-detail-copy h3{margin:4px 0 7px;color:#5a2b05;font-size:25px;line-height:1.05}
.hw1425-detail-copy p{margin:0;color:#82531d;font-size:12px;line-height:1.45;font-weight:750}
.hw1425-detail-actions{display:grid;gap:8px;padding:11px 14px 15px}
.hw1425-secondary-action{width:100%;min-height:46px;border:0;border-radius:12px;background:linear-gradient(#f3b83e,#d88712);box-shadow:0 4px #925006;color:#fff;font-weight:1000;text-shadow:0 2px #a55c09}
.hw1425-hat-progress{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 10px;border:1px solid #d6a34e;border-radius:11px;background:rgba(255,248,216,.62);color:#87561f;font-size:10px;font-weight:900}
.hw1425-hat-progress b{color:#5c310b}

/* Inventory slot strip lives where avatar rarity tabs live, preserving the same hierarchy. */
.hw1425-loadout-strip{
  min-height:0;display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;padding:9px 28px;
  background:linear-gradient(180deg,#f0c865,#e6aa32);border-bottom:2px solid #b66b0c;box-shadow:inset 0 2px rgba(255,245,194,.55);
}
.hw1425-loadout-label b,.hw1425-loadout-label small{display:block}.hw1425-loadout-label b{font-size:13px}.hw1425-loadout-label small{margin-top:4px;color:#8a5316;font-size:9px;font-weight:800}.hw1425-loadout-label strong{color:#4d2705}
.hw1425-loadout-slots{min-width:0;display:flex;align-items:center;gap:7px;justify-content:flex-start}
.hw1425-loadout-slot{
  position:relative;width:128px;height:84px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:5px;padding:7px 7px 7px 8px;
  border:2px solid #b6781d;border-radius:13px;background:linear-gradient(#fff6d5,#f0d28a);box-shadow:0 3px #93500a;color:#75430e;text-align:left;
}
.hw1425-loadout-slot.selected{border-color:#2f8f30;outline:3px solid #5ac244;outline-offset:-3px;background:linear-gradient(#fffbdc,#e6ef9b);box-shadow:0 3px #317b22}
.hw1425-loadout-slot img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(75,35,3,.18))}
.hw1425-loadout-slot>span{min-width:0}.hw1425-loadout-slot>span b,.hw1425-loadout-slot>span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw1425-loadout-slot>span b{font-size:10px}.hw1425-loadout-slot>span small{font-size:8px;color:#9b6a2d}
.hw1425-loadout-slot kbd{position:absolute;left:4px;top:4px;z-index:3;min-width:20px;height:20px;display:grid;place-items:center;border:1px solid #8d5512;border-radius:6px;background:#5e2c04;color:#ffe58f;font-size:10px;font-weight:1000}
.hw1425-loadout-slot>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:2px dashed #c1852e;color:#bd7419;font:1000 25px/1 Arial}
.hw1425-special-slot{display:flex;align-items:center;gap:5px;margin-left:3px}.hw1425-special-slot>small{writing-mode:vertical-rl;transform:rotate(180deg);font-size:7px;font-weight:1000;color:#855015;letter-spacing:.05em}

.hw1425-item-card{height:190px;display:grid;grid-template-rows:18px 91px minmax(0,1fr);gap:3px;padding-top:7px}
.hw1425-item-card.rarity-rare{background:linear-gradient(180deg,#f3fff9,#d1eee3);border-color:#68bfa9}
.hw1425-item-card.rarity-epic{background:linear-gradient(180deg,#fbf4ff,#e4d2f6);border-color:#a783d6}
.hw1425-item-card.rarity-legendary{background:linear-gradient(180deg,#fff8da,#f4d47e);border-color:#dfa22d}
.hw1425-item-rarity{display:block;text-align:left;padding-left:2px}
.hw1425-item-art{height:91px;display:grid;place-items:center}
.hw1425-item-art img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(72,35,4,.22))}
.hw1425-item-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:22px;color:#93642b;font-size:9px;line-height:1.15}
.hw1425-inventory-detail .item-detail-art img{position:relative;z-index:2;width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(68,32,3,.28))}
.hw1425-detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px 8px;margin:13px 0 0;padding:10px;border-radius:11px;background:rgba(255,248,216,.62);border:1px solid #d6a34e}
.hw1425-detail-stats dt{font-size:9px;color:#98672d}.hw1425-detail-stats dd{margin:0;text-align:right;font-size:10px;font-weight:1000;color:#62370d}
.hw1425-empty,.hw1425-empty-detail{min-height:180px;display:grid;place-items:center;align-content:center;gap:5px;color:#8c5e28;font-weight:900;text-align:center}
.hw1425-empty-detail span{font-size:10px;font-weight:700}

@media(max-width:1180px){
  .hw1425-hats-screen{grid-template-rows:58px 98px 58px minmax(0,1fr)}
  .hw1425-inventory-screen{grid-template-rows:58px 98px 104px minmax(0,1fr)}
  .hw1425-section-head{grid-template-columns:minmax(0,1fr) 105px auto!important}
  .hw1425-hat-layout,.hw1425-inventory-layout{grid-template-columns:minmax(0,1fr) 300px!important}
  .hw1425-hat-grid,.hw1425-item-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-rows:178px}
  .hw1425-hat-card,.hw1425-item-card{height:178px;grid-auto-rows:auto}
  .hw1425-loadout-strip{grid-template-columns:110px minmax(0,1fr);padding-left:18px;padding-right:18px}
  .hw1425-loadout-slot{width:106px;height:74px;grid-template-columns:40px minmax(0,1fr)}.hw1425-loadout-slot img{width:39px;height:39px}
  .hw1425-wallet .hw1425-shop-button{min-width:94px;padding:0 9px}
}
@media(max-width:850px){
  #modal[data-view="inventory"] .modal-window,#modal[data-view="hats-collection"] .modal-window{width:98vw!important;height:96vh!important}
  .hw1425-hats-screen{grid-template-rows:54px 90px 58px minmax(0,1fr)}
  .hw1425-inventory-screen{grid-template-rows:54px 90px 94px minmax(0,1fr)}
  .hw1425-section-head{grid-template-columns:1fr auto!important;padding-right:70px!important}.hw1425-section-head p,.hw1425-section-head .hw120-collection-count{display:none}
  .hw1425-wallet span:nth-child(2),.hw1425-wallet .hw1425-shop-button{display:none}
  .hw1425-hat-layout,.hw1425-inventory-layout{grid-template-columns:1fr!important}.hw1425-collection-detail{display:none}
  .hw1425-loadout-strip{grid-template-columns:1fr;padding:7px 10px}.hw1425-loadout-label{display:none}.hw1425-loadout-slots{overflow-x:auto}.hw1425-loadout-slot{flex:0 0 103px}
  .hw1425-hat-grid,.hw1425-item-grid{grid-template-columns:repeat(auto-fill,minmax(125px,1fr))}
}
@media(prefers-reduced-motion:reduce){.hw1425-detail-art::before{animation:none}.hw1425-hat-card,.hw1425-item-card,.hw1425-loadout-slot{transition:none!important}}

/* ========================================================================== 
   Hungry Wars v1.14.26 — unified honey Battle Shop
   ========================================================================== */
#modal[data-view="shop"],#modal[data-view="seller"]{background:rgba(52,28,5,.73)!important;backdrop-filter:blur(7px) saturate(.92)!important}
#modal[data-view="shop"] .modal-window,#modal[data-view="seller"] .modal-window{
  width:min(1500px,97vw)!important;height:min(920px,95vh)!important;max-width:none!important;max-height:none!important;overflow:hidden!important;padding:0!important;
  border:4px solid #8b4705!important;border-radius:24px!important;background:linear-gradient(160deg,#fff6d2,#eab14a)!important;
  box-shadow:0 28px 80px rgba(35,15,1,.60),inset 0 0 0 3px #ffe9a1!important
}
#modal[data-view="shop"] #modalBody,#modal[data-view="seller"] #modalBody{height:100%;min-height:0;overflow:hidden}
#modal[data-view="shop"] .modal-close,#modal[data-view="seller"] .modal-close{
  right:14px!important;top:10px!important;z-index:80!important;width:48px!important;height:48px!important;border:3px solid #fff0ae!important;border-radius:50%!important;
  background:linear-gradient(#fa5944,#d83227)!important;color:#fff!important;box-shadow:0 4px #991c14,0 0 0 2px #ad650f,0 7px 17px rgba(72,30,2,.25)!important;font-size:30px!important;line-height:40px!important
}
.hw1426-shop-screen,.hw1426-seller-screen{height:100%;min-height:0;color:#63360d;background:radial-gradient(circle at 48% -12%,rgba(255,255,255,.96),transparent 33%),linear-gradient(180deg,#fff7df 0,#f8d98d 57%,#efbb51 100%);font-family:"Trebuchet MS",Arial,sans-serif}
.hw1426-shop-screen{display:grid;grid-template-rows:64px 96px 96px 40px minmax(0,1fr) 86px}.hw1426-seller-screen{display:grid;grid-template-rows:64px 96px 96px minmax(0,1fr)}
.hw1426-shop-screen *,.hw1426-seller-screen *{box-sizing:border-box}
.hw1426-shop-head{display:flex;align-items:center;gap:18px;padding:11px 72px 11px 30px;border-bottom:2px solid #d39a34;background:linear-gradient(180deg,rgba(255,251,231,.96),rgba(255,230,163,.86))}
.hw1426-shop-head>div:first-child{min-width:0}.hw1426-shop-head small{display:block;color:#a36823;font-size:9px;font-weight:1000;letter-spacing:.14em}.hw1426-shop-head h2{margin:1px 0 2px;color:#5a2b05;font-size:30px;line-height:1}.hw1426-shop-head p{margin:0;color:#8d5920;font-size:11px;font-weight:750}
.hw1426-shop-wallet{margin-left:auto;display:flex;align-items:center;gap:10px}.hw1426-shop-wallet>span{height:44px;min-width:128px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #b56d0d;border-radius:999px;background:linear-gradient(#80420b,#5a2b04);box-shadow:inset 0 2px rgba(255,239,165,.22),0 3px #8d4b07;color:#fff2c0}.hw1426-shop-wallet>span.honey{min-width:115px;background:linear-gradient(#795110,#5c3104)}.hw1426-shop-wallet img{width:24px;height:24px}.hw1426-shop-wallet b{font-size:16px}.hw1426-shop-wallet button{height:44px;min-width:126px;padding:0 15px;border:2px solid #2c8d22;border-radius:12px;background:linear-gradient(#61dc4d,#2da524);box-shadow:0 4px #1d7618,inset 0 2px rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:1000;text-shadow:0 2px #23751d}
.hw1426-shop-tools{display:grid;grid-template-columns:620px minmax(0,1fr);align-items:center;gap:20px;padding:9px 26px;background:linear-gradient(180deg,#f7ca65,#efb540);border-bottom:2px solid #bd770f;box-shadow:inset 0 2px rgba(255,247,202,.55)}
.hw1426-shop-tools nav{display:flex;align-items:center;gap:8px}.hw1426-shop-tools nav button{height:54px;min-width:132px;padding:0 18px;border:2px solid #c18425;border-radius:13px;background:linear-gradient(#fff5ca,#efcf7c);box-shadow:0 3px #a96816;color:#72400d;font-weight:1000}.hw1426-shop-tools nav button.active{background:linear-gradient(#ffc84e,#eaa11f);border-color:#a96814;box-shadow:0 4px #8c4f0b,inset 0 2px #ffeaa3;color:#fff;text-shadow:0 2px #a36311}.hw1426-shop-tools nav button.rare{background:linear-gradient(135deg,#7a3aa0,#51246f);border-color:#7a3aa0;color:#fff;box-shadow:0 3px #3c184e}
.hw1426-shop-loadout{display:flex;justify-content:flex-end;gap:7px;min-width:0}.hw1426-loadout-mini{position:relative;width:112px;height:74px;padding:7px 6px 6px 42px;display:flex;align-items:center;border:2px solid #c08327;border-radius:12px;background:linear-gradient(#fff6d6,#f2d38c);box-shadow:0 3px #9b5c0e;color:#6c3a0b;text-align:left;overflow:hidden}.hw1426-loadout-mini img{position:absolute;left:9px;top:22px;width:38px;height:38px;object-fit:contain}.hw1426-loadout-mini>span{min-width:0}.hw1426-loadout-mini b,.hw1426-loadout-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw1426-loadout-mini b{font-size:9px}.hw1426-loadout-mini small{font-size:8px;color:#99682a}.hw1426-loadout-mini kbd{position:absolute;left:4px;top:4px;min-width:20px;height:20px;display:grid;place-items:center;border:1px solid #8d5512;border-radius:6px;background:#5e2c04;color:#ffe58f;font-size:10px;font-weight:1000}.hw1426-loadout-mini i{position:absolute;left:14px;top:28px;font-style:normal;font-size:24px;color:#b7751e}
.hw1426-shop-tip{display:grid;grid-template-columns:28px auto 1fr;align-items:center;gap:7px;padding:0 30px;border-bottom:1px solid #d5a14b;background:rgba(255,244,207,.75)}.hw1426-shop-tip>span{font-size:20px;color:#9a5d11}.hw1426-shop-tip b{font-size:12px}.hw1426-shop-tip p{margin:0;color:#8a5a23;font-size:10px;font-weight:800}
.hw1426-shop-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;padding:12px 18px 8px}
.hw1426-shop-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));grid-auto-rows:246px;gap:10px;padding:2px 8px 12px 2px;align-content:start;scrollbar-width:thin;scrollbar-color:#bd781c transparent}.hw1426-shop-grid::-webkit-scrollbar{width:8px}.hw1426-shop-grid::-webkit-scrollbar-thumb{background:#bd781c;border-radius:999px}
.hw1426-shop-card{position:relative;height:246px;display:grid;grid-template-rows:22px 105px minmax(0,1fr) 36px;gap:2px;padding:8px;border:2px solid #d0a047;border-radius:17px;background:linear-gradient(180deg,#fff9e8,#f7dfa6);box-shadow:inset 0 1px #fff,0 4px #a96715;color:#65380e;text-align:center;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.hw1426-shop-card:hover{transform:translateY(-2px);filter:brightness(1.02)}.hw1426-shop-card.selected{outline:4px solid #51b936;outline-offset:-3px;box-shadow:inset 0 1px #fff,0 5px #2f7c1e,0 10px 18px rgba(58,115,30,.22)}.hw1426-shop-card.rarity-rare{background:linear-gradient(180deg,#f3fff9,#d4efe5);border-color:#68bfa9}.hw1426-shop-card.rarity-epic{background:linear-gradient(180deg,#fbf4ff,#e6d5f7);border-color:#a783d6}.hw1426-shop-card.rarity-legendary{background:linear-gradient(180deg,#fff8da,#f4d47e);border-color:#dfa22d}
.hw1426-shop-card-top{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;text-transform:uppercase}.hw1426-shop-card-top>b{color:#9a641f}.hw1426-shop-card-top em{font-style:normal;color:#8b6c45}.hw1426-shop-card-top strong{color:#68410d}.hw1426-shop-card-art{height:105px;display:grid;place-items:center}.hw1426-shop-card-art img{width:104px;height:100px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(75,35,3,.24))}.hw1426-shop-card-copy{display:grid;align-content:start;gap:4px}.hw1426-shop-card-copy>strong{font-size:14px;line-height:1.05}.hw1426-shop-card-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:23px;color:#8e602a;font-size:9px;line-height:1.2}.hw1426-shop-card-price{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px}.hw1426-shop-card-price i{height:31px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;background:linear-gradient(#f7bb36,#dd8e10);box-shadow:0 2px #a65e08;color:#fff;font-style:normal;font-size:11px;font-weight:1000;text-shadow:0 1px #a35d08}.hw1426-shop-card-price i.gem{background:linear-gradient(#45c9f5,#188bc8);box-shadow:0 2px #0b6498}.hw1426-shop-card-price img{width:18px;height:18px}.hw1426-shop-card-price>small{position:absolute;left:50%;top:-15px;transform:translateX(-50%);font-size:8px;color:#8e5f25;font-weight:1000}
.hw1426-shop-detail{min-height:0;display:grid;grid-template-rows:208px minmax(0,1fr) auto;overflow:hidden;border:3px solid #c07a18;border-radius:21px;background:linear-gradient(180deg,#fff7d4,#edc263);box-shadow:inset 0 0 0 2px rgba(255,253,229,.82),0 6px #8e4a07}.hw1426-detail-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#fffce6 0,#ffd875 46%,#d98b12 100%);border-bottom:2px solid rgba(143,73,5,.38)}.hw1426-detail-art:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:repeating-conic-gradient(rgba(255,255,255,.34) 0 9deg,transparent 9deg 18deg);animation:hw120Rays 24s linear infinite}.hw1426-detail-art>span{position:absolute;z-index:3;left:14px;top:12px;padding:6px 10px;border-radius:999px;background:#603105;color:#ffeaa1;font-size:9px;font-weight:1000}.hw1426-detail-art img{position:relative;z-index:2;width:190px;height:180px;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(68,32,3,.28))}
.hw1426-detail-copy{padding:12px 15px 7px;overflow:auto}.hw1426-detail-copy>small{color:#9b6222;font-size:9px;font-weight:1000;letter-spacing:.08em}.hw1426-detail-copy h3{margin:3px 0 6px;color:#5a2b05;font-size:23px;line-height:1.05}.hw1426-detail-copy p{margin:0 0 8px;color:#81511d;font-size:11px;line-height:1.35;font-weight:750}.hw1426-detail-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin:0;padding:8px;border:1px solid #d3a048;border-radius:10px;background:rgba(255,249,220,.65)}.hw1426-detail-copy dt{font-size:8px;color:#966329}.hw1426-detail-copy dd{margin:0;text-align:right;font-size:9px;font-weight:1000;color:#60350c}
.hw1426-pack-box{display:grid;gap:5px;padding:9px 12px 13px;border-top:1px solid #d8a54d}.hw1426-pack-box>strong{text-align:center;font-size:10px;color:#70420f}.hw1426-pack-row{height:34px;display:grid;grid-template-columns:48px 1fr 1fr;gap:5px}.hw1426-pack-row>b{display:grid;place-items:center;border:1px solid #d2a04a;border-radius:8px;background:#fff6d0;color:#71420f}.hw1426-pack-row button{border:0;border-radius:8px;background:linear-gradient(#f5ba37,#df8d0e);box-shadow:0 2px #a75e08;color:#fff;font-size:10px;font-weight:1000;display:flex;align-items:center;justify-content:center;gap:5px}.hw1426-pack-row button.gem{background:linear-gradient(#45c9f5,#188bc8);box-shadow:0 2px #0b6498}.hw1426-pack-row button:hover{filter:brightness(1.07);transform:translateY(-1px)}.hw1426-pack-row img{width:17px;height:17px}
.hw1426-detail-empty{height:100%;min-height:180px;display:grid;place-items:center;align-content:center;gap:8px;padding:28px;text-align:center;color:#895921}.hw1426-detail-empty>span{font-size:38px;color:#b67718}.hw1426-detail-empty b{font-size:18px}.hw1426-detail-empty p{max-width:260px;margin:0;font-size:11px;line-height:1.4}
.hw1426-rare-tease{margin:0 18px 10px;height:74px;display:grid;grid-template-columns:58px minmax(220px,1.2fr) repeat(3,minmax(130px,.6fr)) 30px;align-items:center;gap:8px;padding:6px 12px;border:2px solid #b87517;border-radius:16px;background:linear-gradient(90deg,#fff1bb,#f5ca68);box-shadow:0 3px #9a570b;color:#65340b;text-align:left}.hw1426-merchant-face{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#754190,#4a215f);border:2px solid #d99e3b;color:#fff;font-size:25px}.hw1426-rare-copy b,.hw1426-rare-copy small{display:block}.hw1426-rare-copy b{font-size:12px}.hw1426-rare-copy small{margin-top:3px;font-size:8px;color:#8a5b22}.hw1426-rare-mini{height:55px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:4px;padding:3px 7px;border-left:1px solid #d7a34b}.hw1426-rare-mini img{width:46px;height:46px;object-fit:contain}.hw1426-rare-mini b{font-size:8px;line-height:1.1}.hw1426-rare-tease>i{font-style:normal;font-size:30px;font-weight:1000}

/* Rare seller — same family, not the old dark-purple shop. */
.hw1426-seller-hero{display:flex;align-items:center;gap:16px;padding:12px 30px;border-bottom:2px solid #c7821b;background:linear-gradient(90deg,#f1bc51,#f7d989)}.hw1426-merchant-face.big{width:64px;height:64px;font-size:35px}.hw1426-seller-hero b{font-size:18px}.hw1426-seller-hero p{margin:4px 0 0;color:#80501c;font-size:11px;font-weight:800}.hw1426-seller-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:18px 24px 24px;align-content:start}.hw1426-seller-card{position:relative;min-height:340px;padding:28px 15px 15px;border:3px solid #b77d29;border-radius:18px;background:linear-gradient(#fff6d4,#f0ce7d);box-shadow:inset 0 1px #fff,0 5px #8e530e;text-align:center;color:#66370d}.hw1426-seller-card>span{position:absolute;left:12px;top:10px;padding:5px 9px;border-radius:999px;background:#6f328a;color:#fff;font-size:8px;font-weight:1000}.hw1426-seller-card>img{width:150px;height:145px;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(64,28,2,.26))}.hw1426-seller-card h3{margin:3px 0 7px;font-size:17px}.hw1426-seller-card p{min-height:40px;margin:0;color:#85551f;font-size:10px;line-height:1.35}.hw1426-seller-card>button{height:42px;min-width:150px;margin-top:14px;border:0;border-radius:11px;background:linear-gradient(#9f6a1f,#6e3c09);box-shadow:0 4px #492603;color:#fff;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:8px}.hw1426-seller-card>button img{width:23px;height:23px}

/* Inventory: click-only selection; hover is visual only and never changes the right panel. */
.hw1426-inventory-hint p{max-width:245px;margin:0;color:#91622a;font-size:10px;line-height:1.4}.hw1426-inventory-hint>span{font-size:34px;color:#b27416}.hw1425-item-card:focus{outline:none}.hw1425-item-card.focused{outline:4px solid #56b932!important;outline-offset:-3px!important}

@media(max-width:1230px){
  .hw1426-shop-screen{grid-template-rows:58px 86px 84px 36px minmax(0,1fr) 76px}.hw1426-seller-screen{grid-template-rows:58px 86px 86px minmax(0,1fr)}
  .hw1426-shop-head{padding-left:20px}.hw1426-shop-head h2{font-size:25px}.hw1426-shop-tools{grid-template-columns:510px minmax(0,1fr);padding-left:16px;padding-right:16px}.hw1426-shop-tools nav button{min-width:112px;padding:0 10px;height:48px;font-size:10px}.hw1426-loadout-mini{width:94px;height:64px}.hw1426-loadout-mini img{width:32px;height:32px;top:21px}.hw1426-shop-layout{grid-template-columns:minmax(0,1fr) 320px}.hw1426-shop-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));grid-auto-rows:228px}.hw1426-shop-card{height:228px;grid-template-rows:20px 91px minmax(0,1fr) 34px}.hw1426-shop-card-art{height:91px}.hw1426-shop-card-art img{width:88px;height:88px}.hw1426-rare-tease{grid-template-columns:48px 1fr repeat(3,115px) 24px}
}
@media(max-width:900px){
  #modal[data-view="shop"] .modal-window,#modal[data-view="seller"] .modal-window{width:98vw!important;height:96vh!important}.hw1426-shop-screen{grid-template-rows:54px 78px 68px 32px minmax(0,1fr)}.hw1426-shop-screen>.hw1426-rare-tease{display:none}.hw1426-shop-head p,.hw1426-shop-tip p,.hw1426-shop-loadout{display:none}.hw1426-shop-tools{grid-template-columns:1fr;padding:6px 10px}.hw1426-shop-tools nav{overflow-x:auto}.hw1426-shop-tools nav button{flex:0 0 110px;height:45px}.hw1426-shop-layout{grid-template-columns:1fr;padding:8px}.hw1426-shop-detail{display:none}.hw1426-shop-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr))}.hw1426-shop-wallet>span:nth-child(2){display:none}.hw1426-shop-wallet button{min-width:100px}.hw1426-seller-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:12px}.hw1426-seller-card{min-height:300px}.hw1426-seller-card>img{width:125px;height:120px}
}
@media(prefers-reduced-motion:reduce){.hw1426-detail-art:before{animation:none}.hw1426-shop-card,.hw1426-pack-row button{transition:none!important}}

/* ========================================================================== 
   Hungry Wars v1.14.27 — Rare vendor event + advanced admin panel
   ========================================================================== */
.hw1427-rare-off{height:74px;margin:0 18px 10px;display:flex;align-items:center;gap:14px;padding:4px 18px;border:2px dashed #bd862f;border-radius:16px;background:linear-gradient(90deg,#fff4cb,#ecd28f);color:#7c531c;opacity:.86}.hw1427-rare-off>img{width:58px;height:66px;object-fit:contain;filter:grayscale(.35) saturate(.6);align-self:end}.hw1427-rare-off b,.hw1427-rare-off small{display:block}.hw1427-rare-off b{font-size:12px}.hw1427-rare-off small{margin-top:4px;font-size:9px;line-height:1.25}.hw1427-rare-live{grid-template-columns:68px minmax(220px,1.2fr) repeat(3,minmax(130px,.6fr)) 30px}.hw1427-tease-vendor{width:68px;height:68px;object-fit:contain;align-self:end;filter:drop-shadow(0 5px 4px #5b2e0a55)}

#modal[data-view="seller"] .modal-window{width:min(1450px,97vw)!important;height:min(900px,95vh)!important;max-height:none!important;overflow:hidden!important;padding:0!important}.hw1427-seller-screen{height:100%;min-height:0;display:grid;grid-template-rows:58px 88px 114px minmax(0,1fr);overflow:hidden;background:linear-gradient(180deg,#fff3c2,#f4ca69);color:#65360d}.hw1427-seller-head{border-bottom:2px solid #c27a17}.hw1427-seller-hero{position:relative;display:flex;align-items:center;gap:18px;padding:4px 28px 4px 120px;border-bottom:2px solid #c47b18;background:linear-gradient(90deg,#7b348e 0,#a24cb0 29%,#f0be56 29%,#f6d783 100%);overflow:hidden}.hw1427-seller-hero>img{position:absolute;left:14px;bottom:-18px;width:110px;height:140px;object-fit:contain;filter:drop-shadow(0 6px 4px rgba(64,26,3,.35))}.hw1427-seller-hero div{padding-left:8px}.hw1427-seller-hero b{font-size:21px;color:#713408}.hw1427-seller-hero p{margin:3px 0;color:#7e4d17;font-size:11px;font-weight:850}.hw1427-seller-hero small{font-size:9px;color:#9e6425;font-weight:900}.hw1427-seller-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(225px,1fr));gap:12px;padding:15px 20px 22px;align-content:start}.hw1427-seller-card{position:relative;min-height:356px;display:grid;grid-template-rows:145px auto minmax(40px,auto) 18px 88px;gap:4px;padding:27px 12px 11px;border:3px solid #bd8330;border-radius:18px;background:linear-gradient(#fff8dc,#f1d082);box-shadow:inset 0 1px #fff,0 5px #94540d;color:#67390f;text-align:center}.hw1427-seller-card.rarity-epic{border-color:#8f57ae;background:linear-gradient(#fff7da,#ead8f4 58%,#efce7b)}.hw1427-seller-card.rarity-legendary{border-color:#b87817;box-shadow:inset 0 1px #fff,0 5px #7c4308,0 0 18px rgba(134,75,5,.18)}.hw1427-exclusive{position:absolute;left:10px;top:9px;padding:5px 9px;border-radius:999px;background:linear-gradient(#8c3cac,#64217f);color:#fff;font-size:8px;font-weight:1000}.hw1427-seller-art{height:145px;display:grid;place-items:center}.hw1427-seller-art img{width:145px;height:138px;object-fit:contain;filter:drop-shadow(0 9px 6px rgba(62,26,2,.28))}.hw1427-seller-card h3{margin:0;font-size:17px;line-height:1.05}.hw1427-seller-card>p{margin:0;color:#81531f;font-size:9px;line-height:1.25;font-weight:800}.hw1427-seller-card>small{color:#8d632b;font-size:9px}.hw1427-rare-packs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-self:end}.hw1427-rare-packs button{min-width:0;height:62px;display:grid;grid-template-rows:22px 1fr;place-items:center;padding:2px;border:1px solid #bd812d;border-radius:8px;background:linear-gradient(#fff1bb,#e5b24f);box-shadow:0 2px #9b590d;color:#603309;font-weight:1000}.hw1427-rare-packs button:hover{filter:brightness(1.06);transform:translateY(-1px)}.hw1427-rare-packs button>b{font-size:10px}.hw1427-rare-packs button>span{display:grid;place-items:center;font-size:8px;line-height:1.05}.hw1427-rare-packs img{width:17px;height:17px}.hw1427-seller-head .hw1426-shop-wallet .honey{background:linear-gradient(#8a4b10,#653006);color:#fff0a5}

/* Floating merchant in the lobby: intentionally no panel/background. */
.hw1427-vendor-float{position:fixed;z-index:38;right:max(18px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:230px;height:285px;pointer-events:none;filter:drop-shadow(0 12px 13px rgba(56,24,3,.42))}.hw1427-vendor-open{position:absolute;inset:0;border:0;background:transparent!important;padding:0;pointer-events:auto;color:#fff;text-align:center;overflow:visible}.hw1427-vendor-open>img{position:absolute;left:6px;right:6px;bottom:38px;width:218px;height:250px;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(55,22,0,.28));transition:transform .16s ease}.hw1427-vendor-open:hover>img{transform:translateY(-4px) scale(1.02)}.hw1427-vendor-open>span{position:absolute;left:24px;right:17px;bottom:4px;padding:8px 10px;border:3px solid #f3bd39;border-radius:13px;background:linear-gradient(#8b33a9,#5a1d74);box-shadow:0 4px #4c173d;color:#fff}.hw1427-vendor-open b,.hw1427-vendor-open small{display:block}.hw1427-vendor-open b{font-size:13px;letter-spacing:.035em}.hw1427-vendor-open small{margin-top:2px;color:#ffe7a2;font-size:8px}.hw1427-vendor-close{position:absolute;z-index:4;right:3px;top:24px;width:35px;height:35px;display:grid;place-items:center;border:3px solid #fff0a6;border-radius:50%;background:linear-gradient(#f65b42,#c8251b);box-shadow:0 3px #8e170e;color:#fff;font-size:25px;font-weight:1000;line-height:1;pointer-events:auto}.hw1427-vendor-close:hover{filter:brightness(1.07);transform:scale(1.06)}

/* Admin v3 */
#modal[data-view="admin"] .modal-window{width:min(1450px,97vw)!important;height:min(920px,96vh)!important;max-height:none!important;overflow:hidden!important;padding:0!important;background:#f7d77f!important}.hw1427-admin{height:100%;min-height:0;display:grid;grid-template-rows:78px 82px minmax(0,1fr) 100px;background:linear-gradient(#fff2bd,#f2c85f);color:#5c310b;overflow:hidden}.hw1427-admin>header{display:flex;align-items:center;justify-content:space-between;padding:11px 28px;border-bottom:2px solid #c37a19;background:linear-gradient(#fff7d8,#f9dfa0)}.hw1427-admin>header small{font-size:9px;font-weight:1000;letter-spacing:.12em;color:#9a6224}.hw1427-admin>header h2{margin:2px 0 1px;font-size:27px}.hw1427-admin>header p{margin:0;font-size:10px;font-weight:800;color:#8c5b25}.hw1427-admin>header button{border:0;border-radius:9px;padding:9px 14px;background:#7b4813;color:#fff;font-size:9px;font-weight:1000}.hw1427-admin-vendor{display:grid;grid-template-columns:74px minmax(220px,1fr) repeat(5,104px);align-items:center;gap:7px;padding:5px 22px;border-bottom:2px solid #c47b18;background:linear-gradient(90deg,#75408e,#9a50aa 23%,#f0bb4d 23%,#f6d77d)}.hw1427-admin-vendor>img{width:76px;height:86px;object-fit:contain;align-self:end}.hw1427-admin-vendor div b,.hw1427-admin-vendor div small{display:block}.hw1427-admin-vendor div b{font-size:17px}.hw1427-admin-vendor div small{font-size:9px;color:#7d4d19}.hw1427-admin-vendor button{height:40px;border:2px solid #ae731e;border-radius:10px;background:linear-gradient(#fff1b8,#e3ad42);box-shadow:0 2px #8e4f0b;color:#673609;font-size:9px;font-weight:1000}.hw1427-admin-vendor button.off{background:linear-gradient(#ef6b54,#c43128);border-color:#a32119;color:#fff;box-shadow:0 2px #81180f}.hw1427-admin-layout{min-height:0;display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px;padding:12px 16px}.hw1427-admin-list,.hw1427-admin-target{min-height:0;border:2px solid #c1872f;border-radius:14px;background:#fff0b8;overflow:hidden}.hw1427-admin-search{height:50px;display:grid;grid-template-columns:1fr 74px;gap:6px;padding:8px;border-bottom:1px solid #d4a452}.hw1427-admin-search input{min-width:0;border:2px solid #c28a36;border-radius:8px;background:#fff9df;padding:0 9px;outline:0}.hw1427-admin-search button{border:0;border-radius:8px;background:#287fc0;color:#fff;font-size:9px;font-weight:1000}.hw1427-admin-players{height:calc(100% - 50px);overflow:auto;padding:6px}.hw1427-admin-player{position:relative;width:100%;min-height:53px;display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid transparent;border-bottom-color:#ead092;background:transparent;color:#623a10;text-align:left}.hw1427-admin-player:hover{background:#fff7d6}.hw1427-admin-player.selected{border-color:#3f9a31;border-radius:9px;background:#f0ffd4}.hw1427-admin-online{width:9px;height:9px;border-radius:50%;background:#aaa}.hw1427-admin-online.on{background:#43c443;box-shadow:0 0 6px #43c443}.hw1427-admin-player b,.hw1427-admin-player small{display:block}.hw1427-admin-player b{font-size:11px}.hw1427-admin-player small{font-size:8px;color:#8e662f}.hw1427-admin-player em{padding:3px 5px;border-radius:5px;background:#cf362d;color:#fff;font-size:7px;font-style:normal;font-weight:1000}.hw1427-admin-target{display:grid;grid-template-rows:58px 48px minmax(0,1fr)}.hw1427-admin-target-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #dcaf5b;background:#fff7d5}.hw1427-admin-target-head h3{margin:0;font-size:20px}.hw1427-admin-target-head small{font-size:8px;color:#9b6b2f}.hw1427-admin-target-head>span{font-size:9px;font-weight:1000;color:#9d6e3b}.hw1427-admin-target-head>span.online{color:#2d9d2d}.hw1427-admin-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:6px 10px;border-bottom:1px solid #d9ab53;background:#f7dc94}.hw1427-admin-metrics span{display:grid;place-items:center;border-radius:7px;background:#fff0bd;font-size:8px}.hw1427-admin-metrics b{font-size:11px}.hw1427-admin-panels{min-height:0;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:9px}.hw1427-admin-panels section{align-self:start;padding:10px;border:1px solid #d0a153;border-radius:10px;background:#fff7d5}.hw1427-admin-panels h4{margin:0 0 7px;font-size:10px;color:#784611}.hw1427-admin-panels label{height:31px;display:grid;grid-template-columns:75px 1fr 84px;align-items:center;gap:5px;margin:4px 0;font-size:8px;font-weight:900}.hw1427-admin-panels input,.hw1427-admin-panels select{min-width:0;height:29px;border:1px solid #c99a48;border-radius:6px;background:#fffdf0;padding:0 6px;font-size:9px}.hw1427-admin-panels button{min-height:29px;border:0;border-radius:6px;background:#267db9;color:#fff;font-size:8px;font-weight:1000;padding:5px 7px}.hw1427-admin-panels button.warn{background:#ce7a20}.hw1427-admin-panels button.danger{background:#d6332b}.hw1427-admin-panels button.green{background:#3ca23b}.hw1427-admin-item-action{display:grid;grid-template-columns:80px 1fr 1fr;gap:5px;margin:6px 0}.hw1427-admin-item-action button.minus{background:#c45131}.hw1427-admin-plan-row,.hw1427-admin-blocks{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.hw1427-admin-plan-row button,.hw1427-admin-blocks button{flex:1;min-width:90px}.hw1427-admin-panels section.moderation>input,.hw1427-admin-panels section.moderation>select{width:100%;margin:3px 0}.hw1427-admin-panels section.moderation p{margin:7px 0 0;font-size:8px;color:#8b5f26}.hw1427-admin-self{margin-top:8px;padding-top:7px;border-top:1px solid #dfbd78}.hw1427-admin-self>b{display:block;font-size:8px;margin-bottom:5px}.hw1427-admin-self button{margin:2px}.hw1427-admin-empty{padding:18px;text-align:center;color:#8e642c;font-weight:900}.hw1427-admin-empty.big{height:100%;display:grid;place-items:center}.hw1427-admin-audit{overflow:auto;padding:8px 16px;border-top:2px solid #c27b1b;background:#e9b64e}.hw1427-admin-audit h4{margin:0 0 4px;font-size:9px}.hw1427-admin-audit>div{display:grid;grid-template-columns:55px 150px 1fr;gap:5px;padding:2px 4px;border-top:1px solid #d49b37;font-size:7px}.hw1427-admin-audit>div b{font-size:8px}

@media(max-width:1100px){.hw1427-seller-grid{grid-template-columns:repeat(3,minmax(190px,1fr))}.hw1427-rare-packs{grid-template-columns:repeat(5,1fr)}.hw1427-admin-layout{grid-template-columns:260px minmax(0,1fr)}.hw1427-admin-vendor{grid-template-columns:60px 1fr repeat(5,82px)}.hw1427-admin-vendor button{font-size:7px}.hw1427-admin-panels{grid-template-columns:1fr}}
@media(max-width:760px){.hw1427-vendor-float{width:165px;height:205px;right:8px;bottom:7px}.hw1427-vendor-open>img{width:158px;height:180px;bottom:31px}.hw1427-vendor-open>span{left:10px;right:8px;padding:5px}.hw1427-vendor-open b{font-size:9px}.hw1427-vendor-open small{display:none}.hw1427-vendor-close{top:15px;width:29px;height:29px;font-size:20px}.hw1427-seller-grid{grid-template-columns:repeat(2,minmax(155px,1fr));padding:9px}.hw1427-seller-card{min-height:325px}.hw1427-rare-packs button{height:54px}.hw1427-admin-layout{grid-template-columns:1fr}.hw1427-admin-list{max-height:170px}.hw1427-admin-vendor{grid-template-columns:44px 1fr repeat(2,80px);height:auto}.hw1427-admin-vendor button:nth-of-type(3),.hw1427-admin-vendor button:nth-of-type(4){display:none}.hw1427-admin>header p{display:none}}

/* ========================================================================== */
/* Hungry Wars flame249 / step35 — roulette reference pass                    */
/* Uses the user's real style.css. Everything below is scoped to roulette246. */
/* ========================================================================== */

html body #modal[data-view="roulette246"]{
  background:
    linear-gradient(180deg,rgba(3,7,12,.04) 0 62px,rgba(2,8,13,.70) 62px 100%)!important;
  backdrop-filter:none!important;
  align-items:center!important;
  justify-content:center!important;
}
html body #modal[data-view="roulette246"]>.modal-window{
  width:min(1460px,calc(100vw - 150px))!important;
  height:min(890px,calc(100vh - 54px))!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body #modal[data-view="roulette246"] #modalBody{
  width:100%!important;height:100%!important;overflow:visible!important;background:transparent!important;
}
html body #modal[data-view="roulette246"]>.modal-window>.modal-close{
  right:-2px!important;top:35px!important;width:66px!important;height:66px!important;
  border:4px solid #ffdc5a!important;border-radius:50%!important;
  background:linear-gradient(180deg,#ff6b36 0%,#e52c18 60%,#c6190e 100%)!important;
  box-shadow:inset 0 0 0 3px #fff1a0,0 4px 0 #8d3b00,0 0 0 3px #a65c08,0 8px 18px rgba(0,0,0,.38)!important;
  color:#fff!important;font:1000 41px/1 Arial!important;text-shadow:0 2px 1px #8d1708!important;
}

html body #modal[data-view="roulette246"] .r246-board{
  top:70px!important;bottom:0!important;
  padding:76px 26px 22px!important;
  border:5px solid #cb7403!important;border-radius:30px!important;
  background:
    radial-gradient(circle at 16% 15%,rgba(255,242,148,.26),transparent 21%),
    radial-gradient(circle at 70% 70%,rgba(255,244,164,.16),transparent 34%),
    linear-gradient(180deg,#f8b523 0%,#f2aa21 38%,#eda01c 100%)!important;
  box-shadow:
    inset 0 0 0 4px #ffdc6b,
    inset 0 0 34px rgba(128,55,0,.20),
    0 14px 32px rgba(0,0,0,.50)!important;
}
html body #modal[data-view="roulette246"] .r246-board:before{
  height:78px!important;
  border-radius:24px 24px 12px 12px!important;
  border-bottom:3px solid #a95902!important;
  background:
    radial-gradient(circle at 6.2% -1%,#ffd95d 0 25px,transparent 26px),
    radial-gradient(circle at 14.3% -2%,#f8c031 0 17px,transparent 18px),
    radial-gradient(circle at 22.5% 1%,#ffd14d 0 12px,transparent 13px),
    radial-gradient(circle at 78% -2%,#ffd75b 0 21px,transparent 22px),
    radial-gradient(circle at 91% 0,#f5bb27 0 17px,transparent 18px),
    linear-gradient(180deg,#f5ad12 0%,#ffc22e 57%,#e99208 100%)!important;
  box-shadow:inset 0 -9px 15px rgba(132,55,0,.18),inset 0 2px rgba(255,235,116,.45)!important;
}
html body #modal[data-view="roulette246"] .r246-board:after{
  left:15px!important;right:15px!important;top:13px!important;bottom:12px!important;
  border:2px solid rgba(145,68,0,.36)!important;border-radius:20px!important;
}

html body #modal[data-view="roulette246"] .r246-title{
  top:-58px!important;width:min(980px,72vw)!important;height:146px!important;gap:14px!important;
  filter:drop-shadow(0 8px 5px rgba(84,30,0,.42))!important;
}
html body #modal[data-view="roulette246"] .r246-title:before{
  left:80px!important;right:80px!important;top:13px!important;bottom:15px!important;
  border:5px solid #f69b05!important;border-radius:22px!important;
  background:linear-gradient(180deg,#c66a09 0%,#9a4304 53%,#713004 100%)!important;
  box-shadow:inset 0 0 0 4px #e98708,inset 0 5px 13px rgba(255,218,94,.30),0 3px 0 #723000!important;
}
html body #modal[data-view="roulette246"] .r246-title h1{
  color:#ffc132!important;
  font:1000 clamp(47px,4.6vw,72px)/.94 "Arial Black","Trebuchet MS",Arial,sans-serif!important;
  -webkit-text-stroke:2.2px #672000!important;
  text-shadow:0 3px 0 #db7205,0 7px 0 #7d2700,0 10px 10px rgba(0,0,0,.42),0 0 7px #ffe36d!important;
}
html body #modal[data-view="roulette246"] .r246-title p{
  left:18%!important;right:18%!important;bottom:8px!important;
  color:#ffd942!important;font-size:18px!important;text-shadow:0 2px 1px #6c2700!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket{
  width:92px!important;height:76px!important;
  filter:sepia(.9) saturate(3.7) hue-rotate(335deg) brightness(1.17) drop-shadow(0 4px 2px #7b2b00)!important;
}

html body #modal[data-view="roulette246"] .r246-body{
  grid-template-columns:220px minmax(575px,620px) minmax(455px,1fr)!important;
  gap:19px!important;height:100%!important;
}
html body #modal[data-view="roulette246"] .r246-box{
  border:2px solid #c77f18!important;border-radius:16px!important;
  background:linear-gradient(180deg,#ffebb0 0%,#f9d776 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,248,207,.70),0 3px 7px rgba(95,49,1,.22)!important;
  color:#5b3309!important;
}
html body #modal[data-view="roulette246"] .r246-box h3{color:#65370a!important}

html body #modal[data-view="roulette246"] .r246-leftcol{
  position:relative!important;padding-top:8px!important;padding-bottom:75px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket{
  min-height:108px!important;padding:13px 14px 12px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket h3{font-size:18px!important}
html body #modal[data-view="roulette246"] .r246-ticket img{width:52px!important;height:39px!important}
html body #modal[data-view="roulette246"] .r246-ticket b{font-size:33px!important;color:#4e2a08!important}
html body #modal[data-view="roulette246"] .r246-ticket button{width:43px!important;height:43px!important}
html body #modal[data-view="roulette246"] .r246-free-spin{
  min-height:126px!important;padding:21px 8px 18px!important;
  border:4px solid #06780d!important;border-radius:22px!important;
  background:linear-gradient(180deg,#54eb2c 0%,#17c217 55%,#078c10 100%)!important;
  box-shadow:inset 0 0 0 2px #caff65,0 5px 0 #075e0a,0 9px 14px rgba(59,75,0,.28)!important;
  font-size:24px!important;
}
html body #modal[data-view="roulette246"] .r246-free-spin small{font-size:18px!important;line-height:1.12!important}

html body #modal[data-view="roulette246"] .r246-center{
  padding-top:0!important;overflow:visible!important;
}
html body #modal[data-view="roulette246"] .r246-wheel{
  width:min(600px,40vw,64vh)!important;height:min(600px,40vw,64vh)!important;
  min-width:555px!important;min-height:555px!important;
  filter:drop-shadow(0 12px 10px rgba(91,38,0,.40))!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring{
  background:radial-gradient(circle,
    transparent 0 78.7%,
    #fff079 79% 80.2%,
    #8d3f00 80.5% 82%,
    #f7b91f 82.3% 86.2%,
    #ffe477 86.5% 88%,
    #9a4500 88.3% 90.2%,
    transparent 90.5%)!important;
  box-shadow:0 0 0 2px #5b2700,0 4px 10px rgba(83,30,0,.38),0 0 16px rgba(255,191,32,.28)!important;
}
html body #modal[data-view="roulette246"] .r246-disc{
  inset:38px!important;border:2px solid #d68a08!important;box-shadow:inset 0 0 0 3px #6a2c00,inset 0 0 26px rgba(60,20,0,.28)!important;
}
html body #modal[data-view="roulette246"] .r246-disc:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;border-radius:50%!important;
  background:repeating-conic-gradient(from 0deg,rgba(255,202,55,.78) 0deg .55deg,transparent .55deg 22.5deg)!important;
  pointer-events:none!important;
}
html body #modal[data-view="roulette246"] .r246-disc:after{
  z-index:2!important;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle,transparent 0 78%,rgba(52,15,0,.08) 88%,rgba(53,15,0,.30) 100%)!important;
}
html body #modal[data-view="roulette246"] .r246-lights i{
  width:10px!important;height:10px!important;margin:-5px!important;background:#fff6ad!important;
  box-shadow:0 0 4px #fff,0 0 9px #ffd834!important;
  transform:rotate(calc(var(--i)*9deg)) translateY(-278px)!important;
}
html body #modal[data-view="roulette246"] .r246-pointer{top:-15px!important;width:39px!important;height:51px!important}
html body #modal[data-view="roulette246"] .r246-prize{
  width:100px!important;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-214px) rotate(calc(-1 * var(--a)))!important;
  z-index:4!important;text-shadow:0 2px 2px #231000,0 0 3px #000!important;
}
html body #modal[data-view="roulette246"] .r246-prize img{width:52px!important;height:52px!important;margin-bottom:2px!important}
html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,
html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:64px!important;height:64px!important}
html body #modal[data-view="roulette246"] .r246-prize.super img{width:59px!important;height:59px!important}
html body #modal[data-view="roulette246"] .r246-prize span,
html body #modal[data-view="roulette246"] .r246-prize b{font-size:12px!important;line-height:.98!important}
html body #modal[data-view="roulette246"] .r246-prize small{font-size:10.5px!important}
html body #modal[data-view="roulette246"] .r246-prize em{font-size:8.5px!important}
html body #modal[data-view="roulette246"] .r246-wheel-hub{
  width:88px!important;height:88px!important;border:7px solid #8e4200!important;
  background:radial-gradient(circle at 38% 31%,#fff18c,#ffc72a 28%,#e99405 70%,#914000)!important;
  box-shadow:inset 0 0 0 4px #ffe66b,0 4px 8px rgba(62,21,0,.46)!important;
}
html body #modal[data-view="roulette246"] .r246-instant{
  margin-top:-2px!important;font-size:15px!important;color:#563005!important;
}
html body #modal[data-view="roulette246"] .r246-spin{
  width:380px!important;max-width:94%!important;margin-top:4px!important;padding:12px 18px 9px!important;
  border:4px solid #dd9f17!important;border-radius:20px!important;
  background:linear-gradient(180deg,#65e329 0%,#20bf17 57%,#0b8d10 100%)!important;
  box-shadow:inset 0 0 0 3px rgba(232,255,142,.72),0 5px 0 #08650b,0 8px 13px rgba(47,68,0,.27)!important;
  font-size:35px!important;
}
html body #modal[data-view="roulette246"] .r246-status{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;
  min-width:0!important;width:470px!important;max-width:92%!important;margin-top:7px!important;padding:5px 16px!important;
  border:2px solid #9b4a00!important;background:linear-gradient(#6d3103,#4b1d01)!important;
  color:#ffd94c!important;font-size:13px!important;line-height:1.15!important;
}

html body #modal[data-view="roulette246"] .r246-rightcol{
  grid-template-rows:195px minmax(0,1fr)!important;gap:12px!important;
}
html body #modal[data-view="roulette246"] .r246-ordinary{
  padding:12px 14px 10px!important;
}
html body #modal[data-view="roulette246"] .r246-ordinary h3{font-size:19px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat img{filter:drop-shadow(0 4px 2px rgba(78,30,0,.30))!important}
html body #modal[data-view="roulette246"] .r246-ordinary-note{font-size:12px!important;line-height:1.25!important}
html body #modal[data-view="roulette246"] .r246-target-wrap{
  padding:10px 0 8px!important;overflow:hidden!important;
}
html body #modal[data-view="roulette246"] .r246-target{
  padding:0 14px!important;background:transparent!important;
}
html body #modal[data-view="roulette246"] .r246-target-kicker{font-size:11px!important;color:#70400d!important}
html body #modal[data-view="roulette246"] .r246-target-art{height:160px!important}
html body #modal[data-view="roulette246"] .r246-target-art img{height:155px!important;max-width:300px!important}
html body #modal[data-view="roulette246"] .r246-target-art.ordinary img{width:200px!important;height:155px!important}
html body #modal[data-view="roulette246"] .r246-target h2{font-size:28px!important;color:#713b08!important}
html body #modal[data-view="roulette246"] .r246-whole-note,
html body #modal[data-view="roulette246"] .r246-percent-copy{font-size:13px!important;max-width:455px!important}
html body #modal[data-view="roulette246"] .r246-progressbar{height:24px!important}
html body #modal[data-view="roulette246"] .r246-next-inline{
  margin:0 12px 3px!important;padding:7px 10px 5px!important;
  background:rgba(255,245,190,.58)!important;border-color:rgba(164,91,6,.50)!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline h3{font-size:19px!important;color:#6f3c08!important}
html body #modal[data-view="roulette246"] .r246-next-hat{width:75px!important;height:66px!important}
html body #modal[data-view="roulette246"] .r246-next-hat img{width:70px!important;height:60px!important}

/* Narrow displays: preserve the reference proportions without crushing the wheel. */
@media(max-width:1450px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 112px)!important;height:min(880px,calc(100vh - 44px))!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:205px minmax(545px,585px) minmax(420px,1fr)!important;gap:15px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:565px!important;height:565px!important;min-width:540px!important;min-height:540px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-262px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-198px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-prize img{width:48px!important;height:48px!important}
}
@media(max-width:1220px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 56px)!important;height:calc(100vh - 32px)!important}
  html body #modal[data-view="roulette246"] .r246-board{padding-left:16px!important;padding-right:16px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:185px minmax(490px,525px) minmax(350px,1fr)!important;gap:11px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:520px!important;height:520px!important;min-width:500px!important;min-height:500px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-240px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-181px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-prize span,
  html body #modal[data-view="roulette246"] .r246-prize b{font-size:10.5px!important}
}

/* ========================================================================== */
/* Hungry Wars flame250 / step36 — final screenshot-2 visual pass             */
/* Visual-only: roulette mechanics, rewards and server protocol are untouched. */
/* ========================================================================== */

html body #modal[data-view="roulette246"]{
  background:
    linear-gradient(180deg,rgba(2,5,10,.02) 0 58px,rgba(2,7,13,.84) 58px 100%)!important;
}
html body #modal[data-view="roulette246"]>.modal-window{
  width:min(1440px,calc(100vw - 180px))!important;
  height:min(890px,calc(100vh - 54px))!important;
}
html body #modal[data-view="roulette246"]>.modal-window>.modal-close{
  right:-5px!important;top:58px!important;width:60px!important;height:60px!important;
  border-width:4px!important;font-size:36px!important;
  box-shadow:inset 0 0 0 3px #fff2a1,0 4px 0 #8a3000,0 0 0 3px #a65a06,0 8px 19px rgba(0,0,0,.42)!important;
}

/* Lower the gold cabinet while keeping the bottom edge fixed, as in the reference. */
html body #modal[data-view="roulette246"] .r246-board{
  top:88px!important;
  padding:91px 25px 20px!important;
  border:5px solid #bf6500!important;
  border-radius:29px!important;
  background:
    radial-gradient(ellipse at 22% 23%,rgba(255,249,190,.43),transparent 24%),
    radial-gradient(ellipse at 70% 43%,rgba(255,246,173,.28),transparent 32%),
    radial-gradient(circle at 54% 92%,rgba(255,225,111,.25),transparent 34%),
    linear-gradient(180deg,#f9cf63 0%,#f6c558 42%,#f0b542 100%)!important;
  box-shadow:
    inset 0 0 0 4px #ffdc69,
    inset 0 0 42px rgba(132,56,0,.16),
    0 15px 34px rgba(0,0,0,.56)!important;
}
html body #modal[data-view="roulette246"] .r246-board:before{
  height:79px!important;
  border-bottom:3px solid #9c4b00!important;
  background:
    radial-gradient(ellipse at 5% 78%,#ffc42c 0 34px,transparent 35px),
    radial-gradient(ellipse at 11% 92%,#e99509 0 19px,transparent 20px),
    radial-gradient(ellipse at 16% 73%,#ffd34e 0 23px,transparent 24px),
    radial-gradient(ellipse at 22% 91%,#e99b0c 0 14px,transparent 15px),
    radial-gradient(ellipse at 78% 83%,#ffc531 0 29px,transparent 30px),
    radial-gradient(ellipse at 87% 94%,#e99508 0 18px,transparent 19px),
    radial-gradient(ellipse at 94% 77%,#ffd354 0 27px,transparent 28px),
    linear-gradient(180deg,#ffbf20 0%,#f5a40e 54%,#dd7f02 100%)!important;
  box-shadow:inset 0 3px rgba(255,238,123,.64),inset 0 -11px 16px rgba(118,45,0,.20),0 4px 5px rgba(93,35,0,.14)!important;
}
html body #modal[data-view="roulette246"] .r246-board:after{
  left:17px!important;right:17px!important;top:14px!important;bottom:12px!important;
  border-color:rgba(130,58,0,.39)!important;
}

/* Smaller, deeper title plaque. It overlaps the honey strip instead of floating above it. */
html body #modal[data-view="roulette246"] .r246-title{
  top:-46px!important;width:min(930px,69vw)!important;height:126px!important;gap:10px!important;
  filter:drop-shadow(0 7px 4px rgba(74,25,0,.48))!important;
}
html body #modal[data-view="roulette246"] .r246-title:before{
  left:74px!important;right:74px!important;top:8px!important;bottom:9px!important;
  border:5px solid #e98505!important;border-radius:18px!important;
  background:
    radial-gradient(ellipse at 50% -20%,rgba(255,188,50,.38),transparent 48%),
    linear-gradient(180deg,#b95b05 0%,#873401 58%,#592000 100%)!important;
  box-shadow:inset 0 0 0 4px #d16b03,inset 0 5px 9px rgba(255,203,79,.24),0 4px 0 #522000,0 0 12px rgba(255,163,15,.32)!important;
}
html body #modal[data-view="roulette246"] .r246-title h1{
  margin-top:-9px!important;
  font:1000 clamp(44px,4.05vw,64px)/.92 "Arial Black","Trebuchet MS",Arial,sans-serif!important;
  letter-spacing:.012em!important;
  color:transparent!important;
  background:linear-gradient(180deg,#fff17a 0%,#ffc832 38%,#f19907 72%,#d86800 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-stroke:2px #5d1c00!important;
  text-shadow:0 2px 0 #ffca36,0 5px 0 #8a2b00,0 8px 8px rgba(0,0,0,.46),0 0 7px rgba(255,224,92,.72)!important;
}
html body #modal[data-view="roulette246"] .r246-title p{
  left:20%!important;right:20%!important;bottom:7px!important;
  color:#ffd63a!important;font-size:17px!important;line-height:1!important;
  text-shadow:0 2px 1px #5e1f00!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket{
  width:86px!important;height:70px!important;
  filter:sepia(.8) saturate(4.2) hue-rotate(337deg) brightness(1.18) drop-shadow(0 4px 2px #6f2400)!important;
}

/* Match the reference composition: left rail stays put; wheel and right rail sit farther left. */
html body #modal[data-view="roulette246"] .r246-body{
  grid-template-columns:220px minmax(575px,600px) minmax(455px,1fr)!important;
  gap:17px!important;
}
html body #modal[data-view="roulette246"] .r246-leftcol{
  transform:translateX(9px)!important;
  padding-top:3px!important;padding-bottom:72px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket,
html body #modal[data-view="roulette246"] .r246-free-spin{width:230px!important;max-width:none!important}
html body #modal[data-view="roulette246"] .r246-center{
  transform:translate(-36px,-12px)!important;
}
html body #modal[data-view="roulette246"] .r246-rightcol{
  transform:translateX(-31px)!important;
  width:calc(100% + 31px)!important;
  grid-template-rows:194px minmax(0,1fr)!important;
  gap:10px!important;
}

/* Softer parchment cards with the thin amber frame visible in screenshot 2. */
html body #modal[data-view="roulette246"] .r246-box{
  border:2px solid #cc851b!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,226,.62),transparent 42%),
    linear-gradient(180deg,#ffeaa9 0%,#f9d277 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,248,210,.76),0 3px 6px rgba(83,37,0,.22)!important;
}
html body #modal[data-view="roulette246"] .r246-ticket{
  min-height:105px!important;padding:12px 14px 11px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket h3{font-size:17px!important;margin-bottom:6px!important}
html body #modal[data-view="roulette246"] .r246-ticket b{font-size:32px!important}
html body #modal[data-view="roulette246"] .r246-free-spin{
  min-height:132px!important;padding:19px 8px 18px!important;
  border-radius:20px!important;font-size:23px!important;
  background:linear-gradient(180deg,#62ed37 0%,#23c51d 55%,#078b0d 100%)!important;
  box-shadow:inset 0 0 0 2px #d8ff72,0 5px 0 #075b09,0 9px 14px rgba(45,68,0,.31)!important;
}

/* Wheel: stronger 3-D gold rim, bigger rewards, brighter sector separators. */
html body #modal[data-view="roulette246"] .r246-wheel{
  width:min(610px,40.8vw,65vh)!important;height:min(610px,40.8vw,65vh)!important;
  min-width:565px!important;min-height:565px!important;
  filter:drop-shadow(0 15px 11px rgba(76,29,0,.44)) drop-shadow(0 0 8px rgba(255,190,30,.23))!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring{
  inset:-2px!important;
  background:radial-gradient(circle,
    transparent 0 77.2%,
    #5f2600 77.5% 78.6%,
    #ffcf2e 78.9% 81.2%,
    #fff09a 81.5% 82.6%,
    #b76100 82.9% 84.2%,
    #ffbe16 84.5% 87.1%,
    #ffe77c 87.4% 89%,
    #8a3900 89.3% 91.1%,
    #e89204 91.4% 92.3%,
    transparent 92.6%)!important;
  box-shadow:0 0 0 2px #622700,0 5px 10px rgba(78,27,0,.44),inset 0 0 10px rgba(255,243,141,.28)!important;
}
html body #modal[data-view="roulette246"] .r246-disc{
  inset:39px!important;
  border:3px solid #7c3200!important;
  box-shadow:inset 0 0 0 3px #e9a013,inset 0 0 30px rgba(51,14,0,.34)!important;
}
html body #modal[data-view="roulette246"] .r246-disc:before{
  background:repeating-conic-gradient(from 0deg,rgba(255,213,68,.96) 0deg .72deg,rgba(84,29,0,.10) .72deg 1deg,transparent 1deg 22.5deg)!important;
}
html body #modal[data-view="roulette246"] .r246-lights i{
  width:11px!important;height:11px!important;margin:-5.5px!important;
  background:radial-gradient(circle,#fff 0 30%,#fff2a0 40%,#ffd12b 76%)!important;
  box-shadow:0 0 4px #fff,0 0 10px #ffd735!important;
  transform:rotate(calc(var(--i)*9deg)) translateY(-282px)!important;
}
html body #modal[data-view="roulette246"] .r246-pointer{
  top:-18px!important;width:44px!important;height:58px!important;
}
html body #modal[data-view="roulette246"] .r246-pointer:before{
  left:7px!important;width:30px!important;height:30px!important;border:4px solid #8e3100!important;
  background:radial-gradient(circle at 45% 40%,#fff07a 0 6px,#ff5c24 7px 100%)!important;
  box-shadow:0 0 0 2px #ffbb25,0 3px 3px rgba(87,27,0,.34)!important;
}
html body #modal[data-view="roulette246"] .r246-pointer:after{
  left:11px!important;top:23px!important;border-left-width:11px!important;border-right-width:11px!important;border-top:31px solid #e63a18!important;
}
html body #modal[data-view="roulette246"] .r246-prize{
  width:104px!important;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-217px) rotate(calc(-1 * var(--a)))!important;
}
html body #modal[data-view="roulette246"] .r246-prize img{width:55px!important;height:55px!important}
html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,
html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:68px!important;height:68px!important}
html body #modal[data-view="roulette246"] .r246-prize.super img{width:62px!important;height:62px!important}
html body #modal[data-view="roulette246"] .r246-prize span,
html body #modal[data-view="roulette246"] .r246-prize b{font-size:12.5px!important;line-height:.98!important}
html body #modal[data-view="roulette246"] .r246-prize small{font-size:10.5px!important}
html body #modal[data-view="roulette246"] .r246-wheel-hub{
  width:91px!important;height:91px!important;border:7px solid #743000!important;
  background:radial-gradient(circle at 36% 28%,#fff8a6 0%,#ffd947 18%,#f7a70d 55%,#c96b00 78%,#743000 100%)!important;
  box-shadow:inset 0 0 0 4px #ffe866,inset 0 -8px 12px rgba(115,42,0,.20),0 4px 8px rgba(53,17,0,.49)!important;
}

html body #modal[data-view="roulette246"] .r246-instant{
  margin-top:0!important;font-size:15px!important;
}
html body #modal[data-view="roulette246"] .r246-spin{
  width:390px!important;margin-top:10px!important;padding:11px 18px 8px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#70eb38 0%,#26c21d 54%,#078c0f 100%)!important;
  box-shadow:inset 0 0 0 3px rgba(239,255,153,.78),0 5px 0 #075d09,0 9px 15px rgba(42,67,0,.32)!important;
}
html body #modal[data-view="roulette246"] .r246-status{
  position:absolute!important;left:50%!important;bottom:-12px!important;transform:translateX(-50%)!important;
  width:610px!important;max-width:102%!important;margin:0!important;padding:5px 18px!important;
  border:2px solid #9a4700!important;border-radius:999px!important;
  background:linear-gradient(180deg,#6e3001,#491900)!important;
  color:#ffd94b!important;font-size:14px!important;line-height:1.1!important;
  box-shadow:0 3px 5px rgba(66,23,0,.30)!important;
}

/* Right-side cards: slightly wider and denser, matching the reference proportions. */
html body #modal[data-view="roulette246"] .r246-ordinary{
  padding:11px 15px 9px!important;
}
html body #modal[data-view="roulette246"] .r246-ordinary h3{font-size:20px!important;margin-bottom:6px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-row{gap:9px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat{width:105px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat img{width:86px!important;height:72px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-note{font-size:12px!important;max-width:455px!important}
html body #modal[data-view="roulette246"] .r246-target-wrap{
  padding:8px 0 7px!important;
  background:
    radial-gradient(ellipse at 50% 20%,rgba(255,255,225,.48),transparent 42%),
    linear-gradient(180deg,#ffeaaa 0%,#f7cf71 100%)!important;
}
html body #modal[data-view="roulette246"] .r246-target{padding:0 18px!important}
html body #modal[data-view="roulette246"] .r246-target-art{height:166px!important}
html body #modal[data-view="roulette246"] .r246-target-art img{height:160px!important;max-width:315px!important}
html body #modal[data-view="roulette246"] .r246-target-art.ordinary img{width:208px!important;height:160px!important}
html body #modal[data-view="roulette246"] .r246-target h2{font-size:27px!important}
html body #modal[data-view="roulette246"] .r246-whole-note,
html body #modal[data-view="roulette246"] .r246-percent-copy{font-size:13px!important;max-width:470px!important}
html body #modal[data-view="roulette246"] .r246-next-inline{
  margin:0 11px 3px!important;padding:7px 8px 5px!important;
  border-radius:12px!important;background:rgba(255,247,199,.70)!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline h3{font-size:19px!important;margin-bottom:1px!important}
html body #modal[data-view="roulette246"] .r246-next-row{gap:7px!important}
html body #modal[data-view="roulette246"] .r246-next-hat{width:73px!important;height:64px!important}
html body #modal[data-view="roulette246"] .r246-next-hat img{width:69px!important;height:59px!important}

/* The reference is aimed at desktop; keep the same composition down to 1280px. */
@media(max-width:1450px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 146px)!important}
  html body #modal[data-view="roulette246"] .r246-board{padding-left:21px!important;padding-right:21px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:210px minmax(545px,575px) minmax(420px,1fr)!important;gap:14px!important}
  html body #modal[data-view="roulette246"] .r246-leftcol{transform:translateX(6px)!important}
  html body #modal[data-view="roulette246"] .r246-ticket,
  html body #modal[data-view="roulette246"] .r246-free-spin{width:216px!important}
  html body #modal[data-view="roulette246"] .r246-center{transform:translate(-27px,-10px)!important}
  html body #modal[data-view="roulette246"] .r246-rightcol{transform:translateX(-22px)!important;width:calc(100% + 22px)!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:575px!important;height:575px!important;min-width:550px!important;min-height:550px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-266px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-202px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-prize img{width:50px!important;height:50px!important}
  html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,
  html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:61px!important;height:61px!important}
  html body #modal[data-view="roulette246"] .r246-prize span,
  html body #modal[data-view="roulette246"] .r246-prize b{font-size:11.5px!important}
}
@media(max-width:1220px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 62px)!important}
  html body #modal[data-view="roulette246"] .r246-board{top:82px!important;padding-top:84px!important}
  html body #modal[data-view="roulette246"] .r246-title{top:-43px!important;width:min(850px,72vw)!important;height:119px!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:50px!important}
  html body #modal[data-view="roulette246"] .r246-title p{font-size:14px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:185px minmax(490px,520px) minmax(350px,1fr)!important;gap:10px!important}
  html body #modal[data-view="roulette246"] .r246-leftcol{transform:none!important}
  html body #modal[data-view="roulette246"] .r246-ticket,
  html body #modal[data-view="roulette246"] .r246-free-spin{width:185px!important}
  html body #modal[data-view="roulette246"] .r246-center{transform:translate(-15px,-8px)!important}
  html body #modal[data-view="roulette246"] .r246-rightcol{transform:translateX(-11px)!important;width:calc(100% + 11px)!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:520px!important;height:520px!important;min-width:500px!important;min-height:500px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-240px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-181px) rotate(calc(-1 * var(--a)))!important}
}


/* === flame251 / step37: final roulette polish + hat order fix === */
html body #modal[data-view="roulette246"]>.modal-window{
  background:transparent!important;
}
html body #modal[data-view="roulette246"] .r246-board{
  background:
    radial-gradient(circle at 50% 22%, rgba(255,248,205,.52) 0%, rgba(255,248,205,0) 32%),
    linear-gradient(180deg,#f6d067 0%,#efb439 48%,#e7a01d 100%)!important;
  box-shadow:0 24px 56px rgba(0,0,0,.38), inset 0 0 0 3px #f2b11e, inset 0 0 0 8px #ca7c07!important;
}
html body #modal[data-view="roulette246"] .r246-title{
  top:-36px!important;
  width:min(840px,61vw)!important;
  height:104px!important;
  padding:10px 34px 18px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#cb7509 0%,#a65406 54%,#8c3f04 100%)!important;
  box-shadow:0 10px 0 #7b3700,0 22px 38px rgba(0,0,0,.24),inset 0 0 0 4px #f2a81a,inset 0 0 0 8px rgba(255,196,58,.45)!important;
}
html body #modal[data-view="roulette246"] .r246-title h1{
  font-size:76px!important;
  line-height:0.95!important;
  letter-spacing:2px!important;
  text-shadow:0 2px 0 #fff0a8,0 5px 0 #8a3900,0 9px 16px rgba(66,25,0,.32)!important;
}
html body #modal[data-view="roulette246"] .r246-title p{
  margin-top:2px!important;
  font-size:12px!important;
  letter-spacing:.2px!important;
  text-shadow:0 1px 0 rgba(93,41,0,.45)!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket{
  width:64px!important;
  height:64px!important;
  margin-top:4px!important;
}
html body #modal[data-view="roulette246"] .r246-body{
  grid-template-columns:220px minmax(600px,640px) minmax(500px,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
html body #modal[data-view="roulette246"] .r246-leftcol{
  padding-top:8px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket{
  width:220px!important;
}
html body #modal[data-view="roulette246"] .r246-free-spin{
  width:220px!important;
  min-height:128px!important;
  font-size:24px!important;
}
html body #modal[data-view="roulette246"] .r246-center{
  transform:translate(-12px,-2px)!important;
}
html body #modal[data-view="roulette246"] .r246-wheel{
  width:590px!important;height:590px!important;min-width:590px!important;min-height:590px!important;
  filter:drop-shadow(0 15px 24px rgba(101,37,0,.22))!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring{
  box-shadow:inset 0 0 0 6px #7a3e00,inset 0 0 0 12px #f8d86d,inset 0 0 0 22px #e8a40f,0 10px 20px rgba(73,20,0,.20)!important;
}
html body #modal[data-view="roulette246"] .r246-lights i{
  transform:rotate(calc(var(--i)*9deg)) translateY(-273px)!important;
}
html body #modal[data-view="roulette246"] .r246-prize{
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-208px) rotate(calc(-1 * var(--a)))!important;
}
html body #modal[data-view="roulette246"] .r246-wheel-hub{
  width:86px!important;height:86px!important;
}
html body #modal[data-view="roulette246"] .r246-pointer{
  top:-12px!important;
  width:60px!important;height:84px!important;
}
html body #modal[data-view="roulette246"] .r246-spin{
  width:380px!important;
  margin-top:14px!important;
}
html body #modal[data-view="roulette246"] .r246-status{
  bottom:4px!important;
  width:500px!important;
  z-index:3!important;
}
html body #modal[data-view="roulette246"] .r246-rightcol{
  gap:14px!important;
  padding-top:0!important;
}
html body #modal[data-view="roulette246"] .r246-box{
  border-radius:18px!important;
  box-shadow:0 2px 0 rgba(126,72,0,.22), inset 0 0 0 2px #e2c36a!important;
}
html body #modal[data-view="roulette246"] .r246-ordinary{
  min-height:190px!important;
  padding:12px 18px 10px!important;
}
html body #modal[data-view="roulette246"] .r246-ordinary-note{
  max-width:470px!important;
}
html body #modal[data-view="roulette246"] .r246-target-wrap{
  min-height:470px!important;
}
html body #modal[data-view="roulette246"] .r246-target{
  padding:0 22px!important;
}
html body #modal[data-view="roulette246"] .r246-target-art{
  height:172px!important;
}
html body #modal[data-view="roulette246"] .r246-target-art img{
  height:166px!important;
}
html body #modal[data-view="roulette246"] .r246-target h2{
  font-size:30px!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline{
  margin:10px 12px 8px!important;
  padding:10px 10px 8px!important;
}
html body #modal[data-view="roulette246"] .r246-next-row{
  justify-content:space-evenly!important;
  gap:10px!important;
}
html body #modal[data-view="roulette246"] .r246-next-hat{
  width:78px!important;height:70px!important;
}
html body #modal[data-view="roulette246"] .r246-next-hat img{
  width:74px!important;height:62px!important;
}
@media(max-width:1450px){
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:210px minmax(560px,590px) minmax(450px,1fr)!important;gap:14px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:560px!important;height:560px!important;min-width:560px!important;min-height:560px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-258px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-196px) rotate(calc(-1 * var(--a)))!important}
}
@media(max-width:1220px){
  html body #modal[data-view="roulette246"] .r246-title{width:min(760px,72vw)!important;height:96px!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:56px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:185px minmax(500px,520px) minmax(360px,1fr)!important;gap:10px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:510px!important;height:510px!important;min-width:510px!important;min-height:510px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-235px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-178px) rotate(calc(-1 * var(--a)))!important}
}


/* === flame251 / step38: premium honey roulette polish === */
html body #modal[data-view="roulette246"]{
  background:rgba(7,7,8,.58)!important;
  backdrop-filter:blur(1.5px)!important;
}
html body #modal[data-view="roulette246"]>.modal-window{
  width:min(1480px,calc(100vw - 92px))!important;
  height:min(875px,calc(100vh - 22px))!important;
}
html body #modal[data-view="roulette246"]>.modal-window>.modal-close{
  right:-11px!important;top:44px!important;width:58px!important;height:58px!important;
  border:3px solid #ffe178!important;
  background:linear-gradient(180deg,#ff6542 0%,#e4301c 54%,#bb160d 100%)!important;
  box-shadow:inset 0 0 0 3px #fff0a0,0 4px 0 #8d3300,0 0 0 3px #bd6b06,0 7px 15px #0007!important;
}
html body #modal[data-view="roulette246"] .r246-board{
  top:72px!important;bottom:2px!important;padding:88px 28px 20px!important;
  border:5px solid #c97605!important;border-radius:31px!important;
  background:
    radial-gradient(ellipse at 45% 25%,rgba(255,251,217,.58) 0%,rgba(255,251,217,.18) 30%,transparent 55%),
    radial-gradient(circle at 8% 78%,rgba(255,209,67,.20),transparent 28%),
    linear-gradient(180deg,#ffd76c 0%,#f8c34c 42%,#efaa25 100%)!important;
  box-shadow:inset 0 0 0 4px #fff0a3,inset 0 0 0 9px #e8a01b,inset 0 -26px 45px rgba(137,64,0,.11),0 20px 45px #0007!important;
}
html body #modal[data-view="roulette246"] .r246-board:before{
  height:78px!important;border-bottom:3px solid #b86700!important;border-radius:26px 26px 14px 14px!important;
  background:
    radial-gradient(circle at 6% -1%,#ffe58c 0 24px,transparent 25px),
    radial-gradient(circle at 15% 2%,#ffd34a 0 17px,transparent 18px),
    radial-gradient(circle at 27% -2%,#ffe06d 0 13px,transparent 14px),
    radial-gradient(circle at 77% 1%,#ffe27a 0 20px,transparent 21px),
    radial-gradient(circle at 91% 0%,#ffd244 0 17px,transparent 18px),
    linear-gradient(180deg,#f5a70e 0%,#ffc739 56%,#e9960b 100%)!important;
  box-shadow:inset 0 4px 0 rgba(255,236,127,.72),inset 0 -12px 18px rgba(124,56,0,.18),0 5px 8px rgba(107,48,0,.14)!important;
}
html body #modal[data-view="roulette246"] .r246-board:after{
  left:14px!important;right:14px!important;top:13px!important;bottom:12px!important;
  border:2px solid rgba(137,72,0,.45)!important;border-radius:21px!important;
  box-shadow:inset 0 0 0 1px rgba(255,245,181,.48)!important;
}
html body #modal[data-view="roulette246"] .r246-title{
  top:-39px!important;width:min(920px,66vw)!important;height:116px!important;
  padding:10px 82px 15px!important;gap:12px!important;
  border-radius:25px!important;
  background:linear-gradient(180deg,#d57b0a 0%,#ad5505 52%,#8b3b02 100%)!important;
  border:4px solid #f6a719!important;
  box-shadow:inset 0 0 0 4px rgba(255,188,53,.62),inset 0 7px 12px rgba(255,221,111,.22),0 7px 0 #7b3000,0 15px 24px #0005!important;
  filter:none!important;
}
html body #modal[data-view="roulette246"] .r246-title:before{
  content:""!important;display:block!important;position:absolute!important;inset:10px 13px 14px!important;
  border-radius:18px!important;border:1px solid rgba(255,211,89,.33)!important;
  background:linear-gradient(180deg,rgba(255,218,117,.10),transparent 44%,rgba(69,20,0,.10))!important;
  box-shadow:none!important;z-index:-1!important;
}
html body #modal[data-view="roulette246"] .r246-title h1{
  font-size:68px!important;line-height:.92!important;letter-spacing:1px!important;
  -webkit-text-stroke:2px #6e2600!important;
  color:#ffc63a!important;
  text-shadow:0 2px 0 #ffe9a1,0 5px 0 #8b3600,0 8px 10px #3f14008a,0 0 5px #ffd453!important;
}
html body #modal[data-view="roulette246"] .r246-title p{
  left:50%!important;right:auto!important;bottom:-8px!important;transform:translateX(-50%)!important;
  width:590px!important;max-width:72%!important;padding:5px 18px!important;border-radius:999px!important;
  border:2px solid #e59a13!important;background:linear-gradient(180deg,#7e3303,#5e2501)!important;
  color:#ffe773!important;font-size:14px!important;line-height:1!important;
  box-shadow:0 3px 5px #48160066,inset 0 1px 0 rgba(255,228,130,.30)!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket{
  position:absolute!important;left:-42px!important;top:32px!important;width:82px!important;height:63px!important;
  transform:rotate(-12deg)!important;filter:saturate(1.25) drop-shadow(0 4px 2px #66210088)!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket.right{
  left:auto!important;right:-42px!important;transform:rotate(12deg)!important;
}
html body #modal[data-view="roulette246"] .r246-body{
  grid-template-columns:220px minmax(600px,640px) minmax(500px,1fr)!important;
  gap:18px!important;align-items:start!important;
}
html body #modal[data-view="roulette246"] .r246-box{
  border:2px solid #c98924!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.28),transparent 25%),
    linear-gradient(180deg,#fff0b9 0%,#ffe29a 100%)!important;
  box-shadow:inset 0 0 0 2px rgba(255,255,232,.82),0 3px 0 rgba(146,82,7,.14),0 8px 16px rgba(112,61,0,.09)!important;
}
html body #modal[data-view="roulette246"] .r246-ticket{
  padding:14px 15px!important;border-radius:16px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket h3{font-size:18px!important}
html body #modal[data-view="roulette246"] .r246-ticket b{font-size:34px!important;color:#5e3509!important}
html body #modal[data-view="roulette246"] .r246-ticket button{
  border-radius:10px!important;background:linear-gradient(#55ed38,#13ba16 64%,#079312)!important;
  box-shadow:inset 0 2px #baff83,0 4px 0 #08700e!important;
}
html body #modal[data-view="roulette246"] .r246-free-spin{
  width:220px!important;min-height:126px!important;padding:18px 10px!important;border-radius:20px!important;
  background:linear-gradient(180deg,#50ef32 0%,#1fc51d 50%,#079511 100%)!important;
  border:3px solid #087d13!important;
  box-shadow:inset 0 0 0 3px #a8ff61,0 5px 0 #075d0c,0 10px 18px rgba(55,87,0,.22)!important;
}
html body #modal[data-view="roulette246"] .r246-center{transform:translate(-8px,-3px)!important}
html body #modal[data-view="roulette246"] .r246-wheel{
  width:596px!important;height:596px!important;min-width:596px!important;min-height:596px!important;
  filter:drop-shadow(0 18px 22px rgba(91,36,0,.26))!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring{
  background:
    radial-gradient(circle,transparent 0 78.5%,#fff2a8 79% 80%,#7b3d00 80.4% 82%,#f8c63a 82.5% 85.5%,#8d4600 86% 87.2%,#ffe482 87.7% 89.4%,#a85800 90% 91.4%,transparent 92%)!important;
  box-shadow:0 0 0 2px #6d3100,0 5px 10px rgba(90,35,0,.30),0 0 16px rgba(255,190,42,.24)!important;
}
html body #modal[data-view="roulette246"] .r246-disc{
  inset:39px!important;box-shadow:inset 0 0 0 5px #5d2600,inset 0 0 26px #2e10004f!important;
}
html body #modal[data-view="roulette246"] .r246-disc:before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:4!important;pointer-events:none!important;
  background:
    repeating-conic-gradient(from -.55deg,transparent 0 calc(360deg/var(--r246-n) - 1.1deg),rgba(255,219,75,.94) calc(360deg/var(--r246-n) - 1.1deg) calc(360deg/var(--r246-n))),
    radial-gradient(circle at 38% 28%,rgba(255,255,255,.16),transparent 35%)!important;
  opacity:.88!important;
}
html body #modal[data-view="roulette246"] .r246-disc:after{
  z-index:5!important;background:radial-gradient(circle,rgba(255,255,255,.02) 0 56%,rgba(73,20,0,.10) 78%,rgba(49,14,0,.40) 100%)!important;
}
html body #modal[data-view="roulette246"] .r246-prize{
  width:96px!important;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-210px) rotate(calc(-1 * var(--a)))!important;
  text-shadow:0 2px 2px #301100,0 0 3px #000,0 0 1px #000!important;
}
html body #modal[data-view="roulette246"] .r246-prize img{
  width:49px!important;height:49px!important;filter:drop-shadow(0 4px 2px #2b0f00aa) drop-shadow(0 0 2px rgba(255,235,145,.25))!important;
}
html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,
html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:60px!important;height:60px!important}
html body #modal[data-view="roulette246"] .r246-prize span,
html body #modal[data-view="roulette246"] .r246-prize b{font-size:11px!important;line-height:1!important}
html body #modal[data-view="roulette246"] .r246-prize small{font-size:9px!important;color:#fff3a7!important}
html body #modal[data-view="roulette246"] .r246-prize.super{
  filter:drop-shadow(0 0 5px #ffe144)!important;
}
html body #modal[data-view="roulette246"] .r246-wheel-hub{
  width:86px!important;height:86px!important;
  background:radial-gradient(circle at 35% 27%,#fff08b 0 7%,#ffc528 22%,#eda210 58%,#bc6600 100%)!important;
  border:6px solid #8b4300!important;box-shadow:inset 0 0 0 4px #ffe982,0 4px 8px #55200070!important;
}
html body #modal[data-view="roulette246"] .r246-pointer{
  top:-14px!important;width:39px!important;height:52px!important;
}
html body #modal[data-view="roulette246"] .r246-pointer:before{
  width:25px!important;height:25px!important;background:radial-gradient(circle at 43% 35%,#fff07b 0 4px,#ffb91c 5px 8px,#e73e1d 9px 100%)!important;
}
html body #modal[data-view="roulette246"] .r246-spin{
  width:390px!important;margin-top:13px!important;padding:11px 18px 8px!important;
  border-radius:20px!important;border:3px solid #238710!important;
  background:linear-gradient(180deg,#6ff13c 0%,#2fd326 45%,#0a9a13 100%)!important;
  box-shadow:inset 0 0 0 3px #c8ff80,0 5px 0 #07670d,0 10px 18px rgba(34,75,0,.24)!important;
  text-shadow:0 2px 1px #0b6b0c!important;
}
html body #modal[data-view="roulette246"] .r246-status{
  bottom:-17px!important;width:505px!important;padding:5px 15px!important;
  background:linear-gradient(180deg,#7d3903,#4f1d00)!important;border-color:#b65b00!important;
  box-shadow:inset 0 1px 0 rgba(255,209,78,.22),0 3px 7px #5120004a!important;
}
html body #modal[data-view="roulette246"] .r246-instant{
  margin-top:10px!important;font-size:14px!important;font-weight:900!important;color:#68420e!important;
}
html body #modal[data-view="roulette246"] .r246-instant input{
  width:28px!important;height:28px!important;accent-color:#39c922!important;
}
html body #modal[data-view="roulette246"] .r246-rightcol{gap:13px!important}
html body #modal[data-view="roulette246"] .r246-ordinary{
  min-height:184px!important;padding:12px 17px 9px!important;
}
html body #modal[data-view="roulette246"] .r246-ordinary h3{font-size:20px!important;color:#643b0e!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat img{filter:drop-shadow(0 4px 2px rgba(79,28,0,.30))!important}
html body #modal[data-view="roulette246"] .r246-target-wrap{
  min-height:472px!important;border-radius:18px!important;
  background:linear-gradient(180deg,#fff0b9 0%,#f9d67e 100%)!important;
}
html body #modal[data-view="roulette246"] .r246-target{
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,232,.88) 0%,rgba(255,235,166,.38) 42%,transparent 62%),
    linear-gradient(180deg,rgba(255,240,187,.48),rgba(248,205,104,.18))!important;
}
html body #modal[data-view="roulette246"] .r246-target:has(.r246-target-art.ordinary){
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding-top:12px!important;
}
html body #modal[data-view="roulette246"] .r246-target-kicker{font-size:11px!important;letter-spacing:.3px!important}
html body #modal[data-view="roulette246"] .r246-target-art{height:176px!important;margin-top:2px!important}
html body #modal[data-view="roulette246"] .r246-target-art span{width:188px!important;height:188px!important;opacity:.72!important}
html body #modal[data-view="roulette246"] .r246-target-art img{height:166px!important;filter:drop-shadow(0 8px 5px rgba(90,35,0,.28))!important}
html body #modal[data-view="roulette246"] .r246-target h2{font-size:29px!important;text-shadow:0 1px #fff0b0!important}
html body #modal[data-view="roulette246"] .r246-target>em{
  padding:3px 11px!important;background:linear-gradient(#efb634,#d88b18)!important;border-color:#9a590d!important;
}
html body #modal[data-view="roulette246"] .r246-whole-note,
html body #modal[data-view="roulette246"] .r246-percent-copy{font-size:13px!important;line-height:1.3!important;max-width:455px!important}
html body #modal[data-view="roulette246"] .r246-next{
  margin-top:8px!important;padding:6px 14px!important;border-radius:999px!important;background:rgba(255,244,192,.62)!important;border:1px solid rgba(184,112,20,.30)!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline{
  flex:0 0 108px!important;margin:8px 12px 10px!important;padding:7px 8px 6px!important;
  background:linear-gradient(180deg,rgba(255,250,218,.88),rgba(255,231,158,.80))!important;
  border:1px solid #d29a3d!important;border-radius:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.55)!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline h3{font-size:18px!important;color:#6a3e0d!important}
html body #modal[data-view="roulette246"] .r246-next-row{gap:4px!important;justify-content:space-around!important}
html body #modal[data-view="roulette246"] .r246-next-hat{width:65px!important;height:61px!important}
html body #modal[data-view="roulette246"] .r246-next-hat img{width:62px!important;height:56px!important}
html body #modal[data-view="roulette246"] .r246-next-hat small{right:-1px!important;bottom:0!important}
@media(max-width:1450px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 74px)!important}
  html body #modal[data-view="roulette246"] .r246-title{width:min(850px,67vw)!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:61px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:205px minmax(550px,585px) minmax(430px,1fr)!important;gap:13px!important}
  html body #modal[data-view="roulette246"] .r246-ticket,html body #modal[data-view="roulette246"] .r246-free-spin{width:205px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:558px!important;height:558px!important;min-width:558px!important;min-height:558px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-257px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-194px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-prize img{width:46px!important;height:46px!important}
  html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:57px!important;height:57px!important}
}
@media(max-width:1220px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 42px)!important}
  html body #modal[data-view="roulette246"] .r246-title{width:min(760px,72vw)!important;height:100px!important;top:-33px!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:53px!important}
  html body #modal[data-view="roulette246"] .r246-title p{font-size:11px!important;width:500px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:180px minmax(485px,510px) minmax(350px,1fr)!important;gap:9px!important}
  html body #modal[data-view="roulette246"] .r246-ticket,html body #modal[data-view="roulette246"] .r246-free-spin{width:180px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:500px!important;height:500px!important;min-width:500px!important;min-height:500px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-230px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-174px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-next-hat{width:54px!important}
  html body #modal[data-view="roulette246"] .r246-next-hat img{width:52px!important}
}

/* === flame253 / step40: premium reference-art roulette UI === */
html body #modal[data-view="roulette246"]{
  background:radial-gradient(ellipse at 50% 42%,rgba(51,34,9,.44),rgba(5,5,4,.88) 70%)!important;
  backdrop-filter:blur(2px)!important;
}
html body #modal[data-view="roulette246"]>.modal-window{
  width:min(1580px,calc(100vw - 24px))!important;
  height:min(910px,calc(100vh - 20px))!important;
}
html body #modal[data-view="roulette246"]>.modal-window>.modal-close{
  right:-3px!important;top:30px!important;width:68px!important;height:68px!important;
  border:5px solid #ffd856!important;background:radial-gradient(circle at 36% 28%,#ff7951 0 18%,#e83520 44%,#a41409 100%)!important;
  box-shadow:inset 0 0 0 3px #fff1a4,0 5px 0 #713000,0 0 0 3px #a85c06,0 10px 22px rgba(0,0,0,.38)!important;
}
html body #modal[data-view="roulette246"] .r246-board{
  top:54px!important;bottom:4px!important;padding:101px 27px 18px!important;
  border:7px solid #d98a08!important;border-radius:34px!important;
  background-image:
    linear-gradient(90deg,rgba(95,39,0,.10),transparent 18% 82%,rgba(95,39,0,.09)),
    radial-gradient(ellipse at 51% 31%,rgba(255,239,151,.40) 0,rgba(255,218,86,.10) 38%,transparent 62%),
    url('/assets/ui/roulette-gold-pattern.svg?v=253001'),
    linear-gradient(145deg,#d99116 0%,#e6a01c 30%,#d78510 68%,#c87408 100%)!important;
  background-size:auto,auto,420px auto,auto!important;
  background-blend-mode:multiply,screen,soft-light,normal!important;
  box-shadow:0 26px 65px rgba(0,0,0,.47),inset 0 0 0 3px #ffed9b,inset 0 0 0 10px #a95a03,inset 0 0 34px rgba(90,34,0,.22)!important;
}
html body #modal[data-view="roulette246"] .r246-board:before{
  height:82px!important;border-radius:27px 27px 16px 16px!important;border-bottom:4px solid #8c4300!important;
  background:
    radial-gradient(circle at 4% 4%,#ffe279 0 22px,transparent 23px),
    radial-gradient(circle at 15% 0,#ffd64c 0 16px,transparent 17px),
    radial-gradient(circle at 77% 0,#ffe47c 0 21px,transparent 22px),
    radial-gradient(circle at 92% 3%,#ffd24a 0 17px,transparent 18px),
    linear-gradient(180deg,#ffcf39 0%,#efa20d 57%,#c96d04 100%)!important;
  box-shadow:inset 0 8px 12px rgba(255,244,167,.45),inset 0 -10px 16px rgba(116,49,0,.25)!important;
}
html body #modal[data-view="roulette246"] .r246-board:after{
  left:17px!important;right:17px!important;top:15px!important;bottom:14px!important;border:2px solid rgba(255,222,108,.58)!important;
  box-shadow:inset 0 0 0 2px rgba(107,50,0,.34)!important;border-radius:23px!important;
}
html body #modal[data-view="roulette246"] .r246-title{
  top:-43px!important;width:min(920px,67vw)!important;height:128px!important;padding:10px 72px 25px!important;
  border:5px solid #c97908!important;border-radius:28px!important;
  background:url('/assets/ui/roulette-wood-pattern.svg?v=253001') center/cover no-repeat!important;
  box-shadow:0 7px 0 #6e2b00,0 16px 30px rgba(0,0,0,.34),inset 0 0 0 3px #f1aa28,inset 0 0 0 8px rgba(255,190,49,.22)!important;
}
html body #modal[data-view="roulette246"] .r246-title:before{
  content:""!important;display:block!important;position:absolute!important;inset:8px 13px!important;border:2px solid rgba(255,191,59,.33)!important;border-radius:17px!important;pointer-events:none!important;
}
html body #modal[data-view="roulette246"] .r246-title h1{
  font-family:Impact,"Arial Black",Trebuchet MS,sans-serif!important;font-size:76px!important;line-height:.96!important;letter-spacing:2.5px!important;
  color:#ffc93f!important;-webkit-text-stroke:1.5px #662300!important;
  text-shadow:0 2px 0 #fff08a,0 5px 0 #922e00,0 8px 0 #5d1d00,0 10px 18px rgba(0,0,0,.42)!important;
}
html body #modal[data-view="roulette246"] .r246-title p{
  position:absolute!important;left:50%!important;bottom:8px!important;transform:translateX(-50%)!important;width:max-content!important;max-width:88%!important;
  margin:0!important;padding:3px 22px 4px!important;border-radius:12px!important;background:linear-gradient(180deg,#7c3006,#4a1701)!important;
  border:1px solid #d68416!important;color:#ffe797!important;font-size:15px!important;font-weight:1000!important;text-shadow:0 2px #522000!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket{
  width:78px!important;height:68px!important;filter:drop-shadow(0 5px 3px rgba(65,20,0,.45))!important;transform:rotate(-11deg)!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket.right{transform:rotate(11deg)!important}
html body #modal[data-view="roulette246"] .r246-body{
  grid-template-columns:245px minmax(620px,675px) minmax(500px,1fr)!important;gap:21px!important;align-items:start!important;
}
html body #modal[data-view="roulette246"] .r246-leftcol{padding-top:10px!important;justify-content:space-between!important}
html body #modal[data-view="roulette246"] .r246-box{
  border:3px solid #d49a32!important;border-radius:20px!important;
  background:url('/assets/ui/roulette-paper.svg?v=253001') center/cover!important;
  box-shadow:0 6px 0 rgba(116,58,0,.28),0 10px 22px rgba(95,50,0,.13),inset 0 0 0 2px rgba(255,250,211,.92)!important;
}
html body #modal[data-view="roulette246"] .r246-ticket{
  width:245px!important;padding:17px 16px 13px!important;
}
html body #modal[data-view="roulette246"] .r246-ticket h3{font-size:21px!important;color:#60350b!important}
html body #modal[data-view="roulette246"] .r246-ticket img{filter:drop-shadow(0 3px 2px rgba(87,32,0,.28))!important}
html body #modal[data-view="roulette246"] .r246-ticket b{font-size:35px!important;color:#6b3b0e!important}
html body #modal[data-view="roulette246"] .r246-ticket button{
  border:2px solid #126f0a!important;background:linear-gradient(180deg,#74e735,#24bb1f 62%,#0a7e0b)!important;
  box-shadow:inset 0 0 0 2px #beff82,0 4px 0 #075d08!important;
}
html body #modal[data-view="roulette246"] .r246-free-spin{
  width:245px!important;min-height:144px!important;padding:18px 12px!important;border:4px solid #1c760f!important;border-radius:22px!important;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.20),transparent 20%),
    linear-gradient(180deg,#5dde32 0%,#22b61c 50%,#087d0e 100%)!important;
  box-shadow:inset 0 0 0 3px #b7f970,inset 0 -11px 20px rgba(0,77,11,.22),0 6px 0 #075908,0 12px 18px rgba(48,54,0,.28)!important;
  color:#fff!important;font-size:25px!important;text-shadow:0 2px #075d08!important;
}
html body #modal[data-view="roulette246"] .r246-free-spin small{font-size:18px!important}
html body #modal[data-view="roulette246"] .r246-center{transform:translate(-8px,-5px)!important}
html body #modal[data-view="roulette246"] .r246-wheel-stage{overflow:visible!important}
html body #modal[data-view="roulette246"] .r246-wheel{
  width:620px!important;height:620px!important;min-width:620px!important;min-height:620px!important;
  filter:drop-shadow(0 16px 18px rgba(65,25,0,.34))!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring{
  inset:-23px!important;
  background:conic-gradient(from 5deg,#6d2e00,#e09a11,#fff0a0,#b66000,#f4bf25,#713000,#ffd95e,#a94d00,#ffe48a,#7f3600,#f1b327,#6d2e00)!important;
  box-shadow:0 0 0 4px #6b2a00,0 0 0 9px #d69211,0 0 0 13px #ffdc55,inset 0 0 0 5px rgba(255,246,172,.78),0 13px 25px rgba(63,21,0,.35)!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring:after{
  content:""!important;position:absolute!important;inset:10px!important;border-radius:50%!important;border:2px solid rgba(255,244,177,.86)!important;box-shadow:inset 0 0 14px rgba(117,48,0,.46)!important;
}
html body #modal[data-view="roulette246"] .r246-lights i{
  width:12px!important;height:12px!important;background:radial-gradient(circle,#fffef0 0 36%,#fff2a2 38% 60%,#ffb914 63% 100%)!important;
  box-shadow:0 0 9px #fff1a1,0 0 13px #ffb915!important;transform:rotate(calc(var(--i)*9deg)) translateY(-286px)!important;
}
html body #modal[data-view="roulette246"] .r246-disc{
  border:4px solid #8a4300!important;box-shadow:inset 0 0 0 3px #ffd659,inset 0 0 38px rgba(37,10,0,.33)!important;
}
html body #modal[data-view="roulette246"] .r246-disc:before{
  background:repeating-conic-gradient(from -.5deg,transparent 0 calc(360deg/var(--r246-n) - 1deg),rgba(255,221,87,.98) calc(360deg/var(--r246-n) - 1deg) calc(360deg/var(--r246-n)))!important;
  opacity:1!important;
}
html body #modal[data-view="roulette246"] .r246-prize{
  width:102px!important;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-220px) rotate(calc(-1 * var(--a)))!important;
}
html body #modal[data-view="roulette246"] .r246-prize img{width:52px!important;height:52px!important}
html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,
html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:63px!important;height:63px!important}
html body #modal[data-view="roulette246"] .r246-prize span,
html body #modal[data-view="roulette246"] .r246-prize b{font-size:11.5px!important;color:#fff8cf!important}
html body #modal[data-view="roulette246"] .r246-prize small{color:#ffe154!important;font-size:9px!important}
html body #modal[data-view="roulette246"] .r246-wheel-hub{
  width:96px!important;height:96px!important;border:7px solid #8a3a00!important;
  background:conic-gradient(from 25deg,#ffde52,#b76c00,#fff194,#d98e08,#ffd63d,#aa5700,#fff2a4,#f1aa13)!important;
  box-shadow:inset 0 0 0 5px #ffd85a,inset 0 0 14px rgba(80,29,0,.36),0 5px 10px rgba(62,18,0,.5)!important;
}
html body #modal[data-view="roulette246"] .r246-pointer{
  top:-30px!important;width:62px!important;height:73px!important;background:linear-gradient(180deg,#ffdf59 0 21%,#dc3c1b 22% 100%)!important;
  filter:drop-shadow(0 5px 2px rgba(82,24,0,.55))!important;
}
html body #modal[data-view="roulette246"] .r246-pointer:before{
  width:28px!important;height:28px!important;left:17px!important;top:1px!important;transform:rotate(45deg)!important;border-radius:5px!important;
  background:linear-gradient(135deg,#fff37c 0 10%,#e6291b 12% 62%,#7e0c07 64% 100%)!important;border:3px solid #ffcf3d!important;
}
html body #modal[data-view="roulette246"] .r246-instant{margin-top:10px!important;font-size:15px!important;color:#60350a!important}
html body #modal[data-view="roulette246"] .r246-spin{
  width:410px!important;margin-top:12px!important;border:4px solid #1c700c!important;border-radius:23px!important;
  background:linear-gradient(180deg,#6be23b 0%,#22b91f 55%,#087d0d 100%)!important;
  box-shadow:inset 0 0 0 3px #c4ff83,inset 0 -11px 18px rgba(0,66,12,.20),0 6px 0 #075a09,0 11px 19px rgba(48,60,0,.30)!important;
  font-size:34px!important;text-shadow:0 2px #075d08!important;
}
html body #modal[data-view="roulette246"] .r246-status{
  bottom:-14px!important;width:520px!important;padding:6px 18px!important;border:3px solid #ad5d09!important;
  background:linear-gradient(180deg,#6f2d02,#3d1300)!important;color:#ffd94d!important;box-shadow:inset 0 1px #d59029,0 4px 7px rgba(52,14,0,.36)!important;
}
html body #modal[data-view="roulette246"] .r246-rightcol{gap:15px!important;padding-top:0!important}
html body #modal[data-view="roulette246"] .r246-ordinary{min-height:190px!important;padding:13px 18px 11px!important}
html body #modal[data-view="roulette246"] .r246-ordinary h3{font-size:21px!important;color:#5c3208!important;text-shadow:0 1px #fff3bd!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat{width:110px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat img{width:90px!important;height:74px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat b{color:#5d350d!important;font-size:12px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-note{font-size:12px!important;color:#6b461c!important}
html body #modal[data-view="roulette246"] .r246-target-wrap{
  min-height:490px!important;border-radius:20px!important;background:url('/assets/ui/roulette-paper.svg?v=253001') center/cover!important;
}
html body #modal[data-view="roulette246"] .r246-target{
  background:radial-gradient(circle at 50% 26%,rgba(255,255,236,.72),rgba(255,239,191,.20) 48%,transparent 70%)!important;
}
html body #modal[data-view="roulette246"] .r246-target-kicker{font-size:12px!important;color:#72420f!important}
html body #modal[data-view="roulette246"] .r246-target-art{height:180px!important}
html body #modal[data-view="roulette246"] .r246-target-art span{width:195px!important;height:195px!important;opacity:.72!important}
html body #modal[data-view="roulette246"] .r246-target-art img{height:170px!important;max-width:320px!important}
html body #modal[data-view="roulette246"] .r246-target h2{font-size:30px!important;color:#67390a!important}
html body #modal[data-view="roulette246"] .r246-target>em{background:linear-gradient(#f7c84b,#dc951c)!important;box-shadow:inset 0 1px #fff0a5!important}
html body #modal[data-view="roulette246"] .r246-progressbar{height:24px!important;border:3px solid #6c3304!important;background:#6a2f03!important}
html body #modal[data-view="roulette246"] .r246-progressbar i{background:linear-gradient(180deg,#6fe536,#28bf1d)!important;box-shadow:inset 0 1px #c8ff91,0 0 9px rgba(81,215,36,.5)!important}
html body #modal[data-view="roulette246"] .r246-chance-box{background:rgba(255,241,187,.78)!important;border:2px solid #d09a3c!important}
html body #modal[data-view="roulette246"] .r246-next-inline{
  flex:0 0 132px!important;margin:8px 12px 10px!important;padding:7px 8px 6px!important;border:2px solid #d09b42!important;
  background:linear-gradient(180deg,rgba(255,252,225,.92),rgba(250,222,143,.88))!important;box-shadow:inset 0 0 0 2px rgba(255,249,208,.72)!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline h3{font-size:19px!important;color:#5b3209!important}
html body #modal[data-view="roulette246"] .r246-next-row{gap:7px!important;justify-content:space-evenly!important;align-items:flex-start!important}
html body #modal[data-view="roulette246"] .r246-next-hat{width:72px!important;height:88px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important}
html body #modal[data-view="roulette246"] .r246-next-hat img{width:66px!important;height:56px!important;flex:0 0 auto!important}
html body #modal[data-view="roulette246"] .r246-next-hat b{display:block!important;width:76px!important;margin-top:0!important;color:#6a3a0b!important;font-size:9px!important;line-height:1.02!important;text-align:center!important;font-weight:1000!important}
html body #modal[data-view="roulette246"] .r246-next-hat small{right:-2px!important;top:49px!important;bottom:auto!important;z-index:2!important}
@media(max-width:1450px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 34px)!important}
  html body #modal[data-view="roulette246"] .r246-title{width:min(850px,66vw)!important;height:118px!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:65px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:215px minmax(550px,590px) minmax(430px,1fr)!important;gap:14px!important}
  html body #modal[data-view="roulette246"] .r246-ticket,html body #modal[data-view="roulette246"] .r246-free-spin{width:215px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:560px!important;height:560px!important;min-width:560px!important;min-height:560px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-257px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-196px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-spin{width:370px!important}
}
@media(max-width:1220px){
  html body #modal[data-view="roulette246"]>.modal-window{width:calc(100vw - 18px)!important}
  html body #modal[data-view="roulette246"] .r246-board{top:58px!important;padding-top:92px!important}
  html body #modal[data-view="roulette246"] .r246-title{width:min(760px,72vw)!important;height:104px!important;top:-36px!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:54px!important}
  html body #modal[data-view="roulette246"] .r246-title p{font-size:11px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:185px minmax(490px,515px) minmax(350px,1fr)!important;gap:9px!important}
  html body #modal[data-view="roulette246"] .r246-ticket,html body #modal[data-view="roulette246"] .r246-free-spin{width:185px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:505px!important;height:505px!important;min-width:505px!important;min-height:505px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-232px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-176px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-next-hat{width:56px!important}
  html body #modal[data-view="roulette246"] .r246-next-hat b{width:58px!important;font-size:7.5px!important}
}

/* === flame254 / step41: richer contrast, fitted controls, readable next-hat row === */
html body #modal[data-view="roulette246"] .r246-board{
  top:52px!important;
  bottom:10px!important;
  padding:94px 26px 20px!important;
  background-image:
    linear-gradient(90deg,rgba(67,25,0,.46) 0%,rgba(67,25,0,.16) 12%,transparent 27% 73%,rgba(67,25,0,.18) 88%,rgba(67,25,0,.46) 100%),
    radial-gradient(ellipse at 47% 34%,rgba(255,226,118,.50) 0%,rgba(255,197,46,.18) 31%,transparent 58%),
    repeating-linear-gradient(135deg,rgba(255,236,170,.025) 0 2px,rgba(91,32,0,.028) 2px 5px),
    url('/assets/ui/roulette-gold-pattern.svg?v=254001'),
    linear-gradient(145deg,#8f4603 0%,#bd6907 18%,#d58b0d 47%,#bd6506 76%,#7c3501 100%)!important;
  background-size:auto,auto,auto,360px auto,auto!important;
  background-blend-mode:multiply,screen,overlay,soft-light,normal!important;
  box-shadow:0 28px 70px rgba(0,0,0,.52),inset 0 0 0 3px #ffe291,inset 0 0 0 10px #8b3f01,inset 0 0 56px rgba(54,16,0,.34)!important;
}
html body #modal[data-view="roulette246"] .r246-board:before{
  height:76px!important;
  background:
    radial-gradient(circle at 4% 5%,#ffe985 0 20px,transparent 21px),
    radial-gradient(circle at 16% 0,#ffd955 0 15px,transparent 16px),
    radial-gradient(circle at 79% 0,#ffe985 0 19px,transparent 20px),
    radial-gradient(circle at 93% 3%,#ffd24a 0 16px,transparent 17px),
    linear-gradient(180deg,#f6b91e 0%,#d98208 56%,#9a4402 100%)!important;
  border-bottom:4px solid #713000!important;
  box-shadow:inset 0 7px 10px rgba(255,239,154,.48),inset 0 -12px 20px rgba(70,22,0,.32),0 5px 10px rgba(62,20,0,.18)!important;
}
html body #modal[data-view="roulette246"] .r246-title{
  top:-37px!important;
  width:min(860px,64vw)!important;
  height:112px!important;
  padding:8px 64px 25px!important;
  border-color:#a85504!important;
  background:
    linear-gradient(rgba(73,25,1,.14),rgba(73,25,1,.14)),
    url('/assets/ui/roulette-wood-pattern.svg?v=254001') center/cover no-repeat!important;
  box-shadow:0 7px 0 #5b2200,0 17px 30px rgba(0,0,0,.38),inset 0 0 0 3px #e99513,inset 0 0 0 8px rgba(255,180,35,.15)!important;
}
html body #modal[data-view="roulette246"] .r246-title h1{
  font-size:66px!important;
  letter-spacing:1.8px!important;
  color:#ffca45!important;
  text-shadow:0 2px 0 #ffe991,0 5px 0 #7c2900,0 8px 15px rgba(0,0,0,.46)!important;
}
html body #modal[data-view="roulette246"] .r246-title p{
  bottom:6px!important;
  padding:3px 24px!important;
  background:linear-gradient(180deg,#713006,#3c1301)!important;
  border-color:#c06b0d!important;
  font-size:13px!important;
}
html body #modal[data-view="roulette246"] .r246-title-ticket{width:68px!important;height:61px!important}

html body #modal[data-view="roulette246"] .r246-body{
  grid-template-columns:230px minmax(560px,610px) minmax(470px,1fr)!important;
  gap:19px!important;
}
html body #modal[data-view="roulette246"] .r246-leftcol{
  position:relative!important;
  padding:7px 7px 72px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(92,38,1,.19),rgba(255,194,53,.05) 42%,rgba(70,27,0,.15))!important;
  box-shadow:inset 0 0 0 1px rgba(111,47,0,.20)!important;
}
html body #modal[data-view="roulette246"] .r246-ticket,
html body #modal[data-view="roulette246"] .r246-free-spin{width:216px!important}
html body #modal[data-view="roulette246"] .r246-free-spin{min-height:126px!important}

html body #modal[data-view="roulette246"] .r246-center{
  position:relative!important;
  transform:translate(-4px,-10px)!important;
  z-index:2!important;
}
html body #modal[data-view="roulette246"] .r246-center:before{
  content:""!important;
  position:absolute!important;
  left:2px!important;right:2px!important;top:2px!important;height:575px!important;
  border-radius:50% 50% 42% 42%!important;
  background:
    radial-gradient(circle at 50% 47%,rgba(255,203,63,.18) 0 41%,rgba(74,25,0,.14) 58%,rgba(47,14,0,.28) 76%,transparent 78%),
    radial-gradient(ellipse at 50% 20%,rgba(255,244,174,.18),transparent 46%)!important;
  box-shadow:inset 0 0 48px rgba(62,18,0,.22)!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body #modal[data-view="roulette246"] .r246-center>*{position:relative!important;z-index:1!important}
html body #modal[data-view="roulette246"] .r246-wheel{
  width:550px!important;height:550px!important;min-width:550px!important;min-height:550px!important;
}
html body #modal[data-view="roulette246"] .r246-gold-ring{
  inset:-21px!important;
  box-shadow:0 0 0 4px #542000,0 0 0 9px #bc6c06,0 0 0 13px #ffdc60,inset 0 0 0 5px rgba(255,248,181,.82),0 13px 25px rgba(48,13,0,.42)!important;
}
html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-250px)!important}
html body #modal[data-view="roulette246"] .r246-prize{
  width:98px!important;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(-191px) rotate(calc(-1 * var(--a)))!important;
}
html body #modal[data-view="roulette246"] .r246-prize img{width:48px!important;height:48px!important}
html body #modal[data-view="roulette246"] .r246-prize.hat-sector img,
html body #modal[data-view="roulette246"] .r246-prize.whole-hat img{width:58px!important;height:58px!important}
html body #modal[data-view="roulette246"] .r246-prize span,
html body #modal[data-view="roulette246"] .r246-prize b{font-size:10.8px!important}
html body #modal[data-view="roulette246"] .r246-prize small{font-size:8.5px!important}
html body #modal[data-view="roulette246"] .r246-pointer{top:-24px!important;width:54px!important;height:65px!important}
html body #modal[data-view="roulette246"] .r246-pointer:before{left:14px!important;width:26px!important;height:26px!important}
html body #modal[data-view="roulette246"] .r246-instant{margin-top:7px!important}
html body #modal[data-view="roulette246"] .r246-spin{
  width:390px!important;
  margin-top:7px!important;
  padding:10px 18px 8px!important;
  font-size:32px!important;
}
html body #modal[data-view="roulette246"] .r246-status{
  position:relative!important;bottom:auto!important;
  width:470px!important;
  margin-top:5px!important;
  padding:4px 15px!important;
}

html body #modal[data-view="roulette246"] .r246-box{
  background:
    linear-gradient(rgba(255,249,220,.66),rgba(248,225,164,.66)),
    url('/assets/ui/roulette-paper.svg?v=254001') center/cover!important;
  border-color:#b56d12!important;
  box-shadow:0 6px 0 rgba(85,34,0,.22),0 12px 24px rgba(65,27,0,.12),inset 0 0 0 2px rgba(255,253,231,.94)!important;
}
html body #modal[data-view="roulette246"] .r246-rightcol{gap:12px!important}
html body #modal[data-view="roulette246"] .r246-ordinary{min-height:176px!important;padding:10px 17px 8px!important}
html body #modal[data-view="roulette246"] .r246-ordinary h3{font-size:19px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat{width:98px!important}
html body #modal[data-view="roulette246"] .r246-ordinary-hat img{width:80px!important;height:67px!important}
html body #modal[data-view="roulette246"] .r246-target-wrap{min-height:460px!important}
html body #modal[data-view="roulette246"] .r246-target-art{height:158px!important}
html body #modal[data-view="roulette246"] .r246-target-art span{width:175px!important;height:175px!important}
html body #modal[data-view="roulette246"] .r246-target-art img{height:150px!important}
html body #modal[data-view="roulette246"] .r246-target h2{font-size:27px!important}
html body #modal[data-view="roulette246"] .r246-next-inline{
  flex:0 0 118px!important;
  margin:6px 10px 8px!important;
  padding:7px 7px 6px!important;
  overflow:hidden!important;
}
html body #modal[data-view="roulette246"] .r246-next-inline h3{font-size:17px!important;margin:0 0 4px!important}
html body #modal[data-view="roulette246"] .r246-next-row{gap:3px!important;justify-content:space-between!important;align-items:flex-start!important}
html body #modal[data-view="roulette246"] .r246-next-hat{
  width:60px!important;height:78px!important;min-width:0!important;overflow:visible!important;
}
html body #modal[data-view="roulette246"] .r246-next-hat img{width:55px!important;height:48px!important}
html body #modal[data-view="roulette246"] .r246-next-hat b{
  width:62px!important;max-height:21px!important;margin-top:1px!important;
  font-size:7.4px!important;line-height:.95!important;overflow:hidden!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
}
html body #modal[data-view="roulette246"] .r246-next-hat small{top:41px!important;right:-1px!important;font-size:7px!important}

@media(max-width:1450px){
  html body #modal[data-view="roulette246"] .r246-title{width:min(790px,65vw)!important;height:106px!important}
  html body #modal[data-view="roulette246"] .r246-title h1{font-size:57px!important}
  html body #modal[data-view="roulette246"] .r246-body{grid-template-columns:205px minmax(515px,545px) minmax(405px,1fr)!important;gap:12px!important}
  html body #modal[data-view="roulette246"] .r246-ticket,html body #modal[data-view="roulette246"] .r246-free-spin{width:191px!important}
  html body #modal[data-view="roulette246"] .r246-wheel{width:510px!important;height:510px!important;min-width:510px!important;min-height:510px!important}
  html body #modal[data-view="roulette246"] .r246-lights i{transform:rotate(calc(var(--i)*9deg)) translateY(-230px)!important}
  html body #modal[data-view="roulette246"] .r246-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-176px) rotate(calc(-1 * var(--a)))!important}
  html body #modal[data-view="roulette246"] .r246-prize img{width:44px!important;height:44px!important}
  html body #modal[data-view="roulette246"] .r246-spin{width:350px!important}
  html body #modal[data-view="roulette246"] .r246-next-hat{width:52px!important}
  html body #modal[data-view="roulette246"] .r246-next-hat img{width:49px!important;height:43px!important}
  html body #modal[data-view="roulette246"] .r246-next-hat b{width:54px!important;font-size:6.7px!important}
}