:root{--bg:#0e1825;--panel:#172534;--panel2:#1c2d3e;--line:#ffffff0e;--text:#f2eee4;--muted:#8fa4b5;--gold:#edc579;--mint:#80cfb8;--radius:20px;color-scheme:dark;font-family:Tahoma,'Noto Sans Thai','Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 5%,#1c334241,transparent 45%),var(--bg);color:var(--text);font-size:14px;line-height:1.6}button,a,input{ -webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.44}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{border:0}button:active:not(:disabled){transform:translateY(1px)}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.5;letter-spacing:-.7px}h2{font-size:21px;line-height:1.5;letter-spacing:-.4px}h3{font-size:16px}small{font-size:11px}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.item-art{width:32px;height:32px;vertical-align:middle;overflow:visible}.sidebar{position:fixed;inset:0 auto 0 0;width:100px;background:#101d2b;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;z-index:20;padding:26px 9px}.brand-mark{width:47px;height:47px;background:linear-gradient(145deg,#334c53,#20323f);border:1px solid #d6b8734d;border-radius:14px;display:grid;place-items:center;color:var(--gold);box-shadow:0 8px 20px #0002}.brand-mark .icon{width:28px;height:28px}.nav-label{font-size:7px;color:#748b9d;letter-spacing:1.7px;margin:34px 0 18px}nav{width:100%;display:flex;flex-direction:column;gap:8px}.nav-link{position:relative;padding:13px 0;border-radius:12px;display:flex;gap:6px;align-items:center;flex-direction:column;color:#899faf;font-size:10px;transition:background .2s,color .2s}.nav-link:hover{background:#ffffff06;color:#f2dab0}.nav-link.active{color:var(--gold);background:#d9b26612}.nav-link.active:before{content:'';position:absolute;left:-9px;top:24%;width:3px;height:50%;background:var(--gold);border-radius:0 3px 3px 0}.nav-link .icon{width:24px;height:24px}.nav-dot{width:5px;height:5px;background:#e4ba75;border-radius:50%;position:absolute;right:20px;top:10px}.side-help{margin-top:auto;width:40px;height:40px;border-radius:50%;background:#ffffff05;color:#8198ab}.side-version{font-size:8px;letter-spacing:2px;margin-top:15px;color:#546b7d}.app-shell{margin-left:100px;max-width:1800px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px;border-bottom:1px solid var(--line);background:#0f1b2870}.wordmark{display:flex;gap:11px;align-items:center;font-family:Georgia,serif;letter-spacing:3.8px;font-size:20px;line-height:1.05;color:#f6d8a0}.wordmark span:not(.brand-mini){display:block;font-size:10px;letter-spacing:6.6px;margin-top:6px}.brand-mini{display:none}.resources{display:flex;gap:10px;margin-left:auto}.resource{display:flex;align-items:center;gap:8px;border:1px solid #ffffff0e;border-radius:10px;padding:7px 12px;background:#182636;min-width:110px;font-size:13px;font-family:'Segoe UI',Tahoma,sans-serif;letter-spacing:.3px}.resource .item-art{width:28px;height:28px}.resource strong{min-width:30px}.resource.gold{color:#edce83}.resource.gem{color:#bba2e5}.resource.energy{color:#efce80}.resource-plus{color:#8f9aa6;font-size:18px;margin-left:auto;padding:0 0 0 8px}.profile{background:none;display:flex;gap:10px;align-items:center;margin-left:8px}.avatar{display:grid;place-items:center;background:#28444f;border:1px solid #e4c37c50;width:45px;height:45px;border-radius:13px}.avatar .item-art{width:39px;height:39px}.profile-copy{text-align:left;font-size:12px}.profile-copy small{display:block;color:var(--muted);font-size:9px}.chevron{color:#7893a5;font-size:16px}.page{padding:26px 38px 10px;max-width:1460px;margin:auto;animation:appear .3s ease}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.eyebrow{font-family:'Segoe UI',Tahoma,sans-serif;color:var(--mint);letter-spacing:2px;font-size:9px;text-transform:uppercase;font-weight:600;margin-bottom:5px}.heading-sub{color:var(--muted);font-size:12px;margin-top:3px}.chapter-tag{color:#a8bac8;border:1px solid #ffffff14;padding:7px 13px;border-radius:30px;font-size:10px;white-space:nowrap;display:flex;align-items:center;gap:7px}.chapter-tag .icon{width:14px;height:14px;color:var(--gold)}.hero{height:253px;border:1px solid #ffffff13;border-radius:20px;position:relative;overflow:hidden;margin-bottom:24px;background:#234958 url('assets/world.png') center 52%/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c35ef 0%,#132e3ada 24%,#18343b65 52%,#15304300 78%),linear-gradient(0deg,#132b3933,transparent)}.hero-copy{position:relative;z-index:1;padding:30px 32px;width:65%}.hero .eyebrow{color:#eacb8c;margin-bottom:9px}.hero h2{font-size:30px;line-height:1.55;text-shadow:0 2px 15px #0003;font-weight:700}.hero p{margin:9px 0 17px;color:#c3d2d4;font-size:12px}.hero-button{display:inline-flex;gap:14px;align-items:center;color:#132b35;background:#e8c885;border-radius:8px;padding:9px 17px;font-size:11px;font-weight:bold}.hero-button .icon{width:16px;height:16px}.hero-location{position:absolute;right:22px;bottom:20px;background:#172d3cbf;backdrop-filter:blur(10px);border:1px solid #ffffff2a;padding:8px 12px;border-radius:9px;font-size:10px;color:#f5ead3;display:flex;gap:8px;align-items:center}.hero-location .icon{width:17px;height:17px;color:#efd59b}.game-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.panel{background:linear-gradient(135deg,#1b2b3b,#142331);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px 14px;gap:8px}.panel-head h2{font-size:17px}.panel-kicker{font-size:8px;font-family:'Segoe UI',sans-serif;letter-spacing:2px;color:#6f899d;margin-bottom:5px}.pill{border:1px solid #edc57928;color:#e5c480;background:#edc5790a;border-radius:30px;font-size:9px;padding:3px 9px;display:inline-flex;align-items:center;gap:6px}.pill .icon{width:12px;height:12px}.slot-card{position:relative}.slot-decoration{text-align:center;color:#577181;height:27px;display:flex;align-items:center;justify-content:center;gap:14px}.slot-decoration:before,.slot-decoration:after{content:'';height:1px;width:70px;background:linear-gradient(90deg,transparent,#d4b47355)}.slot-decoration:after{transform:rotate(180deg)}.slot-decoration .icon{color:#e6c381;width:20px;height:20px}.machine-wrap{position:relative;margin:8px 29px 0;padding:12px;background:linear-gradient(135deg,#a78b51,#e8c178 30%,#7b603b 65%,#c0a269);border-radius:16px;box-shadow:0 12px 25px #02090f55,inset 0 0 0 2px #e4c48433}.machine-wrap:before,.machine-wrap:after{content:'';position:absolute;width:5px;height:5px;background:#f9e7b1;border-radius:50%;top:5px;box-shadow:0 0 8px #f2d88c}.machine-wrap:before{left:20px}.machine-wrap:after{right:20px}.reels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border:4px solid #192b32;border-radius:9px;background:#152c35;overflow:hidden;box-shadow:inset 0 0 10px #0008}.reel{position:relative;min-height:126px;background:linear-gradient(180deg,#c7d4cb,#f6f4df 30%,#f4ebce 70%,#bccbc4);display:flex;align-items:center;justify-content:center;overflow:hidden}.reel:after{content:'';position:absolute;inset:0;box-shadow:inset 0 9px 13px #526f774a,inset 0 -8px 12px #38576140;pointer-events:none}.reel .item-art{width:91px;height:91px;filter:drop-shadow(0 6px 3px #8f764233)}.reel:nth-child(2){background:linear-gradient(180deg,#d2d8bf,#fff8dc 30%,#f8efcf 70%,#c7ccb4)}.reel.spinning .item-art{animation:reel .12s linear infinite}.result-label{min-height:47px;padding:15px 15px 3px;text-align:center;font-size:12px;color:#d9c6a0}.result-label.win{color:#f5d287}.spin-controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:10px 28px 8px}.bet-button,.auto-button{height:49px;min-width:58px;padding:0 13px;border:1px solid #ffffff15;border-radius:10px;background:#223847;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;color:#d2c6a8;font-weight:bold}.bet-button small{font-size:8px;color:#8ea3b2;line-height:1.3;font-weight:normal}.auto-button .icon{width:19px;height:19px}.auto-button small{font-size:8px;color:#b7c9d3}.auto-button.on{background:#34584f;border-color:#8ed7b4;color:#b7e2c8}.spin-button{flex:1;max-width:345px;border-radius:10px;background:linear-gradient(180deg,#f4d48d,#dfae57);height:52px;border:1px solid #fae1a4;box-shadow:0 4px 0 #9c773e,0 7px 20px #d4b3671f;color:#293536;font-size:19px;letter-spacing:1px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 1px #ffffff4a}.spin-button .icon{width:22px;height:22px}.spin-button:hover{filter:brightness(1.07)}.spin-button:disabled{opacity:.7}.spin-note{text-align:center;color:#7e96a6;font-size:10px;margin:12px 0 19px}.spin-note b{color:#c5d6db;font-weight:normal}.slot-bottom{border-top:1px solid var(--line);padding:14px 23px;display:flex;align-items:center;gap:8px;font-size:10px;color:#8fa4b3;background:#10202d70}.slot-bottom .item-art{width:25px;height:25px}.slot-bottom strong{color:#cfb57a;font-weight:normal}.slot-bottom button{margin-left:auto;color:#eacb8a;background:none;font-size:10px}.right-rail{display:flex;flex-direction:column;gap:17px}.boss-teaser{position:relative;min-height:273px;background:radial-gradient(ellipse at 60% 35%,#38685855,transparent 65%),linear-gradient(135deg,#1a303b,#132230)}.boss-teaser .panel-head{padding-bottom:0;position:relative;z-index:2}.boss-teaser .panel-head h2{font-size:15px}.boss-art{display:block;width:195px;height:167px;object-fit:contain;filter:drop-shadow(0 10px 12px #0005);margin:-12px auto -14px;animation:float 6s ease-in-out infinite}.boss-teaser .boss-info{position:relative;padding:0 20px 17px}.boss-name{font-size:12px;display:flex;justify-content:space-between;margin-bottom:7px}.boss-name small{font-size:9px;color:#91adae}.progress{height:5px;border-radius:8px;background:#0e202c;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#659d89,#a4dab8);border-radius:8px;transition:width .4s ease}.progress.gold>span{background:linear-gradient(90deg,#aa8648,#ecd196)}.progress.red>span{background:linear-gradient(90deg,#aa624c,#e9ab7b)}.boss-teaser .outline-button{margin-top:13px;width:100%;height:34px;font-size:10px}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffffff03;color:#d5c4a1;border:1px solid #baa37750;border-radius:8px;padding:9px 16px;font-size:12px}.outline-button:hover{background:#d1bc8a12}.outline-button .icon{width:15px;height:15px}.pet-teaser{display:flex;align-items:center;padding:8px 17px 13px;gap:5px;min-height:129px;background:linear-gradient(120deg,#283446,#1b2c3a)}.pet-teaser .pet-art{width:108px;height:108px;margin:-2px -5px -5px -9px;flex-shrink:0}.pet-teaser h3{font-size:14px}.pet-teaser .pet-sub{color:#cfa36c;font-size:10px;margin:3px 0 8px}.text-link{background:none;color:#b5c9d7;font-size:10px;padding:0;display:flex;gap:5px;align-items:center}.text-link .icon{width:13px;height:13px}.pet-art{width:180px;height:180px;object-fit:contain}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.quick-card{padding:16px;display:flex;align-items:center;gap:12px;text-align:left;background:#172635;border:1px solid var(--line);border-radius:13px}.quick-card:hover{background:#1e3040}.quick-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff0c;border-radius:10px;background:#dcc1800c;color:#ccac74;flex:none}.quick-card:nth-child(2) .quick-icon{color:#8dc4b1;background:#70b69d0a}.quick-card:nth-child(3) .quick-icon{color:#bda1d4;background:#b89bd60a}.quick-card h3{font-size:11px;font-weight:normal}.quick-card p{font-size:9px;color:#7e98ac;margin-top:2px}.quick-card>.icon{margin-left:auto;width:14px;color:#668096}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:1460px;margin:22px auto 0;padding:0 38px 22px;color:#627e91;font-size:9px;letter-spacing:.3px}.page-footer>span:first-child{display:flex;gap:6px;align-items:center}.page-footer>span:nth-child(2){font-family:'Segoe UI',sans-serif;letter-spacing:1.6px;font-size:8px}.page-footer b{padding:0 8px;color:#ad925e}.page-footer button{color:#849eac;background:none;font-size:10px}.status-dot{width:5px;height:5px;border-radius:50%;background:#89bbaa;display:inline-block}.muted{color:var(--muted)}.gold-text{color:var(--gold)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 15px}.section-header h2{font-size:17px}.section-header>span{font-size:10px;color:#869dad}.city-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,1fr);gap:22px}.city-map{position:relative;min-height:540px;background:radial-gradient(ellipse at 50% 65%,#467875b0,transparent 57%),linear-gradient(150deg,#1b3749,#112535);overflow:hidden}.city-map:after{content:'';position:absolute;width:370px;height:240px;background:#5995911c;filter:blur(50px);border-radius:50%;bottom:10px;pointer-events:none}.city-map.sakura{background:radial-gradient(ellipse at 50% 65%,#a3598b7a,transparent 57%),linear-gradient(150deg,#35354e,#25293b)}.city-map.frost{background:radial-gradient(ellipse at 50% 65%,#8cc9e170,transparent 57%),linear-gradient(150deg,#2a465b,#183047)}.map-heading{position:relative;text-align:center;padding:30px 15px;z-index:1}.map-heading h2{font-size:24px}.map-heading p{color:#93b3bc;font-size:11px;margin-top:4px}.map-world-tag{display:inline-flex;gap:6px;align-items:center;color:#dcbd7e;font-size:9px;letter-spacing:2px;margin-bottom:7px}.map-world-tag .icon{width:16px;height:16px}.map-cloud{position:absolute;background:#c2e8e430;filter:blur(15px);width:130px;height:35px;border-radius:50%;pointer-events:none}.cloud1{top:150px;left:-30px}.cloud2{top:350px;right:-15px}.cloud3{bottom:15px;left:40px}.map-plot{position:absolute;inset:115px 0 25px;z-index:1}.map-building{position:absolute;width:35%;max-width:210px;background:none;padding:0;filter:drop-shadow(0 18px 10px #0003);transition:filter .2s;isolation:isolate}.map-building:hover{filter:drop-shadow(0 0 15px #ffe9af70);transform:translateY(-4px)}.map-building:nth-child(1){top:0;left:32.5%;z-index:1}.map-building:nth-child(2){top:24%;left:4%;z-index:2}.map-building:nth-child(3){top:24%;right:4%;z-index:2}.map-building:nth-child(4){top:53%;left:17%;z-index:3}.map-building:nth-child(5){top:53%;right:17%;z-index:3}.building-art{width:100%;height:auto;display:block;overflow:visible}.map-building-label{background:#0d203ae6;border:1px solid #ffffff19;font-size:9px;display:inline-flex;gap:7px;align-items:center;padding:3px 9px;border-radius:20px;position:relative;margin-top:-11px;vertical-align:top;white-space:nowrap}.map-building-label b{color:#e5c783;font-size:8px}.build-list{padding:18px}.build-summary{padding:4px 4px 15px;border-bottom:1px solid var(--line)}.build-summary-line{display:flex;justify-content:space-between;margin:8px 0;color:#a0b7c6;font-size:11px}.build-summary-line strong{color:#e3c48a}.build-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.build-thumbnail{width:70px;height:61px;flex:none;display:flex;align-items:center}.build-data{min-width:0;flex:1}.build-data h3{font-size:12px}.level-dots{display:flex;gap:3px;margin:6px 0 0}.level-dots i{width:14px;height:3px;border-radius:2px;background:#304354}.level-dots i.filled{background:#d7b369}.build-button{min-width:80px;background:#f1ca7e;color:#243742;font-weight:bold;font-size:11px;border-radius:7px;padding:7px 9px;display:flex;align-items:center;justify-content:center;gap:2px}.build-button .item-art{width:20px;height:20px}.build-button.max{background:#7dc3a715;color:#9ac8b5;font-size:9px;border:1px solid #83bfa426}.next-world{margin-top:17px;width:100%;padding:11px;font-size:12px}.world-road{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.world-card{border:1px solid #ffffff0c;border-radius:13px;padding:16px;background:#152634;display:flex;align-items:center;gap:12px}.world-card.current{border-color:#ceaf6d70;background:#d6bb7210}.world-card.locked{opacity:.6}.world-number{color:#b6c9d1;font-family:Georgia,serif;font-size:29px;min-width:37px}.world-card.current .world-number{color:#e1c688}.world-card h3{font-size:12px}.world-card p{font-size:9px;color:#839cab}.pets-intro{padding:25px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;background:linear-gradient(120deg,#2b354a,#1e3b40);border-radius:17px;border:1px solid #ffffff0d}.pets-intro p{color:#aebec6;font-size:12px;margin-top:4px}.food-count{background:#152936;border:1px solid #b9ccbc28;padding:10px 17px;border-radius:12px;display:flex;align-items:center;gap:10px;color:#d7c599;white-space:nowrap}.pet-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pet-card{padding:22px;position:relative}.pet-card.active{border-color:#cfb47380;background:radial-gradient(ellipse at 50% 23%,#baa86719,transparent 65%),#182b39}.pet-card.locked .pet-portrait{filter:saturate(.2)}.pet-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8fa5b5}.pet-portrait{display:flex;justify-content:center;align-items:center;min-height:207px;background:radial-gradient(ellipse,#cec49a14,transparent 70%)}.pet-portrait .pet-art{width:220px;height:200px}.pet-card h2{font-size:22px;margin-top:4px}.pet-role{color:#9eb5c4;font-size:11px;margin:3px 0 15px}.pet-benefit{font-size:12px;display:flex;justify-content:space-between;color:#b6c7cd;border-top:1px solid var(--line);padding:14px 0 9px}.pet-benefit strong{color:#eacc89}.pet-description{color:#869fb0;font-size:10px;min-height:42px;line-height:1.8}.pet-actions{display:flex;gap:8px;margin-top:14px}.pet-actions button{flex:1;font-size:10px}.pet-actions .primary{background:#e2bd75;color:#24323b;border-radius:8px;padding:10px 7px}.unlock-note{margin-top:15px;padding:9px 10px;border:1px dashed #ffffff19;border-radius:8px;font-size:10px;color:#90a5b2;display:flex;align-items:center;gap:8px}.unlock-note .icon{width:13px}.info-strip{display:flex;gap:10px;align-items:center;color:#90a7b7;font-size:11px;margin-top:22px;padding:16px 20px;border:1px solid #ffffff0c;border-radius:12px}.info-strip .icon{color:#b7c5cc;width:18px}.boss-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.boss-arena{min-height:548px;position:relative;background:radial-gradient(ellipse at 50% 46%,#47776950,transparent 50%),linear-gradient(#18353c,#13202d);padding:26px;text-align:center;overflow:hidden}.boss-arena:before{content:'';position:absolute;inset:25% -15% -55%;background:repeating-conic-gradient(from 20deg,#84b8a505 0deg 15deg,transparent 15deg 30deg);pointer-events:none}.boss-arena .eyebrow{position:relative;color:#d7bc7e}.boss-arena h2{position:relative;font-size:26px}.boss-arena .boss-art{height:300px;width:360px;max-width:100%;margin:-4px auto -1px;filter:drop-shadow(0 20px 20px #060e1955)}.boss-hp{position:relative;max-width:380px;margin:0 auto 21px}.hp-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a1bcbf;margin-bottom:9px}.boss-hp .progress{height:8px}.boss-arena .attack-button{position:relative;max-width:380px;width:100%;padding:13px;background:linear-gradient(#efcc86,#d7ab63);border-radius:10px;color:#233436;font-weight:bold;font-size:16px;display:inline-flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px #977443}.attack-button .item-art{width:27px;height:27px}.attack-note{font-size:10px;color:#7996a5;margin-top:14px;position:relative}.boss-log{min-height:22px;color:#edcb84;font-size:12px}.arena-side{display:flex;flex-direction:column;gap:18px}.reward-panel{padding:24px}.reward-panel h3{font-size:16px}.reward-panel p{font-size:11px;color:#92aabb;margin:5px 0 16px}.loot-list{display:flex;flex-direction:column;gap:10px}.loot-line{display:flex;align-items:center;gap:10px;padding:8px 11px;background:#ffffff03;border-radius:8px;font-size:11px;color:#abbfc9}.loot-line .item-art{width:26px;height:26px}.loot-line strong{margin-left:auto;color:#e8d6af}.boss-tips{padding:22px}.boss-tips p{font-size:11px;color:#94adbb;line-height:1.9;margin-top:10px}.damage-pop{position:absolute;left:50%;top:33%;font-family:'Segoe UI',Tahoma,sans-serif;font-weight:bold;font-size:44px;color:#f6d18b;text-shadow:0 4px 0 #714736;transform:translateX(-50%);animation:damage .9s ease-out forwards;pointer-events:none;z-index:5}.boss-hit .boss-art{animation:hit .3s ease}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reward-card{padding:25px;display:flex;align-items:center;gap:23px}.reward-illustration{width:98px;flex:none}.reward-illustration .item-art{width:95px;height:95px}.reward-card h2{font-size:19px}.reward-card p{font-size:11px;color:#90a7b8;margin:6px 0 14px;line-height:1.9}.reward-card .hero-button{font-size:11px}.quest-list{padding:7px 24px}.quest-row{display:flex;align-items:center;gap:19px;padding:21px 0;border-bottom:1px solid var(--line)}.quest-row:last-child{border-bottom:0}.quest-icon{height:42px;width:42px;border-radius:12px;color:#c9af7d;background:#d7bf7c0c;display:grid;place-items:center;flex:none}.quest-data{flex:1}.quest-data h3{font-size:13px;margin-bottom:3px}.quest-data p{font-size:10px;color:#89a2b5}.quest-progress{max-width:360px;margin-top:10px;height:4px}.quest-reward{font-size:11px;color:#d7c390;white-space:nowrap}.quest-button{font-size:10px;min-width:110px}.quest-day{color:#7f97a9;font-size:10px}.raid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:580px;margin:25px auto}.chest-choice{min-height:150px;border-radius:15px;background:radial-gradient(ellipse,#735c3433,#1c304055);border:1px solid #be9b5740;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#cab583;font-size:10px}.chest-choice .item-art{width:92px;height:92px}.chest-choice:hover:not(:disabled){border-color:#ead092;box-shadow:0 0 25px #c8ac6722;transform:translateY(-4px)}.chest-choice.opened{border-color:#88ba9a77;background:#73b29813;opacity:1;color:#b6dbc3}.raid-heading{text-align:center;padding:30px 15px 0}.raid-heading p{font-size:12px;color:#91b0bb;margin-top:8px}.raid-total{padding:0 20px 28px;text-align:center;font-size:13px;color:#e2c487}.raid-back{display:block;margin:0 auto 30px}.toast-region{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;width:max-content;max-width:min(90vw,540px);display:flex;flex-direction:column;gap:9px;pointer-events:none}.toast{background:#f0ddaf;color:#243644;padding:12px 21px;border:1px solid #f5e9c9;border-radius:12px;box-shadow:0 10px 35px #0004;font-size:12px;text-align:center;animation:toast .24s ease;max-width:100%}.toast.error{background:#f3c7b2;border-color:#f5dccc}.particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:90}.confetti{position:absolute;left:50%;top:38%;width:7px;height:11px;background:var(--gold);animation:confetti 1.4s ease-out forwards}.page-footer.warning{color:#eac68d}dialog{border:1px solid #435565;border-radius:20px;background:#182a3a;color:#ece9de;width:min(510px,calc(100vw - 30px));padding:0;box-shadow:0 25px 80px #0008;max-height:85vh}dialog::backdrop{background:#050d18bc;backdrop-filter:blur(6px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 12px}.modal-head h2{font-size:20px}.close-modal{width:32px;height:32px;display:grid;place-items:center;background:#ffffff07;border-radius:50%;color:#a0b4c1}.close-modal .icon{width:18px}.modal-body{padding:10px 25px 25px}.modal-body p{font-size:12px;color:#b0c3ce;line-height:1.95;margin-bottom:13px}.modal-body .big-art{display:block;margin:auto;width:105px;height:105px}.modal-body .center{text-align:center}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.modal-actions>*{flex:1}.modal-body label{display:block;color:#aabdc9;font-size:12px;margin-bottom:8px}.text-input{width:100%;background:#0c1e2b;border:1px solid #446074;border-radius:9px;padding:11px 13px;color:#edf0e8;font-size:14px}.setting-line{margin-top:14px;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;color:#adc0cd}.toggle{padding:4px 13px;background:#304858;border-radius:20px;color:#c7d5db;font-size:11px}.toggle.enabled{background:#568b74;color:#fff}.import-note{margin-top:15px!important;font-size:10px!important;color:#819aaf!important}.help-step{display:flex;gap:12px;margin-bottom:17px}.help-step .step-num{display:grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:#b49a661f;color:#e3c78a;font-size:13px}.help-step h3{font-size:12px}.help-step p{font-size:11px;margin:4px 0 0}.odds-table{width:100%;border-collapse:collapse;font-size:11px;color:#b5c7d0}.odds-table td{padding:9px 5px;border-bottom:1px solid var(--line)}.odds-table td:last-child{text-align:right;color:#d7c387}.noscript{padding:30px}.reduced *,body.reduced *:before,body.reduced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes reel{0%{transform:translateY(-45px);filter:blur(2px)}100%{transform:translateY(55px);filter:blur(3px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes toast{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes hit{0%,100%{transform:translateX(0)}20%{transform:translateX(-12px);filter:brightness(1.7)}70%{transform:translateX(12px)}}@keyframes damage{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}20%{opacity:1;transform:translate(-50%,0) scale(1.15)}100%{opacity:0;transform:translate(-50%,-80px) scale(1)}}@keyframes confetti{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(540deg)}}
@media(min-width:1550px){.page{padding-top:35px}.hero{height:290px}.hero-copy{padding:35px 38px}.hero h2{font-size:34px}.game-grid{grid-template-columns:minmax(0,1fr) 340px}.reel{height:148px}.boss-teaser{min-height:294px}.boss-art{height:185px}}
@media(max-width:1150px){.topbar{padding:0 25px;gap:10px}.page{padding:24px 25px 10px}.game-grid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.profile-copy,.chevron{display:none}.resource{min-width:90px;padding:7px 10px}.hero h2{font-size:26px}.hero-copy{width:70%;padding:30px 26px}.hero{height:246px}.quick-card{padding:12px;gap:8px}.quick-card>.icon{display:none}.city-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr)}.city-map{min-height:545px}.map-plot{top:140px}.map-building{width:39%}.map-building:nth-child(1){left:30.5%}.map-building:nth-child(2){left:0}.map-building:nth-child(3){right:0}.map-building:nth-child(4){left:10%}.map-building:nth-child(5){right:10%}.reward-card{gap:15px;padding:20px}.reward-illustration{width:65px}.reward-illustration .item-art{width:65px;height:65px}.pet-card{padding:18px}.pet-cards{gap:14px}.page-footer{padding-left:25px;padding-right:25px}.boss-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}}
@media(max-width:900px){.sidebar{width:82px;padding-left:6px;padding-right:6px}.app-shell{margin-left:82px}.nav-link.active:before{left:-6px}.topbar{height:83px;padding:0 20px}.wordmark{font-size:17px;letter-spacing:2px}.wordmark span:not(.brand-mini){font-size:8px;letter-spacing:4.4px}.resources{gap:6px}.resource{min-width:75px;padding:6px 7px;gap:5px}.resource .item-art{width:24px;height:24px}.resource-plus{padding-left:3px}.profile{margin-left:0;padding:0}.avatar{width:37px;height:37px}.avatar .item-art{width:30px;height:30px}.page{padding:23px 20px 10px}.page h1{font-size:25px}.chapter-tag{font-size:9px;padding:6px 10px}.hero h2{font-size:25px}.hero-copy{width:77%}.game-grid{grid-template-columns:1fr}.right-rail{display:grid;grid-template-columns:1.05fr 1fr}.boss-teaser{min-height:210px}.boss-teaser .boss-art{height:105px;width:150px;margin:-9px auto -5px}.boss-teaser .boss-info{padding:0 17px 15px}.pet-teaser{flex-direction:column;justify-content:center;padding:10px;text-align:center;gap:0}.pet-teaser .pet-art{width:104px;height:103px;margin:-8px auto 0}.pet-teaser .text-link{justify-content:center}.pet-teaser .pet-sub{margin-bottom:7px}.city-layout{grid-template-columns:1fr}.city-map{min-height:500px}.map-building{width:32%;max-width:190px}.map-building:nth-child(1){left:34%}.map-building:nth-child(2){left:8%}.map-building:nth-child(3){right:8%}.map-building:nth-child(4){left:21%}.map-building:nth-child(5){right:21%}.map-plot{top:110px;bottom:0}.build-list{padding:20px}.build-row{padding:10px 3px}.world-card{padding:12px;gap:8px}.world-card p{font-size:8px}.pet-cards{grid-template-columns:1fr}.pet-card{display:grid;grid-template-columns:170px 1fr;padding:22px;column-gap:23px}.pet-top{grid-column:1/-1}.pet-portrait{grid-column:1;grid-row:2/7;min-height:200px}.pet-portrait .pet-art{width:190px}.pet-card h2{grid-column:2}.pet-description{min-height:0}.pet-card .unlock-note{grid-column:2}.pet-card .pet-actions{grid-column:2}.boss-layout{grid-template-columns:1fr}.arena-side{display:grid;grid-template-columns:1.1fr 1fr}.reward-panel,.boss-tips{padding:20px}.reward-grid{grid-template-columns:1fr}.reward-card{padding:23px;gap:23px}.reward-illustration{width:90px}.reward-illustration .item-art{width:90px;height:90px}.quest-row{gap:13px}.quest-reward{font-size:10px}.quest-button{min-width:85px}.page-footer>span:nth-child(2){display:none}}
@media(max-width:600px){body{font-size:13px}.sidebar{inset:auto 0 0;width:100%;height:calc(66px + env(safe-area-inset-bottom));padding:4px 7px env(safe-area-inset-bottom);background:#102131f5;backdrop-filter:blur(18px);border-right:0;border-top:1px solid #ffffff15;z-index:50}.brand-mark,.nav-label,.side-help,.side-version{display:none}nav{flex-direction:row;justify-content:space-around;gap:4px;height:58px}.nav-link{flex:1;padding:6px 2px;gap:3px;font-size:9px;line-height:1.5;border-radius:10px}.nav-link .icon{width:22px;height:22px}.nav-link.active:before{left:35%;top:-5px;width:30%;height:2px;border-radius:0 0 3px 3px}.nav-dot{top:5px;right:calc(50% - 20px)}.app-shell{margin:0;padding-bottom:73px}.topbar{height:76px;padding:0 15px;gap:8px}.wordmark{font-size:12px;letter-spacing:1px;flex-shrink:0}.wordmark span:not(.brand-mini){font-size:6px;letter-spacing:2.5px;margin-top:5px}.profile{display:none}.resource{font-size:11px;border-radius:8px;padding:5px 6px;gap:3px;min-width:0}.resource strong{min-width:21px}.resource.gold strong{min-width:40px}.resource .item-art{width:22px;height:22px}.resource-plus{font-size:14px;padding-left:2px}.resources{gap:5px}.page{padding:21px 15px 8px}.page-heading{gap:8px;margin-bottom:17px;align-items:center}.page h1{font-size:22px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:5px}.heading-sub{font-size:10px;margin-top:4px}.chapter-tag{font-size:8px;padding:5px 8px;gap:4px}.chapter-tag .icon{width:12px;height:12px}.hero{height:222px;margin-bottom:18px;border-radius:16px;background-position:61% center}.hero-copy{padding:25px 20px;width:85%}.hero:before{background:linear-gradient(90deg,#112c37ee,#152e3bb3 46%,#17333a00 100%)}.hero .eyebrow{font-size:7px;letter-spacing:1.2px}.hero h2{font-size:23px;line-height:1.5}.hero p{font-size:10px;margin:8px 0 15px;max-width:240px}.hero-button{font-size:10px;padding:8px 13px;gap:10px}.hero-location{font-size:8px;padding:5px 8px;bottom:14px;right:12px;gap:5px}.hero-location .icon{width:13px;height:13px}.game-grid{gap:15px}.panel{border-radius:16px}.panel-head{padding:19px 18px 12px}.panel-head h2{font-size:16px}.panel-kicker{font-size:7px;letter-spacing:1.5px}.pill{font-size:8px;padding:3px 7px}.machine-wrap{margin:6px 19px 0;padding:9px;border-radius:13px}.reels{gap:4px;border-width:3px}.reel{min-height:115px}.reel .item-art{width:76px;height:76px}.spin-controls{padding:9px 19px 6px;gap:8px}.spin-button{height:50px;font-size:19px;letter-spacing:0}.auto-button,.bet-button{min-width:48px;height:48px;padding:0 9px}.spin-note{margin:11px 0 17px;font-size:9px}.result-label{font-size:11px;min-height:45px;padding-top:14px}.slot-bottom{padding:12px 16px;font-size:9px;gap:4px}.slot-bottom button{font-size:9px}.slot-bottom .item-art{width:21px;height:21px}.right-rail{gap:12px;grid-template-columns:1.1fr 1fr}.boss-teaser .panel-head{padding:13px 13px 4px}.boss-teaser .panel-head h2{font-size:12px}.boss-teaser .pill{font-size:7px;padding:2px 5px}.boss-teaser .boss-art{height:115px;width:125px;margin:-12px auto -13px}.boss-teaser .boss-info{padding:0 13px 13px}.boss-name{font-size:10px;margin-bottom:6px;display:block}.boss-name small{display:block;font-size:8px;margin-top:2px}.boss-teaser{min-height:224px}.boss-teaser .outline-button{font-size:9px;height:30px;padding:5px;margin-top:11px}.boss-teaser .outline-button .icon{width:12px;height:12px}.pet-teaser .pet-art{height:103px}.pet-teaser h3{font-size:13px}.pet-teaser .pet-sub{font-size:9px}.pet-teaser .panel-kicker{font-size:6px}.quick-row{gap:8px;margin-top:16px}.quick-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px;border-radius:12px}.quick-icon{width:29px;height:29px;border-radius:8px}.quick-icon .icon{width:17px;height:17px}.quick-card h3{font-size:9px;white-space:nowrap}.quick-card p{font-size:8px;margin-top:3px}.page-footer{font-size:8px;padding:0 16px 12px;margin-top:16px;gap:6px}.page-footer button{font-size:9px}.city-map{min-height:420px}.map-heading{padding:23px 10px}.map-heading h2{font-size:22px}.map-heading p{font-size:10px}.map-plot{top:118px;bottom:30px}.map-building{width:36%;max-width:none}.map-building:nth-child(1){left:32%}.map-building:nth-child(2){left:2%;top:23%}.map-building:nth-child(3){right:2%;top:23%}.map-building:nth-child(4){left:14%;top:58%}.map-building:nth-child(5){right:14%;top:58%}.map-building-label{font-size:8px;padding:2px 6px;gap:4px}.map-building-label b{font-size:7px}.build-list{padding:17px}.build-summary h2{font-size:17px}.build-row{gap:9px;padding:11px 0}.build-data h3{font-size:12px}.build-button{font-size:11px;min-width:85px}.build-thumbnail{width:66px}.world-road{gap:8px;margin-top:17px}.world-card{padding:12px 10px;display:block}.world-number{font-size:23px;margin-bottom:5px}.world-card h3{font-size:9px;white-space:nowrap}.world-card p{font-size:8px;margin-top:3px}.pets-intro{padding:18px 17px;gap:15px;align-items:flex-start}.pets-intro h2{font-size:16px}.pets-intro p{font-size:10px;max-width:220px;line-height:1.8}.food-count{padding:7px 10px;font-size:11px;gap:6px}.food-count .icon{width:17px}.pet-card{grid-template-columns:118px 1fr;padding:18px;column-gap:15px}.pet-portrait .pet-art{width:150px;height:175px;max-width:none}.pet-card h2{font-size:20px;margin-top:12px}.pet-role{font-size:9px;margin-bottom:7px}.pet-benefit{font-size:10px;padding-top:10px}.pet-description{font-size:9px}.pet-actions{flex-direction:column;margin-top:9px;gap:6px}.pet-actions button{font-size:10px;padding:7px}.pet-card .unlock-note{font-size:9px;padding:7px;line-height:1.8;gap:5px}.pet-top{font-size:9px}.info-strip{font-size:10px;line-height:1.9;padding:14px 15px}.boss-arena{padding:23px 18px;min-height:500px}.boss-arena h2{font-size:23px}.boss-arena .boss-art{height:270px;margin:0 auto -5px}.boss-hp{margin-bottom:17px}.boss-arena .attack-button{font-size:15px;padding:11px}.attack-note{font-size:9px}.arena-side{grid-template-columns:1fr;gap:15px}.boss-tips{padding:20px}.reward-panel{padding:20px}.loot-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.loot-line{padding:7px 9px;font-size:10px;gap:5px}.loot-line .item-art{width:23px;height:23px}.reward-card{padding:20px 16px;gap:17px}.reward-illustration{width:75px}.reward-illustration .item-art{width:75px;height:75px}.reward-card h2{font-size:17px}.reward-card p{font-size:10px;margin:5px 0 12px}.reward-grid{gap:14px}.section-header{margin:23px 0 13px}.section-header h2{font-size:16px}.quest-day{font-size:8px}.quest-list{padding:0 16px}.quest-row{gap:12px;padding:18px 0;flex-wrap:wrap}.quest-icon{width:33px;height:33px;border-radius:9px}.quest-icon .icon{width:18px;height:18px}.quest-data{flex:1;min-width:180px}.quest-data h3{font-size:12px}.quest-data p{font-size:9px}.quest-progress{margin-top:8px}.quest-reward{font-size:9px;flex:1;margin-left:45px}.quest-button{font-size:9px;padding:6px 9px;min-width:95px}.raid-grid{gap:9px;margin:19px 15px}.chest-choice{min-height:115px}.chest-choice .item-art{width:74px;height:74px}.raid-heading{padding:23px 17px 0}.raid-heading h2{font-size:21px}.raid-heading p{font-size:11px}.raid-total{font-size:11px;padding-bottom:20px}.toast-region{bottom:88px;max-width:calc(100vw - 28px)}.toast{font-size:11px;padding:11px 16px}.modal-head{padding:22px 20px 12px}.modal-head h2{font-size:18px}.modal-body{padding:8px 20px 22px}.modal-body p{font-size:11px}.modal-actions .outline-button{font-size:10px;padding:9px}.odds-table{font-size:10px}}
@media(max-width:360px){.topbar{padding:0 10px}.resource{padding:5px 4px;font-size:10px}.resource .item-art{width:20px}.resources{gap:4px}.page{padding-left:10px;padding-right:10px}.wordmark{font-size:10px}.wordmark span:not(.brand-mini){font-size:5px;letter-spacing:2.1px}.resource.gold strong{min-width:32px}.hero h2{font-size:22px}.hero-location{display:none}.quick-card h3{font-size:8px}.pet-card{grid-template-columns:105px 1fr;column-gap:12px;padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.pet-equipment-panel{margin-top:22px;padding-bottom:20px}.disabled-pill{color:#9aaeb9;background:#ffffff0b;border-color:#ffffff18}.pet-equipment-intro{color:#91a8b6;font-size:11px;padding:0 24px 17px}.pet-equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px}.pet-equipment-slot{display:flex;align-items:center;gap:10px;min-height:78px;border:1px dashed #ffffff1c;border-radius:12px;padding:10px 12px;background:#10212e;opacity:.72}.pet-equipment-icon .item-art{width:38px;height:38px;filter:saturate(.25)}.pet-equipment-slot>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.pet-equipment-slot strong{font-size:12px;color:#c6d4d9}.pet-equipment-slot small{color:#8099a9;font-size:9px;margin-top:2px}.pet-equipment-slot em{font-style:normal;color:#9baeb8;font-size:9px;margin-top:5px}.pet-equipment-slot>.icon{margin-left:auto;width:15px;color:#647f91}.rarity-preview{display:flex;align-items:center;gap:8px;padding:18px 24px 0;color:#8199a9;font-size:10px}.rarity-preview b{padding:4px 9px;border-radius:6px;font-size:10px}.rarity-white{color:#d8e3e8;background:#d8e3e81c}.rarity-green{color:#86d1a4;background:#86d1a41c}.rarity-purple{color:#c29bff;background:#a578ef22}
.legacy-equipment{display:none}.pet-equipment-profiles{margin-top:22px;padding-bottom:20px}.pet-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px}.pet-profile-card{border:1px solid #ffffff12;border-radius:13px;padding:14px;background:linear-gradient(145deg,#172b3a,#122331)}.pet-profile-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pet-profile-head strong{font-size:14px;color:#e4d09a}.pet-path{font-size:9px;color:#82cdb5;background:#82cdb514;border:1px solid #82cdb52a;border-radius:7px;padding:4px 6px;white-space:nowrap}.pet-profile-card>p{min-height:36px;color:#91a8b6;font-size:10px;line-height:1.7;margin:10px 0}.pet-profile-focus{display:flex;align-items:center;gap:6px;color:#b9cbd2;font-size:10px;padding:8px 9px;border-radius:8px;background:#ffffff06}.pet-profile-focus .icon{width:14px;color:#d6ba78}.pet-profile-focus b{color:#ddc587}.pet-profile-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.pet-profile-slots span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:1px dashed #ffffff18;border-radius:7px;color:#647f91;opacity:.72}.pet-profile-slots .item-art{width:21px;height:21px;filter:saturate(.2)}.pet-profile-slots .icon{width:10px}.pet-profile-slots small{font-size:8px;color:#8198a5}
@media(max-width:600px){.pet-equipment-panel{margin-top:15px}.pet-equipment-intro{font-size:10px;padding:0 17px 14px}.pet-equipment-grid{grid-template-columns:1fr;padding:0 17px;gap:8px}.pet-equipment-slot{min-height:69px}.rarity-preview{padding:15px 17px 0;flex-wrap:wrap;font-size:9px}.pet-equipment-profiles{margin-top:15px}.pet-profile-grid{grid-template-columns:1fr;padding:0 17px;gap:8px}.pet-profile-card{padding:13px}.pet-profile-card>p{min-height:0;margin:8px 0}.pet-profile-slots{margin-top:8px}}
.pet-equipment-panel{display:none}
.equipment-panel{display:none}.character-equipment-live{margin-top:22px;padding-bottom:22px}.character-equipment-live .equipment-intro{padding-bottom:16px}.live-equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px}.live-equipment-slot{display:flex;align-items:center;gap:9px;min-height:78px;padding:10px;border:1px solid #ffffff14;border-radius:11px;background:#142635}.live-equipment-slot>.item-art{width:36px;height:36px}.live-equipment-slot>div{min-width:0;display:flex;flex-direction:column;flex:1}.live-equipment-slot strong{font-size:11px;color:#d8e2e4}.live-equipment-slot small{font-size:9px;color:#879eac;margin-top:3px}.live-equipment-slot em{font-style:normal;font-size:9px;margin-top:5px}.live-equipment-slot.empty{opacity:.65}.live-equipment-slot.empty>.icon{width:14px;color:#647f91}.live-equipment-slot.white{border-color:#d8e3e833}.live-equipment-slot.green{border-color:#86d1a455}.live-equipment-slot.purple{border-color:#a578ef66;background:#8f63cc10}.live-equipment-slot .text-link{font-size:9px;padding:3px;color:#caa96f}.set-bonus{display:flex;align-items:center;gap:10px;margin:16px 24px 0;padding:11px 13px;border:1px dashed #ffffff1c;border-radius:10px;background:#ffffff05;color:#9db0b9}.set-bonus>.icon{width:20px;color:#8c99aa}.set-bonus span{display:flex;flex-direction:column;flex:1}.set-bonus b{font-size:11px;color:#c8d4d9}.set-bonus small{font-size:9px;margin-top:3px}.set-bonus>strong{font-size:12px;color:#d7c084}.set-bonus.active{border-color:#a578ef99;background:#9b70e51a;box-shadow:0 0 20px #a578ef1d}.set-bonus.active>.icon{color:#d3a7ff}.set-bonus.active b{color:#d5b0ff}.inventory-equipment-list{padding:20px 24px 0}.inventory-equipment-list h3{font-size:13px;color:#c4d1d5;margin-bottom:10px}.inventory-equipment{display:flex;align-items:center;gap:9px;padding:9px 10px;margin-top:7px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff05}.inventory-equipment>.item-art{width:29px;height:29px}.inventory-equipment>div{flex:1;min-width:0}.inventory-equipment strong{display:block;font-size:10px;color:#d8e2e4}.inventory-equipment small{display:block;font-size:8px;color:#879eac;margin-top:3px}.inventory-equipment .outline-button{font-size:9px;padding:6px 8px}.inventory-equipment.white{border-left:2px solid #d8e3e8}.inventory-equipment.green{border-left:2px solid #86d1a4}.inventory-equipment.purple{border-left:2px solid #c29bff}.equipment-empty-note{margin:16px 24px 0;padding:12px;border:1px dashed #ffffff18;border-radius:9px;color:#829aa8;text-align:center;font-size:10px}
.player-combat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 24px 16px}.combat-stat{padding:10px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff12;text-align:center}.combat-stat span{display:flex;justify-content:center;align-items:center;gap:4px;color:#9db1bc;font-size:9px}.combat-stat span .item-art{width:16px;height:16px}.combat-stat strong{display:block;color:#e2c487;font-size:17px;margin-top:5px}.combat-stat small{display:block;color:#8099a8;font-size:8px;margin-top:2px}.combat-stat.damage{border-color:#d9898950}.combat-stat.damage strong{color:#e69a8d}.combat-stat.armor{border-color:#78b9c64a}.combat-stat.armor strong{color:#8fd1c5}.combat-stat.shield{border-color:#83a6e64a}.combat-stat.shield strong{color:#9fc5ff}
@media(max-width:600px){.character-equipment-live{margin-top:15px}.live-equipment-grid{grid-template-columns:1fr;padding:0 17px;gap:8px}.set-bonus{margin:13px 17px 0}.inventory-equipment-list{padding:16px 17px 0}.equipment-empty-note{margin:14px 17px 0}.player-combat-stats{margin:0 18px 13px;gap:6px}.combat-stat{padding:8px 4px}.combat-stat span{font-size:8px}.combat-stat strong{font-size:15px}.combat-stat small{font-size:7px}}
.player-hp-panel{margin:17px 24px 15px;padding:13px 15px;border:1px solid #7cc5a533;border-radius:12px;background:#75c29b0c}.player-hp-panel .hp-label{color:#b9cbd2}.player-hp-panel .hp-label .icon{width:14px;color:#de8b8b}.player-hp{height:8px!important;margin:8px 0 6px;background:#351e2a!important}.player-hp>span{background:linear-gradient(90deg,#d66f74,#e5ad7e)!important}.player-hp-panel small{display:block;color:#8ea6b3;font-size:9px}.player-hp-panel.critical{border-color:#dc7d7d88;background:#b94d4d12;animation:hpPulse 1.8s ease-in-out infinite}.player-hp-panel.critical small{color:#e3a9a9}.revive-button{width:100%;margin-top:10px;font-size:10px!important;padding:8px!important;color:#e4c987!important;border-color:#cdb27666!important}.revive-button:disabled{opacity:.5;cursor:not-allowed}
@keyframes hpPulse{0%,100%{box-shadow:0 0 0 #d66f7400}50%{box-shadow:0 0 18px #d66f7425}}
@media(max-width:600px){.player-hp-panel{margin:14px 18px 12px;padding:12px}.player-hp-panel small{font-size:8px}.revive-button{font-size:9px!important}}
.character-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:22px}.character-preview{padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#356a7050,transparent 67%),linear-gradient(145deg,#1b3343,#152534)}.character-preview-top{display:flex;justify-content:space-between;align-items:center}.character-level{color:#d5b878;font-size:10px;letter-spacing:1px}.character-art{width:min(100%,260px);height:300px;margin:7px auto -5px;display:block;filter:drop-shadow(0 18px 10px #0005)}.character-preview h2{font-size:23px}.character-preview>p{font-size:11px;color:#91a9b6;margin:3px 0 20px}.character-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-top:1px solid var(--line);padding-top:16px}.character-stats span{display:flex;flex-direction:column;color:#819aac;font-size:9px}.character-stats b{font-family:'Segoe UI',Tahoma,sans-serif;color:#e2c88b;font-size:15px}.character-customize{padding-bottom:24px}.character-option-group{padding:19px 24px 0}.character-option-group>p{color:#a7bbc6;font-size:11px;margin-bottom:9px}.character-option-group>div{display:flex;flex-wrap:wrap;gap:8px}.character-option{padding:9px 13px;border:1px solid #ffffff12;border-radius:8px;background:#142635;color:#91a9b9;font-size:11px}.character-option:hover{background:#ffffff08;color:#d7c68f}.character-option.selected{color:#e5cd91;background:#cdb07318;border-color:#d4b97582;box-shadow:inset 0 0 0 1px #d4b97518}.character-save-note{margin:24px 24px 0;padding:12px 13px;border:1px dashed #ffffff18;border-radius:9px;color:#829bac;font-size:10px;display:flex;align-items:center;gap:8px}.character-save-note .icon{width:14px;height:14px;color:#9ecbb6}.equipment-panel{margin-top:22px;padding-bottom:21px}.equipment-intro{color:#91a8b6;font-size:11px;padding:0 24px 17px}.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 24px}.equipment-slot{display:flex;align-items:center;gap:10px;min-height:83px;border:1px solid #ffffff11;border-radius:12px;padding:10px 12px;background:#142534}.equipment-slot>.item-art{width:39px;height:39px;opacity:.8}.equipment-slot>div{min-width:0;display:flex;flex-direction:column}.equipment-slot strong{font-size:12px;color:#c6d4d9}.equipment-slot small{color:#8099a9;font-size:9px;margin-top:2px}.equipment-slot em{font-style:normal;color:#bca275;font-size:9px;margin-top:5px}.equipment-slot>.icon{margin-left:auto;width:15px;color:#647f91}.equipment-slot.empty{opacity:.78}.equipment-slot.empty>.item-art{filter:saturate(.25)}
@media(max-width:900px){.character-layout{grid-template-columns:1fr 1fr}.character-art{height:270px}.equipment-grid{gap:8px;padding:0 18px}.character-option-group{padding-left:18px;padding-right:18px}.character-save-note{margin-left:18px;margin-right:18px}}
@media(max-width:600px){.character-layout{grid-template-columns:1fr;gap:14px}.character-preview{padding:18px}.character-art{height:270px}.character-customize{padding-bottom:18px}.character-option-group{padding:15px 17px 0}.character-option{font-size:10px;padding:8px 10px}.character-save-note{margin:19px 17px 0;font-size:9px}.equipment-panel{margin-top:15px}.equipment-intro{font-size:10px;padding:0 17px 14px}.equipment-grid{grid-template-columns:1fr;padding:0 17px}.equipment-slot{min-height:73px}.equipment-slot>.item-art{width:34px;height:34px}}

/* Pet food uses the shared item dimensions in every game surface. */
.pet-food-art{object-fit:contain;object-position:center;flex-shrink:0;max-width:100%;filter:drop-shadow(0 2px 3px #0003)}

.spin-multiplier-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:14px 0}.multiplier-option{min-height:44px;padding:8px 3px;border:1px solid #45616f;border-radius:10px;background:#18313d;color:#e8f1f3;font-size:14px;font-weight:700}.multiplier-option.selected{background:#236951;border-color:#80dab1;color:white;box-shadow:0 0 0 1px #80dab1}.multiplier-option:disabled{background:#233039;color:#87939a;border-color:#35434c;cursor:not-allowed;opacity:.65}.spin-controls{grid-template-columns:minmax(0,1fr) auto}@media(max-width:600px){.spin-multiplier-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.multiplier-option{font-size:14px;min-height:44px}}