:root{--paper:#edf1e5;--card:#fffef4;--ink:#173c36;--muted:#718777;--line:#d8dfc8;--green:#235e4c;--green2:#dfedce;--orange:#c77b3e;--gold:#d9ae51;--shadow:0 8px 30px #254b3210}body{background:radial-gradient(ellipse at 10% 0,#dbe8cc55,transparent 45%),radial-gradient(ellipse at 90% 70%,#c2dfd030,transparent 45%),var(--paper)}.header{height:128px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:76px 52px;align-items:center;gap:0 30px;padding:0 36px;background:linear-gradient(115deg,#123b36,#245d47 70%,#1a4b43);border-bottom:2px solid #d5bc79;color:#f2efd6;box-shadow:0 5px 25px #23453315}.brand{grid-column:1;grid-row:1;color:#fff6d2}.brand-name{font-size:36px;letter-spacing:-1px}.brand-tag{font-size:8px;letter-spacing:2.7px;color:#d6c98e}.brand-symbol{height:46px;width:35px;filter:brightness(1.3)}.header-right{grid-column:2;grid-row:1;gap:12px}.resource{border-color:#8baf8640;background:#143d3255;color:#fff7d6;padding:10px 15px;box-shadow:inset 0 1px #ffffff0a}.resource .icon{color:#e8ca75}.essence-resource .icon{color:#c8b1f2}.header .icon-btn{background:#ffffff0d;color:#e7e9cc;border-color:#c1d2a833}.main-nav{position:static;grid-row:2;grid-column:1/-1;height:52px;gap:32px;align-self:stretch;overflow-x:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-btn{font-size:12px;color:#c0d1b7;gap:8px;white-space:nowrap;padding:0 6px;min-width:max-content}.nav-btn.active{color:#fff1b2}.nav-btn.active:after{background:#eac564;height:3px;box-shadow:0 -3px 15px #eac56444}.nav-btn .icon{display:inline-flex;width:17px;height:17px}.panel{border-color:#d7dfc6;border-radius:18px;box-shadow:0 8px 0 #d0dcc11f,0 12px 34px #2d55320a;background:#fffef6}.page-head h1{font-size:38px;letter-spacing:-1.2px;font-weight:500;color:#153f36}.eyebrow{color:#84915e;letter-spacing:2.2px}.subtitle{font-size:12px;color:#7a8c75}.layout{padding-top:30px}.scene{min-height:460px;max-height:620px;background:linear-gradient(#81c0be,#dce9ba);aspect-ratio:1.68}.scene>svg{position:absolute;inset:0;width:100%;height:100%;margin:0;max-width:none}.scene-label{background:#fff9daed;border-color:#e0dcaa;border-radius:11px;color:#4d714f;box-shadow:0 4px 20px #31532d15}.scene-footer{border-top:1px solid #dedfc6;background:linear-gradient(#fffef5,#f3f5e5)}.scene-caption{background:#fffbe5d9;border:1px solid #f5e8c488}.scene-collect{background:linear-gradient(#fff7ce,#eee6a8);border-color:#c5b875;color:#3f5e36;box-shadow:0 4px 0 #a3a16b,0 8px 24px #36552a25}.building-card{background:linear-gradient(125deg,#fffff4,#eaf1df);border-color:#d0dbbe}.building-card.selected{border-color:#bda65a;box-shadow:inset 0 0 0 2px #d8c17b66;background:#eff3dc}.building-card .icon{color:#537d56}.building-card .level-tag{background:#dce6c9;color:#42643a}.btn-primary{background:linear-gradient(#326d50,#1e5543);border:1px solid #264f3b;box-shadow:0 3px 0 #153d2d}.btn-primary:active:not(:disabled){translate:0 2px;box-shadow:0 1px 0 #153d2d}.btn-orange{background:linear-gradient(#dba45a,#c57c3e);border:1px solid #b77536;box-shadow:0 3px 0 #915b2f}.btn-light{background:#e9efdc}.btn-outline{border-color:#c5d0b3;background:#fffff255}.journey{background:linear-gradient(130deg,#f3f3d9,#e8efd9)}.journey h2{color:#265239}.journey .chapter-art{height:145px}.mini-heading{color:#7d8e65}.mini-portrait{background:radial-gradient(circle at 50% 30%,#fff5beaa,transparent 70%),var(--tone);border-color:#cbd6b4;box-shadow:inset 0 0 15px #fffbea66}.hero-card{border-color:#ced8ba;box-shadow:0 4px 0 #c6d3b42b,0 10px 22px #2c4c2910;transition:transform .2s,box-shadow .2s}.hero-card:hover{transform:translateY(-5px);box-shadow:0 6px 0 #c6d3b42b,0 15px 30px #2c4c291b}.hero-card .hero-art{height:205px;background:radial-gradient(circle at 50% 30%,#fff7d1d9,transparent 60%),linear-gradient(150deg,#ffffff66,var(--tone))}.hero-art:after{pointer-events:none}.hero-card.locked .hero-art{filter:saturate(.55);opacity:.8}.hero-info{background:linear-gradient(#fffef6,#f4f5e6)}.hero-info h3{font-size:24px}.hero-card .rarity-Legendary{color:#98691b}.rarity-Legendary:before{content:'✦ ';color:#d7aa4a}.rarity-Epic:before{content:'◆ ';color:#9e82c2}.detail-portrait{box-shadow:inset 0 0 0 1px #eadfc0;background:radial-gradient(circle,#fff9ce,var(--tone))}.detail-portrait svg{filter:drop-shadow(0 12px 12px #3e554622)}.hero-detail{grid-template-columns:230px 1fr}.detail-stats{gap:8px}.detail-stats div{background:#eaf0dc}.passive-box{border:1px solid #dbcda1;background:linear-gradient(120deg,#fff8db,#eff2dc);border-radius:10px;padding:13px;margin-top:13px}.passive-box strong{font-size:11px;letter-spacing:.6px}.passive-box p{margin:7px 0 0;font-size:10px}.skill-level-tag{display:inline-flex;align-items:center;gap:5px;background:#e3dcc4;border:1px solid #d2c39e;padding:4px 7px;border-radius:5px;font:8px Arial;margin-left:7px;vertical-align:middle}.bond-note{border:1px solid #d3dfb5;border-radius:9px;background:linear-gradient(110deg,#edf4dd,#f9f7df);padding:11px;font-size:10px;color:#688056;line-height:1.7;margin-top:13px}.bond-note strong{display:block;font-size:11px;color:#365f3c}.village-companion{position:absolute;bottom:20%;left:53%;width:65px;height:76px;pointer-events:none;filter:drop-shadow(0 5px 5px #315b3933);animation:village-companion-walk 14s ease-in-out infinite}.village-companion svg{width:100%;height:100%}.kingdom-feature-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.kingdom-feature{padding:19px;display:flex;gap:15px;align-items:center;text-align:left;border:1px solid #d0dbbd;border-radius:14px;background:linear-gradient(130deg,#fff9e2,#dfead1)}.kingdom-feature .feature-icon{font-size:30px;color:#8a9f4b}.kingdom-feature h3{font-size:21px}.kingdom-feature p{font-size:10px;line-height:1.7;color:#7b8b6c;margin-top:5px}.region-tabs{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}.region-tab{min-width:190px;flex-shrink:0;background:linear-gradient(#fffef3,#edf2de)}.region-tab.active{background:linear-gradient(125deg,#315e4e,#143d35)}.map-scene{height:400px}.story-card{background:linear-gradient(#fffef5,#eef2df)}.story-card h2{font-size:31px}.story-card .story-text{color:#61774d}.map-footer{line-height:1.7}.campaign-notes .note-card{background:#f4f5e6}.chapter-badge{border-color:#e5dba5;background:#fff5d1d9}.summon-scene{background:radial-gradient(circle at 50% 35%,#517d74,#143d45 60%,#092d36)}.summon-ring{box-shadow:0 0 0 22px #e0c66d08,0 0 0 23px #ddc37a55,0 0 90px #bedc8255}.summon-featured{filter:drop-shadow(0 10px 25px #efc67966)}.summon-details{background:linear-gradient(#fffef4,#edf0dd)}.battle-arena{border:2px solid #b3c699;background:linear-gradient(#8ac6cb,#b3d294);box-shadow:0 8px 0 #cadaaf44,0 15px 45px #284b331a;isolation:isolate}.battle-bg{z-index:-1;overflow:hidden}.battle-bg>svg{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0}.unit{width:145px;height:178px}.unit-art{filter:drop-shadow(0 9px 8px #274c3930)}.unit .unit-name{font-size:9px;color:#1f4934;text-shadow:0 1px #fffcdf;margin-top:-7px}.health{height:7px;background:#153d3c66;box-shadow:0 1px 5px #26492b4d;border-color:#e0f4c4;width:81px}.health span{background:linear-gradient(#b7e86d,#6fba69)}.enemy .health span{background:linear-gradient(#e8a97c,#bc6673)}.unit.dead{opacity:.15;filter:grayscale(.8) blur(.3px)}.unit.shielded:after{inset:4px 4px -4px;border-color:#b4ffe3;box-shadow:inset 0 0 22px #a9f5dc55,0 0 18px #b2fff666}.unit.status-burn .unit-art{filter:drop-shadow(0 -5px 12px #ed874c)}.unit.status-freeze .unit-art{filter:drop-shadow(0 0 10px #a8e6ff) saturate(.6)}.unit.status-poison .unit-art{filter:drop-shadow(0 0 9px #c2ed8f)}.status-icons{height:14px;display:flex;justify-content:center;gap:3px;font-size:8px;line-height:1.1}.status-icons span{background:#244b40ce;color:#f8f7ce;border:1px solid #d6e5a966;padding:2px 4px;border-radius:4px}.skill-card{border-color:#c7d6ae;box-shadow:0 4px 0 #b9c9a033}.skill-card.ready{border-color:#c3a857;box-shadow:0 0 0 2px #d8bb6455,0 4px 0 #ac955d44}.skill-card.ready .ready-signal{background:#ba934b}.cooldown-cover{background:#173d3c9e;font-weight:700;text-shadow:0 2px #153329}.skill-portrait{height:103px;background:radial-gradient(#fff2bf,var(--tone))}.skill-label{background:#fffbed}.skill-label strong{font-size:18px}.battle-extras{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:17px 0 0}.pet-battle-button,.burst-button{border:1px solid #b5c99f;background:linear-gradient(110deg,#faffdb,#d5e7be);border-radius:12px;display:flex;align-items:center;gap:13px;padding:10px 16px;min-height:72px;position:relative;overflow:hidden;text-align:left;box-shadow:0 3px 0 #a8bf94}.pet-battle-button .pet-battle-portrait{width:60px;height:65px;flex-shrink:0}.pet-battle-button strong,.burst-button strong{font:21px Georgia;display:block;line-height:1.2}.pet-battle-button small,.burst-button small{font-size:9px;display:block;color:#6f8360;margin-top:5px}.burst-button{background:linear-gradient(115deg,#e9ddff,#cbdacb);border-color:#b5a5d4;box-shadow:0 3px 0 #a392b9}.burst-button .burst-emblem{font-size:37px;color:#8a72bd;width:51px;flex-shrink:0;text-align:center;filter:drop-shadow(0 0 9px #fff)}.burst-button.ready{background:linear-gradient(100deg,#fff0ac,#f6d48a,#e2c3f0);animation:ultimate-breathe 1.6s infinite;border-color:#c4a26a}.burst-meter{height:5px;background:#7961912b;position:absolute;left:0;right:0;bottom:0;overflow:hidden}.burst-meter span{display:block;height:100%;background:linear-gradient(90deg,#9979c4,#efd087);transition:width .2s}.boss-hud{position:absolute;top:55px;left:50%;transform:translateX(-50%);z-index:3;width:min(62%,470px);text-align:center;color:#fffae1;text-shadow:0 1px 3px #352b3e;pointer-events:none}.boss-hud strong{font:16px Georgia;letter-spacing:1px}.boss-hud small{display:block;font-size:8px;letter-spacing:1px;margin-top:4px}.boss-break{height:5px;border:1px solid #ead7aa88;background:#382a4a70;border-radius:5px;overflow:hidden;margin-top:6px}.boss-break span{display:block;height:100%;background:linear-gradient(90deg,#d99560,#fff0aa);transition:width .15s}.boss-cast{font-size:9px;letter-spacing:1.5px;color:#ffddb2;margin-top:6px;font-weight:700}.break-badge{color:#f9d369!important;font-weight:700}.battle-log{background:#f8faec}.damage-number{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-1px;-webkit-text-stroke:.3px #6c453b;font-size:24px;text-shadow:0 2px 0 #6b493a,0 4px 10px #503c3244}.damage-number.crit{font-size:30px;color:#ffe5a2}.end-banner{font-size:58px;background:#193f3b55;backdrop-filter:blur(2px)}.pause-cover{background:#103e3d9c}.modal{border:1px solid #d2bf81;box-shadow:0 25px 100px #15382e80}.modal-close{background:#fff9df;border-color:#ddcf9e}.modal-content h2{color:#234b3a}.story-cinematic{max-width:760px}.story-cinematic .story-art{height:230px;position:relative;overflow:hidden;background:#94c5ac}.story-art>svg{position:absolute;width:100%;height:100%;inset:0}.story-dialogue{padding:26px 31px;background:linear-gradient(#fffdf0,#eef3df);display:grid;grid-template-columns:95px 1fr;gap:20px;align-items:center}.story-speaker-art{height:125px;filter:drop-shadow(0 7px 8px #345c3925)}.story-speaker-art svg{width:100%;height:100%}.story-dialogue h3{font-size:24px;color:#426841;margin-bottom:10px}.story-dialogue p{font:17px/1.8 Georgia;color:#5f7250}.story-progress{padding:0 31px 25px;background:#eef3df;display:flex;justify-content:space-between;gap:12px;align-items:center}.story-progress span{font-size:9px;color:#879570;letter-spacing:2px}.story-region-banner{position:absolute;bottom:18px;left:25px;color:#fff4ce;text-shadow:0 2px 9px #244c32}.story-region-banner h2{font-size:30px}.story-region-banner small{letter-spacing:2px;font-size:9px}.chron-tabs{display:flex;gap:8px;border-bottom:1px solid #cfdabc;margin-bottom:23px;padding:0 0 12px;overflow:auto}.chron-tab{white-space:nowrap;border:1px solid #cdd9b9;padding:12px 20px;border-radius:9px;color:#75866a;background:#f8fbed;font-size:11px;font-weight:700}.chron-tab.active{background:linear-gradient(#3a6d50,#235642);color:#fff2be;border-color:#426c46}.chron-emblem{background:linear-gradient(#fff4c9,#e2e8c4);border:1px solid #cdbb7a;border-radius:13px;padding:14px 22px;font-size:24px;color:#9b8050;display:flex;align-items:center;gap:8px;position:relative;flex-shrink:0}.chron-emblem strong{font:24px Georgia;color:#41613e}.chron-emblem small{font:7px Arial;letter-spacing:1.5px;position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#9b976a}.chron-spotlight{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:25px;padding:10px 35px 10px 10px;margin-bottom:24px;background:linear-gradient(120deg,#e1edcb,#f9f4d8);min-height:245px;overflow:hidden}.chron-spotlight-art{height:240px;filter:drop-shadow(0 10px 12px #42643433)}.chron-spotlight h2,.relic-loadout h2{font-size:33px;line-height:1.2;margin:10px 0 13px}.chron-spotlight p,.relic-loadout p{font-size:12px;line-height:1.8;color:#778c68;max-width:680px}.chron-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chron-tags span{border:1px solid #c9d5b1;background:#f6f7dcaa;padding:7px 11px;border-radius:7px;font-size:9px;color:#73845d}.pet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.pet-card{position:relative;overflow:hidden}.pet-card.is-active,.relic-card.is-active{border-color:#b5a66b;box-shadow:0 0 0 2px #d4c87d66,0 12px 25px #355a2d12}.pet-card-top{height:220px;position:relative;background:radial-gradient(circle,#fff7ca55,transparent 75%),linear-gradient(145deg,#edf5d8,var(--pet-color,#c7dbaf))}.pet-portrait{height:100%;padding:15px 10px 0;filter:drop-shadow(0 8px 8px #31543225)}.pet-active-badge{position:absolute;bottom:9px;left:12px;right:12px;background:#2d6545;color:#fff6c4;padding:6px;font-size:7px;letter-spacing:1.4px;border-radius:5px;text-align:center}.pet-card-copy{padding:19px}.pet-card h2{font-size:25px}.chron-small{font-size:9px;color:#8b9872}.pet-card p{font-size:10px;color:#7e8c70;line-height:1.8;min-height:45px;margin:10px 0 0}.pet-ability{border-top:1px solid #e1e6d1;margin-top:13px;padding-top:13px}.pet-ability strong{font:17px Georgia;color:#47713e}.pet-ability p{min-height:45px;margin-top:6px}.pet-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.pet-buttons .btn{flex:1;min-width:90px;padding:10px 8px;font-size:10px;flex-direction:column;gap:5px}.pet-buttons .btn small{font-size:8px;line-height:1.4}.relic-loadout{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:29px;margin-bottom:25px;background:linear-gradient(110deg,#fff6d7,#e7efdc)}.relic-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}.relic-slot{border:1px dashed #b8c5a3;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;background:#fffbe8a1;text-align:center}.relic-slot svg{height:70px;width:70px}.relic-slot .empty-relic{font-size:42px;color:#b3bd94;line-height:1.8}.relic-slot span{font:14px Georgia;margin-top:12px;color:#60784e}.relic-slot small{font-size:8px;color:#99a17e;margin-top:8px}.relic-slot.filled{border-style:solid;border-color:#ccbc78;background:#fff5cf}.relic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.relic-card{position:relative;padding:25px}.relic-art{width:100px;height:100px;margin:5px auto 16px;filter:drop-shadow(0 8px 8px #4663392a)}.relic-card .rarity-tag{font-size:7px}.relic-card h2{font-size:24px;text-align:center}.relic-card p{font-size:11px;line-height:1.8;color:#7e8d72;margin:12px 0;min-height:38px;text-align:center}.chron-relic-level{text-align:center;font-size:9px;color:#99a47d}.chron-daily-supplies{padding:28px;display:flex;gap:24px;align-items:center;background:linear-gradient(105deg,#fff0b6,#e0edc6);margin-bottom:24px}.daily-seal{font-size:57px;color:#ba9851;filter:drop-shadow(0 5px 8px #c7a85544)}.chron-daily-supplies h2{font-size:30px;margin:8px 0}.chron-daily-supplies p{font-size:11px;color:#839363;line-height:1.8;margin:8px 0}.chron-daily-supplies .btn{margin-left:auto;flex-shrink:0}.daily-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.daily-card{padding:24px}.daily-card h2{font-size:22px}.daily-card p{font-size:11px;color:#8b9676;line-height:1.8;margin:11px 0}.daily-card .btn{margin-top:16px;width:100%}.chron-rewards{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chron-currency{display:flex;gap:5px;align-items:center;font-size:12px;border-radius:6px;background:#edf2db;border:1px solid #d9e1c2;padding:8px}.chron-currency small{font-size:8px;color:#89916e}.chron-currency i{font-style:normal;color:#c7a657}.chron-currency.essence i{color:#a286bd}.chron-tip{margin:23px 0 0;border:1px solid #d7dfbf;border-radius:10px;padding:17px 22px;font-size:11px;line-height:1.8;color:#7f8e6c;background:#f6f8e9}.chron-story-intro{padding:35px 40px;background:linear-gradient(110deg,#e6edd4,#fff4d7);margin-bottom:25px}.chron-story-intro h2{font-size:34px;margin:15px 0;line-height:1.3}.chron-story-intro p{font:14px/1.9 Georgia;color:#7c8b68;max-width:750px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.chapter-scenery{height:170px;position:relative;overflow:hidden}.chapter-scenery>svg{width:100%;height:100%;position:absolute;inset:0}.chapter-number{position:absolute;left:18px;top:17px;background:#fff8dcdf;border:1px solid #d9d4a8;padding:7px 11px;border-radius:7px;font-size:8px;letter-spacing:1.5px;font-weight:700;color:#7e8e68}.chapter-copy{padding:24px}.chapter-copy h2{font-size:27px;line-height:1.2}.chapter-copy p{font-size:11px;color:#879675;line-height:1.9;min-height:63px;margin:13px 0}.chapter-stage-links{display:flex;flex-direction:column;border-top:1px solid #e1e5cf;margin-top:16px;padding-top:13px;gap:3px}.chapter-stage-links button{text-align:left;font-size:10px;color:#718563;padding:8px;border-radius:6px;line-height:1.5}.chapter-stage-links button:hover{background:#edf2db}.trials-hero{display:grid;grid-template-columns:1fr 360px;gap:25px;padding:35px 40px;background:linear-gradient(115deg,#e1ebcf,#fff5d9);margin-bottom:25px;overflow:hidden}.trials-hero h2{font-size:37px;margin:13px 0;line-height:1.25}.trials-hero p{font-size:12px;line-height:1.9;color:#7c8c6b;max-width:600px}.trials-party{display:flex;align-items:flex-end;height:250px;gap:0}.trials-party>svg{width:45%;flex-shrink:0;margin-left:-10%;filter:drop-shadow(0 10px 8px #48633133)}.trials-party>svg:nth-child(2){height:115%;z-index:1}.bond-chip{display:inline-block;color:#7e8a58;border:1px solid #c9d5ac;border-radius:8px;padding:10px 13px;font-size:10px;line-height:1.7;background:#faf6d8b8;margin-top:17px}.trial-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.trial-mode{padding:31px;position:relative;overflow:hidden;min-height:280px}.trial-mode.tower{background:linear-gradient(120deg,#e3dded,#eef3df)}.trial-mode.arena{background:linear-gradient(120deg,#f2e4bf,#e4efda)}.trial-mode-emblem{position:absolute;right:25px;top:27px;font-size:67px;color:#9c91b859;line-height:1}.trial-mode.arena .trial-mode-emblem{color:#af965659}.trial-mode h2{font-size:33px;margin:13px 0}.trial-mode p{font-size:12px;line-height:1.9;color:#879272;max-width:85%}.trial-progress{display:block;font-size:10px;color:#8b946f;margin:17px 0}.chron-bounty-heading{margin-top:31px;margin-bottom:22px}.chron-bounty-heading h2{font-size:31px;margin:9px 0}.bounty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.bounty-card{padding:29px;background:linear-gradient(130deg,#fff8e0,#f3efd9);border:1px solid #d1cba5;position:relative}.bounty-pin{position:absolute;left:50%;top:10px;width:7px;height:7px;border-radius:50%;background:#ad985c;box-shadow:0 2px 3px #7e784b55}.bounty-card h2{font-size:27px;line-height:1.3;margin:17px 0 12px}.bounty-card p{font-size:11px;line-height:1.9;color:#8d9170;min-height:40px}.mp-welcome,.mp-lobby-raid,.mp-own-card,.mp-gathering,.mp-chat-panel{border-color:#cfd9bb}.mp-keeper-choice.is-selected{border-color:#c6ae60!important;background:#f2edcf!important}.mp-connection.is-online span{box-shadow:0 0 8px #7dbb63}.mp-chat-panel{background:#fffdf0}.mp-chat-message.is-you{background:#e9f0d6}.mp-room-code{background:linear-gradient(#f9f7db,#dfebcb)!important}.mp-battle-arena{isolation:isolate}.footer{padding-bottom:35px}.world-chat-panel{z-index:48}#toast{bottom:85px}.chron-currency,.reward{font-variant-numeric:tabular-nums}@keyframes village-companion-walk{0%,100%{left:51%;transform:translateY(0) scaleX(1)}40%{left:61%;transform:translateY(-5px) scaleX(1)}50%{left:61%;transform:translateY(0) scaleX(-1)}90%{left:51%;transform:translateY(-4px) scaleX(-1)}}@keyframes ultimate-breathe{50%{box-shadow:0 0 22px #e3c35b88,0 3px 0 #aa9767}}
@media(min-width:1500px){.header{padding:0 55px}.scene{min-height:510px}.hero-card .hero-art{height:230px}}
@media(max-width:1150px){.header{padding:0 24px;gap:0 20px}.main-nav{gap:21px}.nav-btn{font-size:11px}.resource{padding:9px 12px}.header-right .wood-resource{display:flex}.pet-grid{grid-template-columns:repeat(3,1fr)}.chron-spotlight{grid-template-columns:200px 1fr}.pet-card-top{height:205px}.chapter-grid{grid-template-columns:repeat(2,1fr)}.relic-loadout{gap:20px}.trials-hero{grid-template-columns:1fr 300px}.unit{width:133px;height:163px}}
@media(max-width:850px){.header{height:121px;padding:0 20px;grid-template-rows:69px 52px}.brand-tag{display:block!important;font-size:6px}.brand-name{font-size:31px}.resource{padding:7px 9px;background:#153e3255;border:1px solid #bad0a12c;font-size:11px}.header-right{gap:7px}.header-right .wood-resource{display:none}.header-right .settings-btn{display:flex}.header-right .icon-btn{width:30px;height:30px}.main-nav{gap:19px}.nav-btn .icon{display:inline-flex;width:15px;height:15px}.scene{min-height:410px;max-height:none}.page-head h1{font-size:32px}.hero-detail{grid-template-columns:210px 1fr}.pet-grid{grid-template-columns:repeat(2,1fr)}.relic-grid,.daily-grid{grid-template-columns:repeat(2,1fr)}.relic-loadout{grid-template-columns:1fr}.relic-slots{min-height:175px}.chron-daily-supplies{gap:18px;padding:23px}.chron-daily-supplies .btn{font-size:10px;max-width:140px}.daily-seal{font-size:40px}.trials-hero{grid-template-columns:1fr 230px;padding:30px}.trials-hero h2{font-size:32px}.trials-party{height:210px}.bounty-grid{grid-template-columns:1fr 1fr}.bounty-card:last-child{grid-column:span 2}.battle-log{display:none}.battle-arena{height:410px}.battle-extras{gap:10px}.pet-battle-button strong,.burst-button strong{font-size:18px}.unit{width:120px;height:150px}.boss-hud{top:50px;width:60%}.skill-label strong{font-size:16px}}
@media(max-width:600px){.header{height:116px;padding:0 16px;grid-template-columns:auto 1fr;grid-template-rows:66px 50px;gap:0 10px;align-content:initial}.brand{height:40px;gap:6px}.brand-name{font-size:29px}.brand-symbol{width:27px;height:37px}.brand-tag{font-size:5px;letter-spacing:1.5px}.header-right{height:40px;gap:7px;margin-left:auto}.header-right .resource{padding:0;border:0;background:none;font-size:9px;gap:3px}.header-right .resource .icon{width:12px;height:12px}.header-right .essence-resource{display:none}.header-right .icon-btn{width:25px;height:25px}.header-right .settings-btn{display:none}.main-nav{position:static;grid-row:2;grid-column:1/-1;left:auto;right:auto;height:50px;gap:0;justify-content:flex-start;width:calc(100% + 16px);margin-right:-16px;overflow-x:auto;mask-image:linear-gradient(90deg,#000 95%,transparent);padding-right:20px}.nav-btn{min-width:85px;justify-content:center;gap:5px;font-size:10px;padding:0 10px}.nav-btn .icon{width:13px;height:13px}.layout{padding:24px 15px}.page-head h1{font-size:30px;line-height:1.18}.subtitle{font-size:11px;line-height:1.9}.eyebrow{font-size:8px;letter-spacing:1.8px}.scene{min-height:325px;aspect-ratio:1.15;max-height:none}.scene>svg{width:100%;height:100%;margin:0}.scene-label{top:11px;left:11px}.village-companion{width:43px;height:54px;bottom:24%;left:53%}.scene-footer{padding:16px;gap:10px}.scene-footer p{max-width:230px}.scene-footer .btn{width:100%;margin-top:5px}.building-card{padding:15px 10px}.building-card h3{font-size:15px}.building-grid{gap:9px}.kingdom-feature-strip{gap:10px;margin-top:15px;grid-template-columns:1fr}.kingdom-feature{padding:16px}.kingdom-feature h3{font-size:20px}.kingdom-feature p{font-size:10px}.journey{padding:20px}.journey .chapter-art{height:auto}.journey h2{font-size:25px}.hero-card .hero-art{height:200px}.hero-info h3{font-size:24px}.hero-info p{font-size:9px}.hero-card .rarity-tag{font-size:7px}.hero-detail{grid-template-columns:1fr;padding:23px}.detail-portrait{min-height:235px;max-height:235px}.detail-portrait svg{height:115%;bottom:-7%}.hero-detail h2{font-size:33px}.hero-actions .btn{font-size:10px}.passive-box p{font-size:11px;line-height:1.8}.bond-note{font-size:9px}.story-card{display:block!important}.story-card h2{font-size:31px}.map-scene{height:315px}.map-bg svg{width:100%;height:100%;margin:0}.map-footer{display:block}.map-footer>span:last-child{display:block;margin-top:8px}.region-tab{min-width:163px}.summon-scene{min-height:400px}.summon-ring{width:205px;height:205px}.summon-featured{height:240px}.summon-scene h2{font-size:33px}.summon-details h2{font-size:34px}.chron-emblem{padding:13px 14px;font-size:19px;border-radius:10px}.chron-emblem strong{font-size:19px}.chron-emblem small{font-size:6px}.chron-tabs{gap:7px;margin-bottom:17px}.chron-tab{padding:11px 14px;font-size:10px}.chron-spotlight{grid-template-columns:1fr;padding:20px;gap:8px}.chron-spotlight-art{height:185px}.chron-spotlight h2{font-size:29px}.chron-spotlight p{font-size:11px}.chron-tags{gap:5px;margin-top:14px}.chron-tags span{font-size:8px;padding:7px}.pet-grid{gap:12px}.pet-card-top{height:175px}.pet-portrait{padding:16px 3px 0}.pet-card .rarity-tag{font-size:6px;top:10px;left:10px}.pet-active-badge{font-size:5px;letter-spacing:.6px;left:7px;right:7px;bottom:8px;padding:5px}.pet-card-copy{padding:14px}.pet-card h2{font-size:23px}.pet-card .panel-title{gap:5px;flex-wrap:wrap}.pet-card p{font-size:10px;min-height:68px;line-height:1.7}.pet-ability{margin-top:11px;padding-top:11px}.pet-ability strong{font-size:16px}.pet-ability p{min-height:75px}.pet-buttons{gap:7px}.pet-buttons .btn{min-width:100%;font-size:10px;padding:10px 7px}.pet-buttons .btn small{font-size:7px}.relic-grid{grid-template-columns:1fr}.relic-loadout{padding:24px;gap:22px}.relic-loadout h2{font-size:29px}.relic-loadout p{font-size:11px}.relic-slots{gap:7px;min-height:145px}.relic-slot{padding:13px 5px}.relic-slot svg{width:52px;height:52px}.relic-slot span{font-size:12px;line-height:1.3}.relic-slot small{font-size:6px;line-height:1.5}.relic-slot .empty-relic{font-size:32px}.relic-card{padding:26px}.relic-art{width:100px;height:100px}.relic-card .pet-buttons{flex-wrap:nowrap}.relic-card .pet-buttons .btn{min-width:0}.daily-grid{grid-template-columns:1fr}.daily-card{padding:24px}.chron-daily-supplies{flex-wrap:wrap;gap:16px;padding:23px}.chron-daily-supplies>div:nth-child(2){flex:1}.chron-daily-supplies h2{font-size:27px}.chron-daily-supplies p{font-size:10px}.chron-daily-supplies .btn{max-width:none;width:100%;margin:0}.chron-tip{padding:17px;font-size:10px}.chron-story-intro{padding:27px 24px}.chron-story-intro h2{font-size:28px;line-height:1.3}.chron-story-intro p{font-size:13px}.chapter-grid{grid-template-columns:1fr}.chapter-scenery{height:185px}.chapter-copy{padding:24px}.chapter-copy h2{font-size:29px}.chapter-copy p{min-height:0}.chapter-stage-links button{font-size:11px;padding:11px}.trials-hero{grid-template-columns:1fr;padding:28px 24px;gap:10px}.trials-hero h2{font-size:31px}.trials-hero p{font-size:11px}.trials-party{height:185px;justify-content:center}.trials-party>svg{width:38%;margin-left:-7%}.trial-mode-grid{grid-template-columns:1fr;gap:17px}.trial-mode{padding:27px}.trial-mode h2{font-size:30px}.trial-mode p{max-width:100%;font-size:11px}.trial-mode-emblem{font-size:55px;right:20px;top:20px}.bounty-grid{grid-template-columns:1fr}.bounty-card:last-child{grid-column:auto}.bounty-card{padding:26px}.bounty-card h2{font-size:28px}.battle-layout{padding:19px 11px}.battle-arena{height:350px}.battle-bg>svg{width:100%;height:100%;margin:0}.unit{width:90px;height:121px}.health{width:57px;height:6px}.unit .unit-name{font-size:7px;margin-top:-8px}.status-icons{font-size:6px;height:12px}.status-icons span{padding:2px}.boss-hud{top:50px;width:69%}.boss-hud strong{font-size:13px}.boss-hud small{font-size:6px}.boss-cast{font-size:7px}.battle-extras{gap:9px;margin-top:15px}.pet-battle-button,.burst-button{padding:9px;gap:7px;min-height:72px;border-radius:10px}.pet-battle-button .pet-battle-portrait{width:38px;height:49px}.pet-battle-button strong,.burst-button strong{font-size:14px}.pet-battle-button small,.burst-button small{font-size:7px;line-height:1.5;margin-top:4px}.burst-button .burst-emblem{width:29px;font-size:29px}.battle-controls{flex-wrap:wrap;gap:6px;justify-content:flex-start}.battle-controls .btn{font-size:9px;padding:8px 10px;flex:1}.skill-portrait{height:75px}.skill-label{padding:9px 5px}.skill-label strong{font-size:13px}.skill-label small{font-size:7px;line-height:1.5}.ready-signal{font-size:5px;padding:4px;right:3px}.skill-key{font-size:6px}.damage-number{font-size:19px}.damage-number.crit{font-size:24px}.story-cinematic .story-art{height:190px}.story-dialogue{grid-template-columns:65px 1fr;gap:12px;padding:22px}.story-speaker-art{height:110px}.story-dialogue h3{font-size:23px}.story-dialogue p{font-size:15px;line-height:1.8}.story-progress{padding:0 22px 22px}.story-region-banner{left:20px;bottom:14px}.story-region-banner h2{font-size:24px}.story-region-banner small{font-size:8px}.footer{padding-bottom:65px}.mp-layout{padding:23px 15px!important}}
.squad-pet{display:flex;align-items:center;gap:11px;margin-top:12px;padding-top:13px;border-top:1px solid #e0e6cd;text-align:left;width:100%}.squad-pet>span{width:50px;height:54px;flex-shrink:0}.squad-pet strong{font:18px Georgia;color:#446c3e}.squad-pet small{display:block;font-size:9px;color:#8d9a75;margin-top:5px}.squad-pet>.icon{margin-left:auto;width:15px;height:15px}.mp-arena{isolation:isolate}.mp-arena-bg>svg{width:100%!important;height:100%!important;position:absolute;inset:0;max-width:none}.mp-unit-art{filter:drop-shadow(0 7px 8px #31533433)}.mp-health>span{background:linear-gradient(#bfea75,#6abc75)}.mp-unit.is-enemy .mp-health>span{background:linear-gradient(#eaa27a,#b66175)}.mp-unit.is-shielded:after{box-shadow:0 0 18px #9df2da66,inset 0 0 15px #aaffde44;border-color:#c0ffe3}.mp-battle-panel{background:#f7fae7}.mp-wave-pill{box-shadow:0 5px 15px #30512c18}.mp-keeper-choice{background:linear-gradient(145deg,#fffff2,var(--mp-tone))}.mp-keeper-choice>div{filter:drop-shadow(0 5px 6px #37582b24)}.mp-chat-heading h2{color:#3a603c}.mp-chat-message.is-mine{background:#e7f0d5;border-color:#c8d6ac}.mp-battle-controls{margin-bottom:16px}.mp-room-grid .battle-extras{margin:0 0 18px}.mp-room-grid .pet-battle-button strong,.mp-room-grid .burst-button strong{font-size:17px}.mp-room-grid .pet-battle-button .pet-battle-portrait{width:48px;height:57px}