@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap');
:root{color-scheme:light;--ink:#183c39;--muted:#74847b;--paper:#f6f3e9;--cream:#fffdf4;--line:#dfe2d4;--gold:#c7a360;--teal:#21645a;--deep:#123d3a;--red:#b95146;--font:'Manrope',system-ui,-apple-system,sans-serif;--serif:'Prata',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:#e9ede3;color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5;background-image:radial-gradient(ellipse at 20% 10%,#f7f2df 0,transparent 55%),radial-gradient(ellipse at 90% 80%,#cbdccf 0,transparent 65%);min-height:100svh}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.44}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ae8240;outline-offset:3px}button{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.2}h1,h2{font-family:var(--serif);font-weight:400}h3{font-weight:800}p{color:var(--muted)}small{font-size:11px}a{color:var(--teal)}.icon{width:22px;height:22px;flex:none;vertical-align:middle}.skip-link{position:fixed;top:-60px;left:16px;z-index:50;background:white;padding:12px}.skip-link:focus{top:12px}.loading-screen{min-height:100svh;display:grid;place-content:center;text-align:center;gap:16px}.loading-crest{font-size:60px;color:var(--gold)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#8c987e}.app-shell{max-width:1240px;margin:auto;padding:0 32px 28px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;gap:12px;align-items:center;background:none;border:0;padding:0;text-align:left}.brand img{width:45px;height:45px}.brand strong{font-family:var(--serif);font-size:22px;font-weight:400;display:block;line-height:1.3}.brand small{color:var(--muted);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.resources{display:flex;align-items:center;gap:9px}.resource{display:flex;align-items:center;gap:7px;background:#ffffff96;border:1px solid #dce0d1;border-radius:30px;padding:7px 13px;font-weight:800;font-size:13px}.resource .icon{width:17px;height:17px;color:#b38d42}.resource.shards .icon{color:#9577ba}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce0d4;background:#ffffff96;border-radius:50%;padding:0}.layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:28px;align-items:start}.side-nav{padding-top:7px;position:sticky;top:25px}.nav-caption{margin:0 0 15px 16px}.nav-item{display:flex;gap:12px;align-items:center;border:0;background:none;width:100%;text-align:left;padding:14px 17px;margin-bottom:5px;border-radius:13px;font-weight:700;font-size:13px;color:#7a8a7e}.nav-item.active{background:var(--deep);color:#fff6dc;box-shadow:0 6px 15px #143e3b15}.nav-item.active .icon{color:#d9ba7b}.nav-item .badge{margin-left:auto;font-size:10px;border-radius:6px;padding:1px 5px;background:#d8ba79;color:var(--deep)}.nav-item:hover:not(.active){background:#fff8}.rail-card{background:#f7f7edc9;border:1px solid #fff;border-radius:18px;margin-top:40px;padding:18px 16px;overflow:hidden}.rail-card .portrait{margin:0 auto 14px;width:82px;height:92px;border-radius:50% 50% 42% 42%;box-shadow:0 0 0 4px #e2e8d9}.rail-card h3{font-family:var(--serif);font-weight:400;font-size:17px;text-align:center}.rail-card p{font-size:11px;text-align:center;margin:8px 0 15px}.text-button{padding:8px 0;border:0;background:none;color:var(--teal);font-size:12px;font-weight:800}.text-button .icon{width:16px;margin-left:4px}.rail-card .text-button{width:100%}.rail-foot{margin-top:27px;color:#8a998a;display:flex;gap:10px;font-size:10px;justify-content:center;align-items:center}.rail-foot:before,.rail-foot:after{content:'';width:24px;height:1px;background:#bac8b6}.main-content{min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:1px 0 20px}.page-heading h1{font-size:28px;margin-top:5px}.page-heading p{font-size:12px;margin-top:6px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;white-space:nowrap;border:1px solid #d6dfce;padding:6px 10px;border-radius:30px;color:#71816e;background:#fff7}.pill .icon{width:13px;height:13px}.pill.gold{border-color:#e0cca4;color:#9b7634;background:#f7edce}.primary,.secondary,.danger{border:0;border-radius:11px;min-height:46px;padding:12px 20px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;transition:transform .16s,box-shadow .16s}.primary{color:#fff9e5;background:linear-gradient(130deg,#286e60,#15483f);box-shadow:0 4px 0 #103c34,0 7px 15px #143e3b18}.primary:hover{box-shadow:0 4px 0 #103c34,0 10px 20px #143e3b30;transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:0 1px 0 #103c34}.secondary{background:#e7ebdf;color:#416956;border:1px solid #d6dfce}.danger{background:#f0dfd4;color:#9b4435}.wide{width:100%}.button-row{display:flex;gap:10px;flex-wrap:wrap}.muted{color:var(--muted)}.good{color:#28735d}.gold-text{color:#b48f49}.small{font-size:12px}.section-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 12px}.section-label h3{font-size:14px}.section-label p{font-size:11px}.panel{background:var(--cream);border:1px solid #fff;border-radius:20px;padding:23px;box-shadow:0 4px 22px #23453306}.panel+.panel{margin-top:16px}
/* A painted map, with actual level controls and restoration states. */
.kingdom-layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:18px;align-items:start}.world{position:relative;border-radius:20px;overflow:hidden;isolation:isolate;min-height:620px;aspect-ratio:2/3;border:5px solid #fff7e9;box-shadow:0 16px 36px #24473321;background:#416a54 url('/assets/kingdom-v4.jpg') center/cover}.world:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#123f4950 0%,transparent 26%,transparent 75%,#123e37cc);z-index:1;pointer-events:none}.map-title{position:absolute;z-index:3;top:23px;left:22px;color:#fff9e8;text-shadow:0 2px 10px #143e3b66}.map-title .eyebrow{color:#f4e6c2;font-size:9px}.map-title h2{font-size:23px;margin-top:6px}.chapter-seal{position:absolute;z-index:3;right:17px;top:21px;background:#123e3bd4;border:1px solid #d5b96eaa;color:#f0d99d;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-family:var(--serif);font-size:18px}.map-path{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.65}.map-path path{fill:none;stroke:#fff7c4;stroke-width:.55;stroke-dasharray:1 1.5}.level-node{position:absolute;z-index:4;transform:translate(-50%,-50%);width:41px;height:41px;display:grid;place-items:center;background:linear-gradient(#f9f7e8,#dadac6);border:3px solid #fff9de;color:#78876e;border-radius:50%;box-shadow:0 3px 0 #5c7164,0 5px 12px #16383250;font-weight:800;font-size:14px;transition:filter .2s,scale .2s}.level-node.locked{filter:grayscale(.5);background:#d1d9cae8;color:#647360;box-shadow:0 3px 0 #879a87}.level-node.locked .icon{width:14px;height:14px}.level-node.passed{background:linear-gradient(#679c70,#27614f);border-color:#e5d7a3;color:#fff6d7;box-shadow:0 3px 0 #194e3e,0 4px 10px #17322a88}.level-node.current{width:52px;height:52px;font-size:20px;background:linear-gradient(#f8da84,#d6a84c);border-color:#fff3bc;color:#654921;box-shadow:0 4px 0 #906e33,0 0 0 7px #fff5b233,0 6px 20px #133e3977;animation:beacon 3s ease-in-out infinite}.level-node:hover{filter:brightness(1.1);scale:1.08}.node-stars{position:absolute;left:50%;transform:translateX(-50%);top:100%;color:#ffe49a;font-size:11px;letter-spacing:1px;text-shadow:0 1px 3px #1b4224;line-height:18px;white-space:nowrap}.node-label{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);font-size:9px;background:#fff9e8;color:#5c653f;padding:4px 9px;white-space:nowrap;border-radius:5px;font-weight:800;box-shadow:0 2px 6px #0002}.node-label:after{content:'';position:absolute;border:5px solid transparent;border-top-color:#fff9e8;top:100%;left:calc(50% - 5px)}.map-building{position:absolute;z-index:3;border:0;color:#fff6d4;background:#123a35cc;backdrop-filter:blur(3px);font-size:9px;transform:translate(-50%,-50%);padding:5px 8px;display:flex;align-items:center;gap:4px;border-radius:5px;white-space:nowrap;box-shadow:0 2px 8px #173a3477}.map-building .icon{width:12px;height:12px}.map-building.ruined{background:#292d2de6;color:#d4d0bf;border:1px dashed #e4d7b699}.ruin-cloud{position:absolute;pointer-events:none;z-index:2;transform:translate(-50%,-50%);width:25%;height:12%;border-radius:50%;background:#52616150;backdrop-filter:grayscale(1) brightness(.65);mask-image:radial-gradient(ellipse,black 35%,transparent 70%)}.world-footer{position:absolute;bottom:18px;left:20px;right:20px;z-index:3;color:#ecedcc;font-size:10px;display:flex;justify-content:space-between;align-items:center}.world-footer .icon{width:13px;height:13px}.world-footer span{display:flex;align-items:center;gap:5px}.quest-card{border-radius:18px;background:var(--cream);padding:22px 19px;border:1px solid #fff;box-shadow:0 6px 20px #24462a08}.quest-card .eyebrow{color:#a18d5b;font-size:9px}.quest-card h2{font-size:23px;margin:14px 0 10px}.quest-card p{font-size:12px;line-height:1.7}.quest-goals{display:flex;gap:9px;margin:19px 0}.quest-goal{flex:1;border-radius:9px;background:#edf0e4;padding:9px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.quest-goal .icon{color:#8b9467;width:20px;height:20px}.quest-card .primary{margin:2px 0 12px;width:100%;font-size:12px}.quest-card .footnote{display:block;text-align:center;font-size:10px;color:#8c9988}.chapter-progress{margin-top:20px}.progress-track{height:5px;background:#dbe2d3;border-radius:5px;overflow:hidden;margin:10px 0 8px}.progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#507d5d,#adbd75);border-radius:5px}.chapter-progress .progress-label{font-size:11px;display:flex;justify-content:space-between;color:#7b8d75}.journey-note{padding:22px 16px;color:#647d64;font-size:11px;line-height:1.8;text-align:center}.journey-note .icon{display:block;margin:0 auto 8px;color:#97a677;width:27px;height:27px}.quick-restoration{margin-top:16px;padding:17px;border:1px solid #d3ddca;border-radius:14px;background:#e1e9d8}.quick-restoration .icon{width:25px;height:25px;color:#8d975f}.quick-restoration h3{font-size:12px;margin:8px 0 5px}.quick-restoration p{font-size:11px;color:#819174}.quick-restoration button{margin-top:8px}.chapter-complete{background:#e8eddd;border:1px solid #c8d6b7;border-radius:16px;padding:18px;margin-top:15px}
/* Buildings and hero progression. */
.building-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.building-card{background:#fffdf4;border:1px solid #fff;border-radius:16px;padding:18px;display:grid;grid-template-columns:52px 1fr;gap:13px;align-items:start}.building-icon{background:linear-gradient(145deg,#e1e8d2,#f3efd9);width:52px;height:58px;border:1px solid #d0dabc;border-radius:14px;display:grid;place-items:center;color:#87905e}.building-icon .icon{width:31px;height:31px}.building-card.built .building-icon{background:linear-gradient(#346f5b,#15493f);border-color:#c3b378;color:#e7d49f}.building-card h3{font-size:14px;margin:4px 0 6px}.building-card p{font-size:11px;line-height:1.65;min-height:36px}.building-card .buy-line{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:8px}.buy-line button{min-height:35px;padding:7px 12px;font-size:11px}.buy-line button .icon{width:13px;height:13px}.building-card .tag{font-size:10px;color:#94a082}.bridge-banner{display:flex;gap:15px;align-items:center;margin-bottom:18px;background:linear-gradient(100deg,#1c5249,#38745b);border-radius:16px;padding:21px;color:#f6f0d7}.bridge-banner>.icon{width:43px;height:43px;color:#d9c696}.bridge-banner h3{font-size:15px;margin-bottom:6px}.bridge-banner p{color:#c5d9bf;font-size:11px}.portrait{background-image:url('/assets/heroes-v4.jpg');background-size:500% auto;background-position:var(--portrait-x,25%) 17%;background-color:#47664f;border:1px solid #ddc796;overflow:hidden;position:relative}.portrait:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 12px #1a433944;border-radius:inherit;pointer-events:none}.hero-banner{position:relative;min-height:245px;border-radius:20px;overflow:hidden;background:#35594a url('/assets/heroes-v4.jpg') center 30%/cover;margin-bottom:19px;box-shadow:0 10px 30px #21433814}.hero-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#102f32e8,transparent 80%)}.hero-banner-text{position:absolute;z-index:1;bottom:23px;left:25px;color:#fff9de}.hero-banner-text h2{font-size:29px}.hero-banner-text p{color:#cbd6bd;font-size:11px;margin-top:6px}.path-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}.path-card{padding:0;border:1px solid #d4ddcc;border-radius:13px;overflow:hidden;background:var(--cream);text-align:left;transition:transform .2s}.path-card:hover{transform:translateY(-3px)}.path-card.chosen{border:2px solid #ac925a;box-shadow:0 0 0 3px #e5d6af77}.path-card .portrait{width:100%;height:146px;border:0;border-radius:0;background-position:var(--portrait-x) 13%}.path-card .path-label{padding:11px 9px;display:block}.path-card strong{display:block;font-size:11px}.path-card small{font-size:8px;color:#95a183;white-space:nowrap}.path-card.chosen small{color:#9c7a3d}.build-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px}.build-overview .panel+.panel{margin:0}.path-description{padding:20px;border-radius:15px;background:#e0e8d6;margin-bottom:19px;display:flex;gap:15px;align-items:start}.path-description>.icon{color:#73925f;width:30px;height:30px}.path-description h3{font-size:14px;margin-bottom:7px}.path-description p{font-size:12px;color:#6a8064;line-height:1.75}.path-description strong{font-size:11px}.stat-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e4e7dc}.stat-row:last-child{border:0}.stat-row .stat-info{flex:1}.stat-row strong{display:block;font-size:12px}.stat-row small{font-size:10px;color:#8a9980}.stat-row .stat-value{font-family:var(--serif);font-size:20px;width:30px;text-align:center}.stat-row button{width:31px;height:31px;border-radius:8px;border:1px solid #ccd7bd;background:#e4ead9;color:#718657}.stat-row .icon{width:15px;height:15px}.stat-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.stat-heading h3{font-size:14px}.stat-tip{font-size:11px;margin:12px 0}.skill-list{display:grid;gap:9px}.skill-item{border:1px solid #dde3d3;border-radius:11px;padding:12px;display:flex;gap:11px;align-items:center;background:#fffdf6;text-align:left;width:100%}.skill-item.equipped{background:#e7eddc;border-color:#a6ba91}.skill-item>.icon{color:#909e70;width:25px;height:25px}.skill-item div{flex:1}.skill-item strong{font-size:11px}.skill-item small{display:block;color:#8b9a82;font-size:10px;margin-top:3px}.skill-item>.pill{padding:3px 6px}.skill-item.unavailable{opacity:.58}.details{margin-top:16px;font-size:12px}.details summary{cursor:pointer;color:#698261;font-weight:700;padding:12px 0}.derived{display:grid;grid-template-columns:1fr auto;font-size:11px;gap:9px;color:#8b9881;margin:10px 0}.derived b{color:#496444}.perks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.perk-card{padding:15px;background:#fbf9ef;border:1px solid #e3e2d5;border-radius:12px}.perk-card h3{font-size:12px}.perk-card p{font-size:10px;margin:8px 0 12px}.perk-card button{font-size:11px;min-height:34px;padding:5px 11px}.locked-panel{text-align:center;padding:50px 25px}.locked-panel>.icon{height:42px;width:42px;color:#a7ad87;margin-bottom:20px}.locked-panel h2{font-size:26px}.locked-panel p{max-width:390px;margin:14px auto 25px;font-size:13px;line-height:1.8}.expedition-hero{background:linear-gradient(90deg,#102f32ed,#123c3488),url('/assets/kingdom-v4.jpg') center 55%/cover;border-radius:20px;min-height:290px;padding:35px;position:relative;overflow:hidden;display:flex;align-items:center;gap:30px;color:#fff6da}.expedition-hero .expedition-copy{max-width:430px;z-index:1}.expedition-hero .eyebrow{color:#afbc91}.expedition-hero h2{font-size:35px;margin:12px 0}.expedition-hero p{color:#bed0b5;font-size:12px;line-height:1.9;margin-bottom:20px}.expedition-hero .primary{background:linear-gradient(#e6cc8a,#d0ad63);color:#4f482d;box-shadow:0 4px 0 #947e4d}.expedition-hero .portrait{height:190px;min-width:145px;border-radius:75px 75px 20px 20px;background-position:var(--portrait-x) 20%;box-shadow:0 8px 25px #0004}.expedition-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.fact{padding:19px;background:#f7f8ed;border:1px solid #fff;border-radius:13px}.fact>.icon{color:#8e9f6f;margin-bottom:9px}.fact h3{font-size:12px;margin-bottom:7px}.fact p{font-size:10px;line-height:1.8}.resume-card{border:1px solid #c0cfae;background:#e1e9d6;padding:18px;border-radius:14px;margin:18px 0;display:flex;gap:18px;align-items:center;justify-content:space-between}.resume-card h3{font-size:13px}.resume-card p{font-size:11px;margin-top:5px}.resume-card button{min-height:39px;padding:8px 12px;font-size:11px;white-space:nowrap}
/* Battle field */
.battle-layout{display:grid;grid-template-columns:minmax(0,510px) minmax(180px,1fr);gap:25px}.battle-main{min-width:0}.battle-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.battle-title{text-align:center;flex:1}.battle-title .eyebrow{font-size:8px}.battle-title h1{font-size:20px;margin-top:5px}.move-counter{width:56px;min-height:58px;background:var(--deep);color:#eedbb0;border:2px solid #d5c08f;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 0 #b5bd9d}.move-counter b{font-size:24px;line-height:1.1}.move-counter small{font-size:8px;color:#c9d6b9}.move-counter.low{background:#8b4c3c;color:#ffe5c1;animation:beacon 1.3s ease-in-out infinite}.goal-bar{background:#fffdf4;border:1px solid #dbe1d0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 12px;min-height:57px;margin-bottom:12px}.goal-item{display:flex;gap:8px;align-items:center;min-width:0}.goal-item .icon{color:#c29450;width:26px;height:26px}.goal-item.goal-arcane .icon{color:#a58ac4}.goal-item.goal-life .icon{color:#7ea765}.goal-item.goal-blade .icon{color:#c9826d}.goal-item.goal-ice .icon{color:#81b5c7}.goal-item b{font-size:16px;font-weight:800;display:block;line-height:1.2}.goal-item small{font-size:9px;color:#8c9a80}.goal-item.done{color:#65916a}.goal-item.done .icon{color:#65916a}.combat-scene{height:124px;border-radius:15px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:13px;background:linear-gradient(90deg,#173a3bdc,#164445a8),url('/assets/kingdom-v4.jpg') center 28%/cover;color:#f6efdc;overflow:hidden;position:relative}.hero-unit,.foe-unit{display:flex;gap:10px;align-items:center;width:49%;min-width:0;position:relative}.hero-unit .portrait{height:94px;width:69px;min-width:69px;border-radius:30px 30px 13px 13px;background-position:var(--portrait-x) 16%;border:1px solid #d0b77e}.unit-info{flex:1;min-width:0}.unit-info strong{font-size:10px;font-weight:800;line-height:1.5;display:block}.unit-info small{font-size:8px;color:#b8d1b7}.healthbar{height:7px;background:#132b2bcc;border-radius:5px;border:1px solid #48705e;overflow:hidden;margin:6px 0 4px}.healthbar span{height:100%;display:block;transition:width .3s;background:linear-gradient(90deg,#5ea475,#b3d085)}.healthbar.enemy span{background:linear-gradient(90deg,#ac655b,#e0a078)}.healthbar.mana span{background:linear-gradient(90deg,#7868b9,#baa8eb)}.hp-label{display:flex;justify-content:space-between;font-size:9px;color:#d2dcc2;gap:5px}.hp-label span{font-weight:700;white-space:nowrap}.foe-unit{flex-direction:row-reverse;text-align:right}.monster-art{width:76px;height:102px;flex:none;filter:drop-shadow(0 3px 2px #091e2844)}.enemy-intent{border-radius:5px;background:#fff4dc14;padding:4px 6px;display:inline-flex;align-items:center;gap:4px;color:#ead6ab;font-size:8px;margin-top:6px;line-height:1.25}.enemy-intent .icon{width:11px;height:11px}.versus{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.1em;color:#b6bc95;opacity:.7}.mana-strip{display:flex;align-items:center;gap:10px;color:#8e7aa6;font-size:10px;margin:9px 1px}.mana-strip .healthbar{flex:1;max-width:140px;background:#dedde4;border-color:#c2bcce;height:6px;margin:0}.mana-strip>.icon{width:16px;height:16px}.mana-strip b{color:#89769f}.mana-strip span{margin-left:auto;color:#8b9a81;font-size:9px}.board-surface{position:relative;background:linear-gradient(135deg,#265154,#143438);border:4px solid #d3c297;border-radius:20px;padding:10px;box-shadow:0 4px 0 #a5ab8c,0 12px 24px #173d3b27,inset 0 0 30px #091e3266;width:100%;max-width:470px;margin:auto;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:none}.board-surface:before{content:'';position:absolute;inset:4px;border:1px solid #b5cbb32b;border-radius:12px;pointer-events:none}.board-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;position:relative}.cell{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#092e3466;padding:4px;touch-action:none;isolation:isolate;min-width:0}.cell.hole{background:transparent;visibility:hidden}.cell .gem{position:absolute;inset:5px;display:grid;place-items:center;filter:drop-shadow(0 3px 1px #001e2c66);transition:transform .14s}.gem .gem-face{position:absolute;inset:0;border-radius:var(--radius,8px);background:linear-gradient(145deg,var(--light),var(--base) 58%,var(--shade));box-shadow:inset 0 1px 0 #ffffffad,inset 0 -3px 0 #0002,inset 0 0 0 2px #ffffff1f;clip-path:var(--shape,none)}.gem .gem-face:after{content:'';position:absolute;inset:4px 5px 45%;border-radius:var(--radius,8px);background:linear-gradient(180deg,#fff5,#fff0);transform:skew(-15deg)}.gem .icon{width:56%;height:56%;color:var(--symbol,#fff6e0);filter:drop-shadow(0 1px 1px #0003);position:relative;z-index:1;stroke-width:2}.gem-blade{--light:#f5ad92;--base:#da7059;--shade:#a94843;--radius:7px;--symbol:#ffe5c9;--shape:polygon(13% 0,87% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.gem-arcane{--light:#d3bdfa;--base:#a385d6;--shade:#7554a8;--shape:polygon(50% 0,95% 28%,95% 72%,50% 100%,5% 72%,5% 28%);--symbol:#f7ebff}.gem-ward{--light:#a5ddf7;--base:#65afd1;--shade:#357697;--shape:polygon(10% 6%,90% 6%,94% 62%,78% 87%,50% 100%,22% 87%,6% 62%);--symbol:#edfcff}.gem-life{--light:#b7e0a7;--base:#76af72;--shade:#4d7e58;--radius:10px 22px 10px 22px;--symbol:#eaf2cd}.gem-star{--light:#ffe49a;--base:#e5bb61;--shade:#b78a37;--shape:polygon(50% 0,63% 30%,98% 33%,75% 57%,82% 95%,50% 79%,18% 95%,25% 57%,2% 33%,37% 30%);--symbol:#9a742f}.gem-coin{--light:#fff7d9;--base:#e9dec0;--shade:#bfb290;--radius:50%;--symbol:#9a8b67}.gem-cargo{--light:#decbb0;--base:#ac8b5f;--shade:#775433;--symbol:#fff1c9}.gem.special .gem-face{box-shadow:inset 0 0 0 2px #ffefb0,inset 0 0 8px #fff9cd;clip-path:none;border-radius:9px}.gem.special .icon{width:72%;height:72%;stroke-width:1.9;color:#fffbe1}.gem.sp-seal .gem-face{background:linear-gradient(135deg,#b8c0fa,#8972bf 60%,#67569a);border-radius:10px;box-shadow:inset 0 0 0 2px #e9dbff,0 0 5px #d7b4ff66}.gem.sp-bomb .gem-face{background:radial-gradient(circle at 30% 25%,#fcc8a9,#dd9559 45%,#a45440);border-radius:50%}.gem.sp-chaos .gem-face{background:conic-gradient(#d5a5ef,#91d9e6,#c3dba0,#f2d097,#da8d93,#d5a5ef);border-radius:50%;box-shadow:inset 0 0 8px #fff}.gem.sp-chaos .icon{color:#544e89;filter:drop-shadow(0 0 2px #fff)}.gem.sp-spearV .gem-face,.gem.sp-spearH .gem-face{background:linear-gradient(145deg,#f1d794,#bc9455)}.cell.selected{box-shadow:inset 0 0 0 2px #ffeab5;background:#89ac9566;z-index:3}.cell.selected .gem{transform:scale(1.13)}.cell.hinted{box-shadow:inset 0 0 0 2px #fff0a9;animation:hint 1.3s infinite}.cell.hinted .gem{animation:nudge 1.3s ease-in-out infinite}.cell .terrain{position:absolute;inset:2px;border-radius:8px;z-index:2;display:grid;place-items:center;pointer-events:none}.terrain .icon{width:70%;height:70%;stroke-width:1.5}.terrain-crate{background:linear-gradient(145deg,#b7a088,#87775f);box-shadow:inset 0 0 0 2px #d0b793,inset 0 -3px 0 #665843;color:#e3d1a8}.terrain-crystal{background:linear-gradient(145deg,#97bfd5,#5d879e);box-shadow:inset 0 0 0 2px #c0e2e7;color:#e5f9ff}.terrain-ice{background:linear-gradient(135deg,#d7f6ff90,#a4d2e166);box-shadow:inset 0 0 0 1px #ddfaff;color:#f7ffff;backdrop-filter:blur(.6px)}.terrain-fire{background:linear-gradient(0deg,#f18c4977,#ffd87011);box-shadow:inset 0 -4px 0 #f5b477;align-items:end!important}.terrain-fire .icon{position:absolute;width:45%;height:45%;right:-1px;bottom:-2px;color:#ffe2a2;fill:#cf683a;filter:drop-shadow(0 1px 2px #672611)}.terrain .layers{position:absolute;bottom:1px;right:4px;font-size:9px;line-height:12px;color:#fffde8;font-weight:800;text-shadow:0 1px 2px #37453b}.anchor-mark{position:absolute;inset:1px;border:2px dotted #e1bbff;border-radius:8px;z-index:4;pointer-events:none}.bastion-mark{position:absolute;inset:0;border:2px solid #bce9b3;border-radius:8px;z-index:4;pointer-events:none;box-shadow:inset 0 0 8px #95eaca55}.cell.clearing .gem{animation:pop .18s ease-in forwards}.cell.hit .terrain{animation:shake .15s linear}.cell.created .gem{animation:appear .3s ease-out}.board-grid.falling .gem{animation:fall .2s ease-out}.board-grid.shuffling .gem{animation:shuffle .25s ease-in-out}.board-surface.aiming{box-shadow:0 4px 0 #a5ab8c,0 0 0 3px #b4c79a,0 12px 24px #173d3b27}.board-surface.aiming .cell:not(.hole):hover{background:#cfdaa44d;outline:1px solid #e9ebbc}.board-float{pointer-events:none;position:absolute;z-index:10;inset:0;display:grid;place-items:center}.board-float span{background:#123e3bf0;color:#fff0ba;border:1px solid #dac585;box-shadow:0 8px 30px #072c4477;padding:10px 18px;border-radius:10px;font-weight:800;font-size:13px;max-width:90%;text-align:center;animation:float .9s ease-out both}.battle-message{text-align:center;font-size:10px;color:#819178;min-height:31px;padding:9px 0 6px;line-height:1.5}.battle-message.targeting{color:#927343;font-weight:800}.battle-message button{border:0;background:none;text-decoration:underline;font-size:10px;color:#987856;padding:0 3px}.ability-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 auto 10px;max-width:470px}.ability-button{position:relative;border:1px solid #d2d9c6;background:#fdfbef;border-radius:11px;padding:10px 6px;min-height:70px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;color:#708260}.ability-button>.icon{width:23px;height:23px}.ability-button strong{font-size:9px;line-height:1.4}.ability-button small{font-size:8px;position:absolute;top:5px;right:6px;color:#9c86ad}.ability-button.active{border-color:#ad9156;background:#f2ead3;box-shadow:0 0 0 2px #d4c58b77}.ability-button.empty{border-style:dashed;opacity:.65}.booster-bar{display:flex;justify-content:center;gap:8px;margin:0 auto;max-width:470px}.booster-button{display:flex;align-items:center;justify-content:center;gap:5px;background:#e2e9db;border:1px solid #d2ddc7;border-radius:9px;color:#7c8b66;min-height:36px;padding:5px 9px;font-size:9px;flex:1}.booster-button .icon{width:16px;height:16px}.booster-button b{font-weight:800;color:#a18b54}.booster-button.active{border-color:#ac965e;background:#ede6cc}.battle-aside{padding-top:73px}.battle-aside .panel{padding:20px}.battle-aside h3{font-size:13px;margin-bottom:9px}.battle-aside p{font-size:11px;line-height:1.8}.battle-aside .small-rule{display:flex;gap:10px;margin-top:16px;align-items:center;font-size:10px;color:#849477}.small-rule .icon{color:#a68d5c;width:24px;height:24px}.battle-aside .text-button{margin-top:10px}.tutorial-card{background:#f4ebcf;border:1px solid #d8cba0;border-radius:12px;padding:12px 14px;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px}.tutorial-card>.icon{color:#b29759;width:20px;height:20px;margin-top:2px}.tutorial-card strong{font-size:11px;display:block;margin-bottom:3px}.tutorial-card p{font-size:10px;color:#928c66;line-height:1.6}.combat-scene.action .hero-unit{animation:lunge .36s}.combat-scene.action.runemage .hero-unit,.combat-scene.action.elementalist .hero-unit{animation:magic .4s}.combat-scene.action.shadow .hero-unit{animation:vanish .4s}.combat-scene.hurt .hero-unit{animation:shake .22s}.combat-scene.blocked .hero-unit:after{content:'';position:absolute;inset:0;border:2px solid #d5f3ba;border-radius:18px;animation:magic .4s}.mobile-nav{display:none}.save-warning{margin:0 0 15px;background:#f2e5cc;color:#91602f;border:1px solid #d8be8e;padding:10px 15px;border-radius:10px;font-size:11px}
/* Dialogs and results */
dialog{border:1px solid #ebe3c8;background:var(--paper);color:var(--ink);border-radius:23px;padding:0;width:min(470px,calc(100vw - 28px));max-height:calc(100svh - 40px);box-shadow:0 30px 100px #062e4466;overscroll-behavior:contain}dialog::backdrop{background:#0c302db3;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.modal-head h2{font-size:23px}.modal-head .icon-btn{width:33px;height:33px;min-width:33px}.modal-body{padding:27px}.modal-body>p{font-size:12px;line-height:1.8}.modal-body .button-row{margin-top:22px}.modal-body .button-row>*{flex:1}.modal-body .wide{margin-top:15px}.modal-section{padding:18px 0;border-top:1px solid #dce1d1;margin-top:18px}.modal-section h3{font-size:12px;margin-bottom:10px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #dce1d1}.settings-row strong{font-size:12px}.settings-row small{font-size:10px;display:block;color:#8e9b82;margin-top:3px}.toggle{border:0;width:44px;height:25px;border-radius:20px;background:#b8c4b1;position:relative;flex:none}.toggle:before{content:'';position:absolute;height:19px;width:19px;border-radius:50%;background:#fffbed;top:3px;left:3px;transition:transform .2s}.toggle.on{background:#3d7960}.toggle.on:before{transform:translateX(19px)}.settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.settings-actions button{font-size:11px}.result-heading{text-align:center;margin:7px 0 22px}.result-heading .eyebrow{color:#a68b4d}.result-heading h2{font-size:32px;margin:12px 0 7px}.result-heading p{font-size:11px}.result-stars{display:flex;justify-content:center;gap:9px;margin:20px 0}.result-stars .icon{width:47px;height:47px;color:#d5d8c5;fill:#d5d8c5;stroke-width:1}.result-stars .icon.lit{color:#d5af57;fill:#e7c679;filter:drop-shadow(0 3px 0 #ab8b4733)}.result-stars .icon:nth-child(2){width:61px;height:61px;margin-top:-9px}.rewards{display:flex;justify-content:center;gap:24px;padding:16px;border-radius:12px;background:#e7ecdf;text-align:center}.rewards span{font-size:11px;display:flex;flex-direction:column;align-items:center;gap:6px}.rewards .icon{color:#ad985b}.rewards b{font-size:15px}.reward-note{text-align:center;font-size:10px;margin:12px 0;color:#899778}.route-list,.relic-list{display:grid;gap:9px;margin-top:12px}.route-option,.relic-option{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid #d2ddc7;background:#fffdf3;border-radius:11px;width:100%}.route-option>.icon,.relic-option>.icon{color:#92a477;width:26px;height:26px}.route-option strong,.relic-option strong{display:block;font-size:12px;margin-bottom:3px}.route-option p,.relic-option p{font-size:10px;line-height:1.65}.relic-option.chosen{background:#e2e8d1;border-color:#a4b87e;box-shadow:0 0 0 2px #d5deb8}.relic-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.relic-chip{border:1px solid #d0ddbf;background:#edf1e2;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:5px;font-size:9px}.relic-chip .icon{width:15px;height:15px;color:#95a872}.rule-item{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #dce2d3}.rule-item>.icon{width:30px;height:30px;color:#a08d5c}.rule-item h3{font-size:12px;margin-bottom:5px}.rule-item p{font-size:11px;line-height:1.65}.rule-item small{font-size:10px;color:#a29e78}.modal-body .notice{font-size:11px;background:#e3eada;padding:12px;border-radius:9px;margin-top:15px;line-height:1.8;color:#7b8d6a}.path-preview{display:flex;gap:19px;margin-bottom:19px;align-items:center}.path-preview .portrait{width:115px;height:145px;flex:none;border-radius:50px 50px 15px 15px}.path-preview h3{font-size:15px;margin-bottom:8px}.path-preview p{font-size:11px;line-height:1.8}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.help-grid .rule-item{border:0;background:#edf0e4;padding:12px;border-radius:10px;gap:10px}.help-grid .rule-item>.icon{width:22px;height:22px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);z-index:99;max-width:min(420px,calc(100vw - 30px));width:max-content;text-align:center;background:#123d3bf5;color:#fff3d6;border:1px solid #ceb77d88;border-radius:12px;box-shadow:0 9px 30px #102e3444;padding:13px 18px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.journal-item{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #dfe5d5}.journal-item .icon{color:#9aaa7a}.journal-item h3{font-size:12px}.journal-item p{font-size:11px;margin-top:5px}.result-badge{margin:0 auto 15px;width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:#e5e9d5;border:1px solid #c8d2ad;color:#9f9461}.result-badge .icon{width:39px;height:39px}
@keyframes beacon{50%{filter:brightness(1.12);box-shadow:0 4px 0 #906e33,0 0 0 10px #fff5b211,0 6px 20px #133e3977}}@keyframes hint{50%{box-shadow:inset 0 0 0 2px #ffe4a0,0 0 12px #ffe4a088}}@keyframes nudge{50%{transform:scale(1.08)}}@keyframes pop{to{transform:scale(1.25);opacity:0}}@keyframes appear{0%{transform:scale(.4);filter:brightness(2)}60%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes fall{from{transform:translateY(-20px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes shuffle{50%{transform:scale(.6) rotate(-20deg);opacity:.2}}@keyframes shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}@keyframes float{0%{transform:translateY(12px) scale(.94);opacity:0}15%,70%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-14px);opacity:0}}@keyframes lunge{40%{transform:translateX(14px) rotate(4deg)}}@keyframes magic{50%{filter:brightness(1.6) drop-shadow(0 0 12px #d9baff)}}@keyframes vanish{40%{opacity:.12;transform:translateX(16px)}}
@media(min-width:1100px){.world{min-height:665px}}@media(max-width:1100px){.app-shell{padding:0 23px 24px}.layout{grid-template-columns:175px 1fr;gap:20px}.kingdom-layout{grid-template-columns:1fr 205px;gap:13px}.world{min-height:580px}.quest-card{padding:19px 15px}.quest-card h2{font-size:21px}.battle-layout{grid-template-columns:1fr}.battle-aside{display:none}.battle-main{max-width:510px;margin:0 auto;width:100%}.hero-banner{min-height:230px}.path-card .portrait{height:120px}.path-card .path-label{padding:9px 6px}.path-card strong{font-size:10px}.path-card small{font-size:7px}.building-card{padding:15px;grid-template-columns:42px 1fr}.building-icon{width:42px;height:50px}.build-overview{grid-template-columns:1fr}.expedition-hero{padding:25px}.expedition-hero h2{font-size:30px}.expedition-hero .portrait{display:none}}
@media(max-width:820px){.app-shell{padding:0 20px 95px;max-width:620px}.topbar{height:83px}.brand strong{font-size:20px}.brand img{width:40px;height:40px}.brand small{font-size:7px}.resource{padding:6px 10px;font-size:12px}.resources{gap:6px}.resources .shards{display:none}.layout{display:block}.side-nav{display:none}.page-heading{margin:6px 0 18px}.page-heading h1{font-size:27px}.page-heading .pill{font-size:9px}.kingdom-layout{grid-template-columns:minmax(0,1fr) 205px}.world{min-height:535px;aspect-ratio:2/3}.quest-card{padding:19px 15px}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:calc(66px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#f6f6ebf0;border-top:1px solid #d6dfcd;backdrop-filter:blur(14px)}.mobile-nav button{background:none;border:0;padding:5px 10px;min-width:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:800;color:#95a28c;position:relative}.mobile-nav button.active{color:#315f4b}.mobile-nav button.active:before{content:'';position:absolute;top:-7px;width:28px;height:3px;border-radius:0 0 3px 3px;background:#447f60}.mobile-nav .icon{width:22px;height:22px}.mobile-nav .badge{position:absolute;top:1px;right:15px;background:#d8ba75;color:#594f2d;padding:1px 4px;border-radius:5px;font-size:7px}.is-battle .app-shell{padding:0 16px 20px}.is-battle .topbar{height:63px}.is-battle .mobile-nav{display:none}.battle-main{max-width:480px}.battle-title h1{font-size:20px}.battle-layout{gap:0}.battle-top{margin:4px 0 12px}.board-surface{max-width:440px}.hero-banner{min-height:245px}.path-card .portrait{height:142px}.path-card strong{font-size:11px}.path-card small{font-size:8px}.building-card{grid-template-columns:47px 1fr}.building-icon{width:47px;height:53px}.expedition-hero{min-height:275px}.expedition-hero .portrait{display:block;width:120px;min-width:120px;height:160px}.expedition-hero h2{font-size:31px}#toast{bottom:84px}.is-battle #toast{bottom:20px}}
@media(max-width:560px){.app-shell{padding:0 16px 89px}.topbar{height:76px;gap:9px}.brand{gap:8px}.brand strong{font-size:18px}.brand img{width:36px;height:36px}.brand small{letter-spacing:.16em;font-size:6px}.resources .icon-btn{width:32px;height:32px}.resources .icon-btn .icon{width:17px;height:17px}.resource{font-size:11px;padding:5px 8px;gap:4px}.resource .icon{width:14px;height:14px}.resources{gap:4px}.page-heading{margin:3px 0 15px}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.page-heading .pill{font-size:8px;padding:5px 8px}.kingdom-layout{display:flex;flex-direction:column;position:relative}.world{width:100%;min-height:0;height:calc(100svh - 229px);max-height:680px;min-height:455px;aspect-ratio:auto;border-radius:17px;border-width:3px;background-size:100% 100%}.map-title{top:17px;left:17px}.map-title .eyebrow{font-size:8px}.map-title h2{font-size:22px}.chapter-seal{top:17px;right:14px;width:35px;height:35px;font-size:15px}.level-node{width:35px;height:35px;border-width:2px;font-size:12px}.level-node.current{width:44px;height:44px;font-size:17px}.node-stars{font-size:9px;line-height:13px}.node-label{font-size:8px;padding:3px 7px;bottom:calc(100% + 6px)}.map-building{font-size:8px;padding:4px 6px}.map-building .icon{width:10px;height:10px}.world-footer{bottom:90px;font-size:8px;left:15px;right:15px}.world-footer .icon{width:10px;height:10px}.map-sidebar{width:100%;margin-top:-98px;z-index:7;padding:0 13px 13px;pointer-events:none}.quest-card{padding:12px 13px;border-radius:13px;background:#fbf9edee;backdrop-filter:blur(10px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;box-shadow:0 6px 16px #163a2b40;pointer-events:auto;min-height:78px}.quest-card>.eyebrow{grid-column:1;font-size:7px}.quest-card h2{font-family:var(--font);font-weight:800;font-size:13px;margin:0;grid-column:1;line-height:1.5}.quest-card>p,.quest-goals,.quest-card .footnote{display:none}.quest-card .primary{grid-column:2;grid-row:1/4;margin:0;padding:10px 13px;min-height:45px;font-size:11px;white-space:nowrap;width:auto}.quest-card .primary .icon{width:15px;height:15px}.chapter-progress{margin:0;grid-column:1}.chapter-progress .progress-track{height:3px;margin:4px 0}.chapter-progress .progress-label{font-size:8px}.journey-note,.quick-restoration{display:none}.chapter-complete{margin-top:5px}.panel{padding:19px;border-radius:16px}.section-label{margin:21px 0 12px}.building-grid{gap:9px}.building-card{grid-template-columns:1fr;padding:14px;gap:7px}.building-icon{width:43px;height:47px;border-radius:11px}.building-icon .icon{width:26px;height:26px}.building-card h3{font-size:12px}.building-card p{font-size:10px;min-height:46px}.building-card .buy-line{gap:5px;flex-wrap:wrap}.buy-line button{font-size:10px;padding:6px 10px;min-height:33px}.building-card .tag{font-size:8px}.bridge-banner{padding:17px;gap:13px}.bridge-banner h3{font-size:13px}.bridge-banner p{font-size:10px}.bridge-banner>.icon{width:35px;height:35px}.hero-banner{min-height:192px;background-position:center 25%;border-radius:16px}.hero-banner-text{bottom:17px;left:19px}.hero-banner-text h2{font-size:23px}.hero-banner-text p{font-size:9px}.path-grid{gap:7px;grid-template-columns:repeat(5,1fr);margin-bottom:15px}.path-card .portrait{height:92px;background-position:var(--portrait-x) 13%;}.path-card .path-label{padding:8px 3px;text-align:center}.path-card strong{font-size:8px}.path-card small{font-size:6px;display:none}.path-description{padding:15px;gap:11px}.path-description h3{font-size:12px}.path-description p{font-size:11px}.path-description>.icon{width:25px;height:25px}.build-overview{gap:13px}.stat-heading h3{font-size:13px}.stat-row{padding:9px 0}.stat-row .stat-value{font-size:18px}.stat-row small{font-size:9px}.expedition-hero{padding:24px;min-height:276px}.expedition-hero h2{font-size:31px}.expedition-hero p{font-size:11px}.expedition-hero .portrait{display:none}.expedition-facts{gap:8px}.fact{padding:14px 11px}.fact h3{font-size:10px}.fact p{font-size:9px}.fact>.icon{width:21px;height:21px}.resume-card{gap:10px;padding:14px}.resume-card h3{font-size:11px}.resume-card p{font-size:10px}.resume-card button{font-size:10px;padding:7px 9px}.is-battle .app-shell{padding:0 12px 16px}.is-battle .topbar{display:none}.is-battle .main-content{padding-top:max(12px,env(safe-area-inset-top))}.battle-top{gap:9px;margin:0 0 11px}.battle-top .icon-btn{width:35px;height:35px}.battle-title h1{font-size:18px}.battle-title .eyebrow{font-size:7px}.move-counter{width:49px;min-height:49px;border-radius:10px}.move-counter b{font-size:22px}.move-counter small{font-size:7px}.goal-bar{min-height:52px;padding:8px 10px;gap:20px;margin-bottom:10px}.goal-item b{font-size:16px}.goal-item small{font-size:8px}.goal-item .icon{width:24px;height:24px}.combat-scene{height:108px;padding:8px 11px;gap:10px;margin-bottom:10px;border-radius:12px}.hero-unit .portrait{height:82px;width:54px;min-width:54px;border-radius:24px 24px 10px 10px;background-position:var(--portrait-x) 13%;}.hero-unit,.foe-unit{gap:7px}.monster-art{width:57px;height:84px}.unit-info strong{font-size:9px}.unit-info small{font-size:7px}.hp-label{font-size:8px}.enemy-intent{font-size:7px;padding:3px 4px;gap:2px}.enemy-intent .icon{width:10px;height:10px}.healthbar{height:6px;margin:5px 0 3px}.board-surface{padding:7px;border-radius:17px;border-width:3px;width:min(100%,calc(100svh - 320px));min-width:260px;max-width:425px}.battle-main.no-enemy .board-surface{width:min(100%,calc(100svh - 270px))}.board-grid{gap:3px}.cell{border-radius:7px;padding:3px}.cell .gem{inset:3px}.cell .terrain{inset:1px;border-radius:6px}.gem.special .gem-face{border-radius:7px}.terrain .layers{font-size:8px;right:3px}.ability-bar{gap:7px;margin-bottom:9px}.ability-button{padding:8px 4px;min-height:62px;border-radius:9px}.ability-button>.icon{width:22px;height:22px}.ability-button strong{font-size:8px}.ability-button small{font-size:7px;top:4px;right:5px}.booster-bar{gap:6px}.booster-button{min-height:34px;padding:6px;font-size:8px;gap:4px}.booster-button .icon{width:15px;height:15px}.battle-message{font-size:9px;min-height:31px;padding:9px 0 6px}.battle-message button{font-size:9px}.mana-strip{margin:8px 1px;font-size:9px}.mana-strip span{font-size:8px}.tutorial-card{padding:10px 12px;gap:9px;margin-bottom:10px}.tutorial-card strong{font-size:10px}.tutorial-card p{font-size:9px;line-height:1.6}.tutorial-card>.icon{width:18px;height:18px}.board-float span{font-size:11px;padding:9px 13px}.modal-body{padding:22px}.modal-head h2{font-size:21px}.result-heading h2{font-size:28px}.settings-actions button{font-size:10px;padding:9px}.route-option,.relic-option{padding:12px}.route-option strong,.relic-option strong{font-size:11px}.route-option p,.relic-option p{font-size:10px}.path-preview .portrait{width:100px;height:128px}.path-preview{gap:15px}.path-preview h3{font-size:13px}.path-preview p{font-size:10px}.mobile-nav{height:calc(62px + env(safe-area-inset-bottom))}.mobile-nav button{font-size:7px;gap:3px}.mobile-nav .icon{width:21px;height:21px}}
@media(max-width:560px) and (max-height:730px){.combat-scene{height:88px}.hero-unit .portrait{height:67px;width:46px;min-width:46px}.monster-art{width:49px;height:69px}.unit-info strong{font-size:8px}.board-surface{width:min(100%,calc(100svh - 320px));min-width:252px}.battle-main.no-enemy .board-surface{width:min(100%,calc(100svh - 245px))}.tutorial-card p{font-size:8px}.tutorial-card{padding:8px 10px}.goal-bar{margin-bottom:8px;min-height:46px}.mana-strip{margin:6px 0}.battle-top{margin-bottom:8px}.ability-button{min-height:56px}.battle-message{min-height:26px;padding:7px 0 4px}.board-grid{gap:3px}.combat-scene .unit-info small{display:none}.battle-title h1{font-size:17px}}
@media(max-width:560px){.mobile-nav button{font-size:9px}.ability-button strong{font-size:10px}.tutorial-card p{font-size:10px;line-height:1.55}.battle-message{font-size:10px}.goal-item small{font-size:9px}.booster-button{font-size:9px}.hp-label .icon{width:11px;height:11px}.mana-strip{font-size:10px}.versus{display:none}.enemy-intent{border:1px solid #adc4a344}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.no-motion *,body.no-motion *:before,body.no-motion *:after{animation:none!important;transition:none!important}