:root{--ink: #20160f;--paper: #f3dfb6;--paper-2: #d7b982;--blue: #2d75bb;--blue-light: #8bd4ff;--red: #b9473e;--red-light: #ffaaa0;--gold: #d8ad4a;--shadow: rgba(9, 7, 5, .42)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 15%,rgba(234,198,116,.26),transparent 36rem),linear-gradient(145deg,#17262e,#203427 48%,#201722);color:#f8edcf;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}button{font:inherit}.app{width:min(100vw,980px);height:100dvh;min-height:560px;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 6px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr auto;gap:7px}.app:has(.lobby){grid-template-rows:1fr}.app:has(.campaign-screen){grid-template-rows:1fr}.app:has(.campaign-canvas-screen){width:100vw;max-width:none;height:100dvh;min-height:0;padding:0;grid-template-columns:1fr;grid-template-rows:1fr}.app:has(.campaign-react-screen){width:100vw;max-width:none;height:100dvh;min-height:0;padding:0;grid-template-columns:1fr;grid-template-rows:1fr}.campaign-react-screen{position:relative;width:100%;height:100%;min-width:0;min-height:0;padding:clamp(12px,1.8vw,28px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.5vw,20px);color:#fff0c4;background:radial-gradient(ellipse at 52% 44%,rgba(238,201,114,.12),transparent 44%),linear-gradient(145deg,#0d2a25,#173026 52%,#241923);overflow:hidden;-webkit-user-select:none;user-select:none}.campaign-global-resources{position:absolute;top:clamp(12px,1.8vw,24px);right:clamp(12px,1.8vw,28px);z-index:4;display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:7px 9px;border-radius:999px;background:#0906049e;border:1px solid rgba(255,231,163,.18);box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000038}.campaign-resource-pill{min-width:52px;height:30px;display:inline-grid;grid-template-columns:24px auto;align-items:center;justify-content:center;gap:5px;padding:3px 9px 3px 5px;border-radius:999px;color:#ffe8a8;background:#0f0a078f;border:1px solid rgba(255,231,163,.14);font-size:15px;font-weight:950}.campaign-resource-pill .res-icon{width:23px;height:23px}.campaign-resource-pill.unit{min-width:50px;grid-template-columns:22px auto;padding-left:4px;background:#050504c7;border-color:#ffdf8e47}.campaign-resource-pill.unit .mini-unit{width:22px;height:22px;color:#24150b;border:2px solid rgba(255,246,205,.82);box-shadow:inset 0 2px #ffffff80,0 0 0 1px #000000a3,0 2px 8px #0006}.campaign-resource-pill.unit .mini-unit svg{width:17px;height:17px;filter:drop-shadow(0 1px rgba(255,255,255,.28))}.campaign-resource-pill.unit.infantry .mini-unit{background:#d9f3ff}.campaign-resource-pill.unit.cavalry .mini-unit{background:#ffd579}.campaign-resource-pill.unit.archer .mini-unit{background:#c6f08e}.campaign-react-screen *,.campaign-react-screen svg,.campaign-react-screen text{-webkit-user-select:none;user-select:none}.campaign-react-header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,2vw,26px)}.campaign-react-back{width:clamp(48px,5.8vw,66px);aspect-ratio:1;display:grid;place-items:center;border-radius:999px;border:2px solid rgba(216,173,74,.38);color:#ffe6a3;background:#0c0805b8;box-shadow:inset 0 1px #ffffff14,0 10px 30px #0000003d;font-size:clamp(36px,4.2vw,52px);line-height:1;font-weight:950;cursor:pointer}.campaign-react-kicker{color:var(--blue-light);font-size:clamp(15px,1.6vw,23px);line-height:1;font-weight:950}.campaign-react-header h1{margin:4px 0 8px;color:#ffe39b;font-size:clamp(38px,4.8vw,72px);line-height:.95;font-weight:950;letter-spacing:0}.campaign-react-header p{margin:0;color:#f7dfaa;font-size:clamp(14px,1.28vw,19px);line-height:1.25;font-weight:850;text-wrap:pretty}.campaign-react-layout{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,27vw,430px);gap:clamp(12px,1.5vw,22px)}.campaign-react-map,.campaign-react-detail,.campaign-react-footer{border:2px solid rgba(141,116,68,.66);background:#0b0704b3;box-shadow:inset 0 1px #ffffff0a,0 18px 42px #0000002e}.campaign-react-map{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:18px;cursor:grab;touch-action:none;background:radial-gradient(ellipse at 50% 68%,rgba(139,212,255,.11),transparent 50%),linear-gradient(180deg,#4c1919c7 0,#4c1919c7 48%,#123d52c2 48%,#123d52c2)}.campaign-react-map:active{cursor:grabbing}.campaign-route-svg{width:100%;height:100%;display:block;user-select:none;-webkit-user-select:none}.campaign-region-band rect{stroke:#ffffff14;stroke-width:1}.campaign-region-band text{fill:#fff6d03d;font-size:36px;font-weight:950;pointer-events:none;-webkit-user-select:none;user-select:none}.campaign-region-band.court rect{fill:#7e28326b}.campaign-region-band.border rect{fill:#60301f57}.campaign-region-band.blue rect{fill:#123d5280}.campaign-route-aura{fill:none;stroke:#8bd4ff38;stroke-width:3}.campaign-route-line{fill:none;stroke-linecap:round;stroke-width:7}.campaign-route-line.active{stroke:#f4cf73b8}.campaign-route-line.dim{stroke:#6e625461}.campaign-svg-node{cursor:pointer}.campaign-svg-node .node-outer{fill:#0f0906c7;stroke:#6d5430db;stroke-width:5}.campaign-svg-node .node-face{fill:#1a110c;stroke:#ffffff24;stroke-width:2}.campaign-svg-node .node-inner{fill:#ffffff0a;stroke:#ffffff1a;stroke-width:2}.campaign-svg-node .node-glyph{color:#cfc2a8;pointer-events:none;overflow:visible}.campaign-svg-node .node-glyph path,.campaign-svg-node .node-glyph circle{fill:currentColor}.campaign-svg-node.visible .node-glyph{color:#20140d}.campaign-svg-node.battle.visible .node-face{fill:#e1b955}.campaign-svg-node.supply.visible .node-face{fill:#c89b66}.campaign-svg-node.blessing.visible .node-face{fill:#78c7ea}.campaign-svg-node.completed .node-face{fill:#8bd4ff}.campaign-svg-node.completed .node-glyph{color:#10212c}.campaign-svg-node.selected .node-outer{stroke:#fff0aa;stroke-width:8;filter:url(#nodeGlow)}.campaign-react-detail{min-width:0;min-height:0;padding:clamp(18px,2vw,28px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(14px,2vw,24px);border-radius:18px;background:linear-gradient(125deg,rgba(255,255,255,.035),transparent 38%),#090604d1}.campaign-react-detail>span{width:fit-content;padding:8px 16px;color:#10212c;background:#8bd4ff;font-size:clamp(14px,1.2vw,17px);line-height:1;font-weight:950}.campaign-react-detail h2{margin:0;color:#ffe39b;font-size:clamp(32px,3.2vw,52px);line-height:1.03;font-weight:950;letter-spacing:0}.campaign-react-detail p{margin:0;color:#f7dfaa;font-size:clamp(15px,1.22vw,18px);line-height:1.45;font-weight:800}.campaign-react-detail strong{color:#d7c59a;font-size:clamp(15px,1.25vw,18px);font-weight:950}.campaign-react-detail button{min-height:clamp(44px,4.8vw,56px);border:2px solid rgba(255,240,176,.75);border-radius:12px;color:#21160d;background:linear-gradient(165deg,#ffe08a 0,#ffe08a 52%,#e4b641 53%,#e4b641);box-shadow:inset 0 1px #ffffff61,0 10px 18px #00000029;font-size:clamp(20px,1.75vw,26px);font-weight:950;cursor:pointer}.campaign-react-detail.unknown>span{color:#d2c5aa;background:#3b3128}.campaign-react-footer{min-height:clamp(42px,4.3vw,56px);padding:10px 16px;display:flex;align-items:center;border-radius:14px;color:#ffe7a8;font-size:clamp(15px,1.3vw,20px);line-height:1.25;font-weight:950}@media(max-height:560px){.campaign-react-screen{padding:10px 14px;gap:8px}.campaign-global-resources{top:8px;right:12px;padding:5px 7px}.campaign-resource-pill{min-width:44px;height:26px;grid-template-columns:20px auto;gap:4px;padding:2px 8px 2px 4px;font-size:13px}.campaign-resource-pill .res-icon{width:20px;height:20px}.campaign-resource-pill.unit{min-width:42px;grid-template-columns:18px auto}.campaign-resource-pill.unit .mini-unit{width:18px;height:18px;border-width:1px}.campaign-resource-pill.unit .mini-unit svg{width:14px;height:14px}.campaign-react-header{grid-template-columns:auto minmax(0,1fr);gap:12px}.campaign-react-back{width:48px;font-size:36px}.campaign-react-kicker{font-size:14px}.campaign-react-header h1{margin:2px 0 0;font-size:clamp(34px,5vw,52px)}.campaign-react-header p,.campaign-react-detail p{display:none}.campaign-react-layout{grid-template-columns:minmax(0,1fr) minmax(280px,30vw);gap:10px}.campaign-react-detail{padding:14px;grid-template-rows:auto auto 1fr auto auto;gap:8px}.campaign-react-detail h2{font-size:clamp(28px,3.4vw,42px)}.campaign-react-detail button{min-height:42px;font-size:22px}.campaign-react-footer{min-height:38px;padding:8px 14px;font-size:16px}}@media(max-width:760px){.campaign-react-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.campaign-react-detail{min-height:180px}}.topbar,.command-panel,.board-shell{border:1px solid rgba(245,218,150,.32);box-shadow:0 16px 40px var(--shadow),inset 0 1px #ffffff14}.topbar{display:grid;grid-template-columns:auto auto minmax(92px,.9fr) minmax(0,1fr) auto;align-items:center;gap:6px;min-height:42px;padding:6px 8px;border-radius:12px;background:linear-gradient(135deg,#17100ceb,#3d271ae0)}.top-stat{min-width:0;padding:6px 5px;border-radius:999px;text-align:center;color:#ffe8a8;background:#0f0a076b;border:1px solid rgba(255,231,163,.2);font-size:clamp(11px,3vw,14px);font-weight:900;white-space:nowrap}.campaign-stat{color:#dff5ff;border-color:#8bd4ff47;background:#1934467a}.action-limit-stat{display:inline-flex;align-items:center;gap:4px;padding-inline:10px;color:#fff3d2}.limit-icon{font-size:16px;opacity:.85;display:inline-flex;align-items:center;justify-content:center;line-height:1}.limit-move{color:#7dffb0}.limit-attack{color:#ff7d7d}.limit-value{font-variant-numeric:tabular-nums;min-width:1.2em;text-align:center}.limit-sep{opacity:.3;margin:0 2px}.top-icon-button,.top-restart{width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:999px;color:#ffe8a8;background:#0f0a078a;border:1px solid rgba(255,231,163,.24);box-shadow:inset 0 1px #ffffff14,0 2px 8px #0000002e;cursor:pointer}.top-icon-button .action-icon,.top-restart .action-icon{width:18px;height:18px;color:currentColor;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.lobby{min-height:100%;display:grid;place-items:center;padding:clamp(10px,4vw,22px)}.lobby-panel{position:relative;width:min(100%,560px);padding:clamp(30px,7vw,48px) clamp(16px,6vw,42px) clamp(34px,7vw,46px);overflow:hidden;border-radius:22px;border:1px solid rgba(245,218,150,.38);background:linear-gradient(180deg,#20150ef0,#160f0cf5) padding-box,linear-gradient(135deg,#855f2feb,#352016f5) border-box;box-shadow:0 18px 46px var(--shadow),inset 0 1px #ffffff14;text-align:center}.lobby-kicker{color:#8bd4ff;font-size:13px;font-weight:900;letter-spacing:0}.lobby h1{margin:10px 0 8px;font-size:clamp(42px,12vw,78px);line-height:1;color:transparent;background:linear-gradient(180deg,#f3d47b,#c99137);-webkit-background-clip:text;background-clip:text;text-shadow:0 6px 18px rgba(0,0,0,.36);font-weight:950}.lobby p{margin:0 0 24px;color:#fff0c4;font-size:clamp(13px,3.6vw,18px);font-weight:850}.campaign-teaser{display:grid;gap:6px;margin:-8px 0 18px;padding:12px 13px;border-radius:12px;color:#fff1c8;text-align:left;background:#0c090759;border:1px solid rgba(255,229,157,.18)}.campaign-teaser b{color:#8bd4ff;font-size:14px;font-weight:950}.campaign-teaser span{font-size:13px;line-height:1.45;font-weight:750}.mode-list{display:grid;gap:10px}.mode-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,112px);gap:10px}.lobby-action,.difficulty-select{min-height:44px;border-radius:10px;border:1px solid rgba(255,240,180,.42);font-weight:950}.lobby-action{color:#21160d;background:linear-gradient(180deg,#f3d47b,#c99137);box-shadow:inset 0 1px #ffffff6b,0 4px 10px #0003;cursor:pointer}.lobby-action:active{transform:translateY(1px)}.lobby-action.primary{background:linear-gradient(180deg,#ffe59a,#c99137)}.lobby-action.campaign-action{color:#10212c;background:linear-gradient(180deg,#bfeeff,#5eb4df)}.campaign-screen{min-height:100%;display:grid;place-items:center;padding:clamp(10px,4vw,22px)}.campaign-canvas-screen{position:relative;width:100%;height:100%;min-height:0;padding:0}.campaign-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;border-radius:0;overflow:hidden;box-shadow:none}.campaign-canvas-host canvas{display:block;width:100%!important;height:100%!important}.campaign-intro-panel,.campaign-map-panel{position:relative;width:min(100%,680px);overflow:hidden;border:1px solid rgba(245,218,150,.38);background:linear-gradient(180deg,#20150ef0,#160f0cf5) padding-box,linear-gradient(135deg,#855f2feb,#352016f5) border-box;box-shadow:0 18px 46px var(--shadow),inset 0 1px #ffffff14}.campaign-intro-panel{display:grid;gap:18px;padding:clamp(30px,7vw,52px) clamp(18px,6vw,44px);border-radius:20px;text-align:center}.campaign-intro-panel h1{margin:0;color:transparent;background:linear-gradient(180deg,#c9f3ff,#5eb4df);-webkit-background-clip:text;background-clip:text;font-size:clamp(42px,12vw,72px);line-height:1;font-weight:950}.campaign-intro-panel p{margin:0;color:#fff0c4;font-size:clamp(15px,3.8vw,20px);line-height:1.65;font-weight:850;text-wrap:pretty}.campaign-intro-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.campaign-map-panel{display:grid;grid-template-rows:auto auto minmax(320px,1fr) auto;gap:10px;height:min(100%,720px);padding:12px;border-radius:18px}.campaign-map-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;text-align:left}.campaign-map-header h1{margin:0;color:#ffe39b;font-size:clamp(26px,7vw,42px);line-height:1}.campaign-map-header p{margin:6px 0 0;color:#f8e5b8;font-size:13px;line-height:1.35;font-weight:750}.campaign-region-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.campaign-region-pill{min-width:0;padding:7px 5px;border-radius:999px;text-align:center;color:#ffefc49e;background:#0a08075c;border:1px solid rgba(255,229,157,.14);font-size:12px;font-weight:950;white-space:nowrap}.campaign-region-pill.active{color:#10212c;background:linear-gradient(180deg,#bfeeff,#5eb4df);border-color:#ffffff80}.campaign-map-body{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,34%);gap:10px}.campaign-map{position:relative;min-height:0;border-radius:18px;overflow:hidden;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 52%,rgba(139,212,255,.16),transparent 54%),radial-gradient(ellipse at 50% 50%,rgba(245,218,150,.13),transparent 64%),linear-gradient(180deg,#140d0ac2,#0c0908e6);border:1px solid rgba(255,229,157,.18)}.campaign-map.dragging{cursor:grabbing}.campaign-map:before{content:"";position:absolute;top:8%;right:18%;bottom:8%;left:18%;border-radius:50%;border:1px solid rgba(139,212,255,.16);box-shadow:inset 0 0 38px #8bd4ff14}.campaign-map-world{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;transform:translate(var(--map-pan-x, 0),var(--map-pan-y, 0))}.campaign-map-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.campaign-map-links line{stroke:#ffe29b47;stroke-width:.7;stroke-linecap:round}.campaign-node{position:absolute;width:clamp(44px,9vw,58px);height:clamp(44px,9vw,58px);padding:0;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,236,180,.42);color:#21160d;background:linear-gradient(180deg,#f7d984,#bb7c2d);box-shadow:0 10px 24px #00000052,inset 0 1px #ffffff57;cursor:pointer}.campaign-node .node-icon{color:currentColor;font-size:clamp(17px,4.4vw,24px);font-weight:950;line-height:1}.campaign-node.supply{background:linear-gradient(180deg,#f0d7a8,#ad8554)}.campaign-node.blessing{background:linear-gradient(180deg,#bfeeff,#5eb4df)}.campaign-node.locked{color:#ffefcf6b;background:linear-gradient(180deg,#4a4037,#251c17);border-color:#ffefcf29;box-shadow:inset 0 1px #ffffff0a;cursor:pointer}.campaign-node.locked .node-icon{color:#ffefcf61}.campaign-node.completed{color:#dff5ff;background:linear-gradient(180deg,#31596d,#1d3440);border-color:#8bd4ff5c}.campaign-node.completed .node-icon{color:#dff5ffb8}.campaign-node.selected{outline:3px solid rgba(255,245,196,.68);outline-offset:3px}.campaign-node-detail{min-width:0;display:grid;align-content:start;gap:10px;padding:13px;border-radius:16px;color:#fff0c4;background:#0f0a0780;border:1px solid rgba(255,231,163,.18)}.campaign-node-detail>span{width:fit-content;padding:5px 9px;border-radius:999px;color:#10212c;background:linear-gradient(180deg,#bfeeff,#5eb4df);font-size:12px;font-weight:950}.campaign-node-detail h2{margin:0;color:#ffe39b;font-size:clamp(20px,5vw,28px);line-height:1.05}.campaign-node-detail p{margin:0;color:#f7e2b7;font-size:13px;line-height:1.45;font-weight:760}.campaign-node-detail small{color:#ffefcf9e;font-weight:850}.campaign-node-detail.unknown>span{color:#ffefcf85;background:#ffefcf1a}.campaign-detail-start{min-height:42px;margin-top:4px;border:1px solid rgba(255,240,180,.42);border-radius:10px;color:#21160d;background:linear-gradient(180deg,#ffe59a,#c99137);font-weight:950;cursor:pointer}.campaign-map-footer{min-height:38px;display:grid;align-items:center;padding:8px 10px;border-radius:12px;color:#ffe7a8;background:#0f0a0773;border:1px solid rgba(255,231,163,.16);font-size:13px;font-weight:850}.difficulty-select{padding:0 10px;color:#ffe8a8;background:#0f0a079e;cursor:pointer}.dice-stat{display:inline-flex;align-items:center;justify-content:center;gap:5px}.dice-stat b{min-width:16px;font-size:1.08em}.top-die{width:22px;height:22px;gap:1px;padding:4px;border-radius:6px;border-width:1px;box-shadow:inset 0 1px #ffffffa6,0 1px 3px #00000052}.top-die span{width:3px;height:3px}.battlefield{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) clamp(118px,22vw,174px);align-items:stretch;justify-items:center;gap:7px;overflow:hidden}.board-shell{position:relative;align-self:center;width:min(100%,680px,calc((100dvh - 220px) * var(--board-ratio, .7142857)));min-width:238px;padding:clamp(4px,1vw,8px);border-radius:18px;background:linear-gradient(135deg,#855f2feb,#352016f5),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.04) 28px 30px)}.board{position:relative;display:grid;grid-template-columns:repeat(var(--board-columns, 5),1fr);grid-template-rows:repeat(var(--board-rows, 7),1fr);gap:clamp(3px,1vw,6px);aspect-ratio:var(--board-aspect, 5 / 7);border-radius:13px;padding:clamp(3px,.8vw,6px);background:linear-gradient(180deg,#28321f,#171d17);border:1px solid rgba(255,238,176,.18)}.resource-strip{height:28px;margin:0 2px 4px;padding:3px 8px;display:grid;grid-template-columns:1fr repeat(2,auto);align-items:center;gap:6px;border-radius:999px;color:#fff3c8;background:#0f0b089e;border:1px solid rgba(255,232,170,.16);font-size:clamp(10px,2.6vw,13px);font-weight:900}.summary-item{display:inline-grid;grid-template-columns:14px auto;align-items:center;gap:2px}.mini-unit{width:15px;height:15px;display:inline-grid;place-items:center;border-radius:50%;background:#f2d47c;box-shadow:inset 0 1px #ffffff59;overflow:hidden}.mini-unit.cavalry{background:#e8c06a}.mini-unit.infantry{background:#c8e5ef}.mini-unit.archer{background:#cfe6a2}.summary-item .res-icon,.mini-unit svg{width:14px;height:14px}.resource-strip.player{margin:4px 2px 0}.resource-strip.ai{margin:0 2px 4px}.resource-strip.player span{color:var(--blue-light)}.resource-strip.ai span{color:var(--red-light)}.pvp-board .reverse-view,.info-panel.reverse-view,.pvp-board .move-ghost.ai .piece-card{transform:rotate(180deg)}.tile{position:relative;min-width:0;min-height:0;border:0;border-radius:10px;color:var(--ink);background:linear-gradient(145deg,#6f895c,#445f45);box-shadow:inset 0 1px #ffffff24,inset 0 -12px #14110938,0 2px 6px #00000047;cursor:pointer;overflow:hidden}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(#0000002e,#0000002e),linear-gradient(135deg,rgba(255,255,255,.07),transparent 34%),radial-gradient(circle at 18% 80%,rgba(255,255,255,.045),transparent 28%);pointer-events:none}.tile.empty{background:linear-gradient(145deg,#5c625e,#3d4440)}.tile.empty:after{background:linear-gradient(#00000024,#00000024),radial-gradient(circle at 50% 35%,rgba(255,255,255,.06),transparent 42%)}.tile.base-tile{background:radial-gradient(circle at 50% 48%,rgba(255,236,167,.16),transparent 48%),linear-gradient(145deg,#334038,#202822)}.tile.wall{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 38%),repeating-linear-gradient(90deg,#7d7667 0,#7d7667 18%,#5e584c 18%,#5e584c 20%),linear-gradient(145deg,#746d5f,#403b34)}.tile.wall.collapsed{background:radial-gradient(circle at 42% 58%,rgba(20,18,14,.52),transparent 36%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 8px,transparent 8px 16px),linear-gradient(145deg,#4b5045,#262b25)}.tile.probable{background:linear-gradient(145deg,#8eae64,#4f7645)}.tile.possible{background:linear-gradient(145deg,#d2ad4e,#735a25)}.tile.unlikely{background:linear-gradient(145deg,#bd704f,#6b3d31)}.tile.hot{box-shadow:inset 0 1px #ffffff57,inset 0 -8px #1411091a,0 2px 8px #00000038}.tile.hot:after{background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 34%),radial-gradient(circle at 48% 44%,rgba(255,255,190,.18),transparent 52%)}.tile.move{outline:none;overflow:visible}.tile.move:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:24;border:3px solid rgba(117,255,154,.96);border-radius:13px;box-shadow:0 0 14px #75ff9a80;pointer-events:none}.tile.attack{outline:3px solid rgba(255,118,105,.9)}.tile.selected{outline:3px solid #fff176}.tile-num{position:absolute;top:5px;left:5px;z-index:8;min-width:24px;min-height:22px;padding:0 7px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:#ffefb2d1;border:1px solid rgba(52,35,18,.35);font-size:clamp(12px,3.2vw,17px);font-weight:950;line-height:1;color:#18110ae0;box-shadow:0 2px 5px #0000002e}.tile.occupied .tile-num,.tile.occupied .yield-tray{opacity:.52;filter:blur(.7px) saturate(.76)}.yield-tray{position:absolute;right:5%;bottom:5%;z-index:8;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;width:auto;max-width:none;padding:0}.yield-token{min-height:clamp(12px,3.25vw,18px);display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:1px;padding:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55))}.yield-token .res-icon{width:15px;height:15px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.32))}.res-icon{display:block}.res-emoji{display:block;font-size:clamp(8px,2.5vw,13px);line-height:1;transform:translateY(-1px);filter:drop-shadow(0 1px 0 rgba(255,255,255,.35)) drop-shadow(0 1px 1px rgba(0,0,0,.35))}.yield-token b{color:#fff6d5;font-size:clamp(7px,2.1vw,10px);font-weight:950;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tile-label{position:absolute;left:0;right:0;bottom:8%;z-index:2;text-align:center;font-size:clamp(10px,2.8vw,13px);font-weight:900;color:#21160cc7}.tile-label.muted{color:#f5e6c36b}.piece,.base{position:absolute;z-index:12;display:grid;place-items:center;pointer-events:none}.piece{inset:auto;left:50%;top:50%;width:66%;height:66%;transform:translate(-50%,-50%)}.base{inset:auto;left:50%;top:50%;width:76%;height:76%;transform:translate(-50%,-50%)}.piece{will-change:transform}.piece-hidden-during-move{visibility:hidden}.move-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;pointer-events:none}.move-ghost{position:absolute;left:0;top:0;width:calc((100% - 16px)*.132);aspect-ratio:1 / .97;color:var(--blue-light);transform:translate(-50%,-50%);opacity:0;will-change:transform}.move-ghost.ai{color:var(--red-light)}.move-ghost.move-ghost-running{animation:pieceTravel .52s cubic-bezier(.45,0,.2,1) .32s both}.move-ghost.move-ghost-ready{transform:translate(calc(var(--move-start-x) - 50%),calc(var(--move-start-y) - 50%)) scale(.96);opacity:1}.action-cue{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cue-arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.52));animation:cueFlash .32s ease both;animation-delay:var(--attack-elapsed, 0ms)}.cue-arrow-head{fill:none}.move-arrow{stroke:#80ffa6f5}.attack-arrow{stroke:#ff6052f5}.cue-start{fill:#dfff9a;stroke:#2f7a47f2;stroke-width:2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.48));animation:cueFade .32s ease both;animation-delay:var(--move-cue-elapsed, 0ms)}.cue-landing{fill:#1f371f75;stroke:#80ffa6fa;stroke-width:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(105,255,150,.62));animation:cueFade .32s ease both;animation-delay:var(--move-cue-elapsed, 0ms)}.cue-crosshair{fill:none;stroke:#ff5c50;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.58));animation:cueFade .34s ease both;animation-delay:var(--attack-elapsed, 0ms)}.cue-crosshair circle:last-child{fill:#ff5c50}.targeting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:27;width:100%;height:100%;pointer-events:none;overflow:visible}.target-line{stroke:#cdf5ffe0;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 5;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}.targeting-overlay.move .target-line{stroke:#80ffa6eb;stroke-dasharray:none}.targeting-overlay.attack .target-line{stroke:#ff6658eb;stroke-dasharray:none}.targeting-overlay.merge .target-line{stroke:#78d4fff5;stroke-dasharray:none}.targeting-overlay.blocked .target-line{stroke:#bebeb8b3}.target-move-dot{fill:#dfff9a;stroke:#54ff8afa;stroke-width:3;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5)) drop-shadow(0 0 7px rgba(105,255,150,.65))}.target-crosshair,.target-upgrade,.target-blocked{fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(0,0,0,.58))}.target-crosshair{stroke:#ff5c50;stroke-width:3}.target-crosshair circle:last-child{fill:#ff5c50}.target-upgrade{stroke:#8bd4ff;stroke-width:3.2;filter:drop-shadow(0 2px 3px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(96,205,255,.85))}.target-upgrade circle{fill:#153e5794;stroke:#a8ebfffa}.target-blocked{stroke:#dadad0d1;stroke-width:3.4}.target-blocked circle{fill:#2d2d2a5c}.base{z-index:10}.board-shell.tutorial-active:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;border-radius:inherit;background:#030504ad;pointer-events:none}.board-shell.tutorial-active .tile.tutorial-focus{z-index:48;overflow:visible;box-shadow:0 0 0 4px #8bd4ffd9,0 0 26px #8bd4fff2,inset 0 1px #ffffff3d}.board-shell.tutorial-active .tile.tutorial-focus.occupied,.board-shell.tutorial-active .tile.tutorial-focus.base-tile{z-index:50}.board-shell.tutorial-active .tile.tutorial-focus>.piece,.board-shell.tutorial-active .tile.tutorial-focus>.base{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:14}.board-shell.tutorial-active .targeting-overlay{z-index:56}.board-shell.tutorial-active .move-overlay,.board-shell.tutorial-active .attack-overlay{z-index:58}.tutorial-callout{position:absolute;left:50%;z-index:60;width:min(88%,420px);transform:translate(-50%);padding:12px 15px;border-radius:14px;color:#fff2c3;background:#120c09f0;border:1px solid rgba(139,212,255,.62);box-shadow:0 12px 28px #0000006b,0 0 22px #8bd4ff33;text-align:center;font-size:clamp(13px,3.2vw,17px);font-weight:950;line-height:1.35;pointer-events:auto;animation:none}.tutorial-callout.player{bottom:clamp(128px,27%,190px)}.tutorial-callout.top{top:clamp(42px,12%,92px)}.tutorial-callout.middle{top:50%;transform:translate(-50%,-50%);animation:none}.tutorial-callout.bottom{bottom:clamp(52px,11%,92px)}.tutorial-callout.ai{top:clamp(118px,24%,178px)}.pvp-board .tutorial-callout.ai{animation:none;transform:translate(-50%) rotate(180deg)}.tutorial-callout b{display:block;margin-bottom:4px;color:#8bd4ff;font-size:13px}.tutorial-callout.ai b{color:#ffb0a6}.tutorial-callout span{display:block}.tutorial-start-button{margin-top:10px;min-width:96px;min-height:36px;padding:0 18px;border:1px solid rgba(255,240,180,.58);border-radius:999px;color:#21160d;background:linear-gradient(180deg,#f3d47b,#c99137);box-shadow:inset 0 1px #ffffff75,0 5px 12px #0000003d;font-size:16px;font-weight:950;cursor:pointer}.tutorial-start-button:active{transform:scale(.96)}.tutorial-start-button:disabled{color:#ffffff8f;background:linear-gradient(180deg,#5e6466,#3c4245);border-color:#ffffff1f;cursor:default}.tutorial-dice-focus,.tutorial-resource-focus{position:relative;z-index:90;box-shadow:0 0 0 4px #8bd4ffd1,0 0 24px #8bd4ffd9,inset 0 1px #ffffff24;filter:brightness(1.16)}.tutorial-panel-focus{position:relative;z-index:80;box-shadow:0 0 0 4px #8bd4ffd1,0 0 26px #8bd4ffd9,0 10px 26px #0000006b;filter:brightness(1.12)}.tutorial-panel-focus .shop-item.tutorial-shop-muted{opacity:.3;filter:grayscale(.65) brightness(.48)}.tutorial-panel-focus .shop-item.tutorial-shop-target{position:relative;z-index:2;border-color:#bdf4ff;box-shadow:0 0 0 3px #8bd4ffe6,0 0 22px #8bd4ffeb,inset 0 1px #ffffff9e;animation:tutorialShopPulse 1.1s ease-in-out infinite alternate}.tutorial-stat-hint{padding:8px 9px;border:1px solid rgba(139,212,255,.48);border-radius:8px;color:#bfeeff;background:#4a96be1f;font-size:11px;font-weight:850;line-height:1.35}.tutorial-command-focus{position:relative;z-index:80;box-shadow:0 0 0 4px #8bd4ffc2,0 0 24px #8bd4ffb3}.piece-card{width:100%;height:100%;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.18),transparent 44%),#12100c52;border:2px solid currentColor;box-shadow:0 9px 16px #00000057,0 0 0 2px #16100a57;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.piece.player{color:var(--blue-light)}.piece.ai{color:var(--red-light)}.piece.can-act .piece-card{filter:brightness(1.2) saturate(1.16);box-shadow:0 10px 18px #0000005c,0 0 0 2px #ffeeaa61,0 0 18px color-mix(in srgb,currentColor 58%,transparent)}.piece.can-act .piece-aura{opacity:.34}.piece.spent .piece-card{filter:brightness(.58) saturate(.68);opacity:.72}.piece.spent .piece-aura{opacity:.08}.piece.pressing .piece-card{transform:scale(.92);filter:brightness(1.3) saturate(1.2);transition:transform .1s ease,filter .1s ease}.piece svg,.base svg{width:100%;height:100%;display:block}.unit-svg{position:relative;z-index:2;width:92%;height:92%;filter:drop-shadow(0 3px 2px rgba(0,0,0,.45))}.piece-aura{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:currentColor;opacity:.18;filter:blur(8px)}.wall-art{position:absolute;top:16%;right:9%;bottom:16%;left:9%;z-index:4;display:grid;place-items:center;color:#8d8576;filter:drop-shadow(0 5px 2px rgba(0,0,0,.38))}.wall-svg{width:100%;height:100%;display:block}.wall-fill{fill:currentColor}.wall-light{fill:#fff4ce42}.tile.collapsed .wall-art{color:#7770628f;opacity:.72;transform:rotate(-7deg) scale(.92);filter:drop-shadow(0 4px 2px rgba(0,0,0,.24))}.piece-pips{position:absolute;left:50%;bottom:-2px;transform:translate(-50%);display:flex;gap:3px;z-index:4}.piece.merge-target .piece-card{opacity:.35;filter:saturate(.6) brightness(.85)}.piece.merge-target{position:relative}.merge-upgrade-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff8e6f2;border:3px solid var(--ink, #2a1f18);border-radius:50%;color:#29b6f6;z-index:10;box-shadow:0 3px #0000004d,0 0 12px #29b6f680;animation:merge-pulse 1.2s ease-in-out infinite}.merge-upgrade-badge .upgrade-icon{width:26px;height:26px;display:block}@keyframes merge-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.85}}.piece-pips span{width:6px;height:6px;border-radius:50%;background:#ffe08a;box-shadow:0 1px 2px #000}.unit-hp{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:34px;height:3px;z-index:5;border-radius:999px;background:#100b0894;box-shadow:0 1px 2px #00000094;overflow:hidden}.unit-hp-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(180deg,#9ff2a5,#43c76d);box-shadow:0 0 3px #69ff8973;transition:width .3s ease}.damage-popup-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.damage-popup{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:17px;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.75),0 0 4px rgba(0,0,0,.55);animation:damageFloat .9s ease-out forwards;pointer-events:none;white-space:nowrap}.damage-popup.damage{color:#ff6a6a}.damage-popup.heal{color:#79f07a}@keyframes damageFloat{0%{transform:translate(-50%,-30%) scale(.7);opacity:0}22%{transform:translate(-50%,-55%) scale(1.12);opacity:1}to{transform:translate(-50%,-110%) scale(1);opacity:0}}.base-frame{width:100%;height:100%;display:grid;place-items:center;filter:drop-shadow(0 5px 5px rgba(0,0,0,.38))}.base.player{color:var(--blue-light)}.base.ai{color:var(--red-light)}.base-hp{position:absolute;left:12%;right:12%;bottom:5%;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.base-hp span{height:5px;border-radius:4px;background:#110b0773}.command-panel{border-radius:16px 16px 12px 12px;padding:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;background:linear-gradient(180deg,#15100df0,#301e16f2)}.message{min-height:28px;margin:0;color:#fff0c4;font-weight:850;line-height:1.35;font-size:clamp(13px,3.4vw,16px)}.bottom-unit-info{display:flex;align-items:center;gap:10px;flex:1;min-height:36px}.bottom-unit-portrait{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.bottom-unit-portrait .pixel-unit{width:100%;height:100%}.bottom-unit-stats{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.bottom-unit-name{color:#fff6d8;font-weight:800;font-size:13px;line-height:1.2}.bottom-unit-name small{color:#ffd98a;font-weight:700;font-size:11px;margin-left:4px}.bottom-unit-stat-row{display:flex;gap:12px;align-items:center}.bottom-unit-stat-row span{display:inline-flex;align-items:center;gap:4px;color:#ffe9b0;font-size:13px;font-weight:700}.bottom-unit-stat-row .stat-icon{width:14px;height:14px}.bottom-unit-stat-row .stat-hp b{color:#ff9a8b}.bottom-unit-stat-row .stat-atk b{color:#ffd36e}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.action{min-height:38px;border:1px solid rgba(255,240,180,.42);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#21160d;background:linear-gradient(180deg,#f3d47b,#c99137);font-weight:950;box-shadow:inset 0 1px #ffffff6b,0 4px 10px #0003;cursor:pointer}.end-action{min-width:112px;padding:0 14px}.action-icon{width:18px;height:18px;display:block;flex:0 0 auto;color:#5a3519;filter:drop-shadow(0 1px rgba(255,255,255,.38))}.info-panel{position:relative;width:100%;min-width:0;align-self:stretch;padding:8px;border-radius:12px;color:#fff0c4;background:#160f0be6;border:1px solid rgba(255,222,143,.36);box-shadow:0 10px 26px #0000006b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden auto}.shop-hint-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:95;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 4px 5px rgba(0,0,0,.58));animation:shopHintPath 2.25s ease both}.shop-hint-line,.shop-hint-head{fill:none;stroke:#8bd4ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:10 8;filter:drop-shadow(0 0 8px rgba(139,212,255,.95))}.shop-hint-head{stroke-dasharray:none;stroke-width:6}.shop-hint-pulse{fill:#8bd4ff2e;stroke:#8bd4ff;stroke-width:3;animation:shopHintPulse 1.05s ease-in-out infinite}.panel-section{display:grid;gap:7px}.panel-empty{min-height:100%;display:grid;place-items:center;text-align:center;color:#fff0c4a3;font-size:13px;font-weight:900;line-height:1.35}.context-title{margin-bottom:5px;font-size:13px;font-weight:950;color:#ffe39a}.info-panel .base-menu{display:grid;gap:7px}.info-panel button{min-height:32px;border:1px solid rgba(255,240,180,.42);border-radius:9px;color:#21160d;background:linear-gradient(180deg,#f3d47b,#c99137);font-weight:950}.cost-button{display:grid;place-items:center;gap:2px;padding:5px 3px}.cost-button small{min-height:15px;display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#26180cdb;font-size:10px;font-weight:950;white-space:nowrap}.cost-button .res-icon{width:13px;height:13px}.info-panel button:disabled{color:#ffffff6b;background:linear-gradient(180deg,#5e6466,#3c4245)}.info-panel .delete-unit-button{min-height:34px;color:#ffe8dd;background:linear-gradient(180deg,#8d312d,#4f1b18);border-color:#ffa88e73;box-shadow:inset 0 1px #ffffff2e,0 5px 12px #00000038}.unit-menu{display:grid;gap:6px}.unit-stats{display:grid;gap:5px;color:#e7d6aa;font-size:12px;font-weight:800}.unit-stats span{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 6px;border-radius:7px;background:#ffeeb214}.unit-stat-icons{grid-template-columns:1fr}.unit-stat-icons span{justify-content:flex-start;min-height:38px;flex-direction:row;padding:7px 8px}.unit-stat-icons b{color:#fff0c4;font-size:14px;line-height:1}.stat-icon{width:17px;height:17px;color:#f3d47b;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.dice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;pointer-events:none}.dice-pair{display:flex;gap:14px;animation:diceDrop .98s cubic-bezier(.16,.9,.25,1) both}.die{width:clamp(44px,13vw,66px);height:clamp(44px,13vw,66px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px;padding:8px;border-radius:13px;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.92),transparent 18%),linear-gradient(145deg,#fff8df,#c89b49);border:2px solid #4a2f1d;box-shadow:0 14px 28px #0000006b,inset 0 2px #ffffffa6}.die span{width:8px;height:8px;align-self:center;justify-self:center;border-radius:50%;background:#2a1a12;box-shadow:inset 0 1px #ffffff2e}.die.top-die{width:22px;height:22px;gap:1px;padding:4px;border-radius:6px;border-width:1px;box-shadow:inset 0 1px #ffffffa6,0 1px 3px #00000052}.die.top-die span{width:3px;height:3px}.pip.p1{grid-column:1;grid-row:1}.pip.p2{grid-column:2;grid-row:1}.pip.p3{grid-column:3;grid-row:1}.pip.p4{grid-column:1;grid-row:2}.pip.p5{grid-column:2;grid-row:2}.pip.p6{grid-column:3;grid-row:2}.pip.p7{grid-column:1;grid-row:3}.pip.p8{grid-column:2;grid-row:3}.pip.p9{grid-column:3;grid-row:3}.harvest-flash{position:absolute;left:50%;top:50%;z-index:31;transform:translate(-50%,-50%);max-width:86%;padding:9px 13px;border-radius:999px;color:#20150d;background:linear-gradient(180deg,#ffe7a0,#d59d38);border:1px solid rgba(255,255,255,.5);font-weight:950;box-shadow:0 12px 24px #00000059;animation:harvestPop var(--harvest-duration, 2.6s) ease both;animation-delay:var(--harvest-delay, 0ms);pointer-events:none}.gain-flash{display:grid;gap:5px}.gain-row{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.gain-row b{min-width:36px;text-align:right}.gain-token{display:inline-flex;align-items:center;gap:2px}.gain-token .res-icon{width:18px;height:18px}.gain-token span{font-weight:950}.gain-multiplier{margin-left:5px;padding:1px 5px;border-radius:999px;color:#fff6d5;background:#1f140a6b;font-size:11px;font-weight:950}.gain-none{color:#20150d9e}.attack-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:32;pointer-events:none}@keyframes diceDrop{0%{transform:translateY(-48%) scale(.72) rotate(-28deg);opacity:0}48%{transform:translateY(6%) scale(1.08) rotate(24deg);opacity:1}70%{transform:translateY(-4%) scale(.98) rotate(-9deg)}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes shopArrowHint{0%{transform:translate(-10px);opacity:0}18%,78%{transform:translate(0);opacity:1}45%,62%{transform:translate(7px)}to{transform:translate(12px);opacity:0}}@keyframes shopHintPath{0%{opacity:0;transform:translate(-8px)}18%,78%{opacity:1;transform:translate(0)}48%,62%{transform:translate(6px)}to{opacity:0;transform:translate(12px)}}@keyframes shopHintPulse{0%,to{r:8;opacity:.78}50%{r:14;opacity:1}}@keyframes tutorialCallout{0%{transform:translate(-50%,10px) scale(.96);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes tutorialShopPulse{0%{filter:brightness(1)}to{filter:brightness(1.16)}}@keyframes harvestPop{0%{transform:translate(-50%,-44%) scale(.86);opacity:0}18%,78%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-58%) scale(.98);opacity:0}}@keyframes resourceTileFocus{0%{box-shadow:inset 0 1px #ffffff24,inset 0 -12px #14110938,0 2px 6px #00000047,0 0 0 16px #ffec9a00}42%{box-shadow:inset 0 1px #ffffff57,inset 0 -8px #1411091f,0 2px 8px #00000038,0 0 22px #ffec9a8c}to{box-shadow:inset 0 1px #ffffff29,inset 0 -10px #1411092e,0 2px 7px #0000003d,0 0 0 3px #ffec9a3d}}@keyframes resourceFocusRing{0%{top:-22px;right:-22px;bottom:-22px;left:-22px;border-radius:26px;filter:blur(12px);opacity:0}24%{opacity:.92}72%{top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:14px;filter:blur(1px);opacity:.9}to{top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;filter:blur(0);opacity:0}}@keyframes resourceYieldPop{0%{transform:scale(.78);opacity:0}46%{transform:scale(1.16);opacity:1}to{transform:scale(1);opacity:1}}@keyframes cueFlash{0%{opacity:0;transform:scale(.94)}24%,78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@keyframes cueFade{0%{opacity:0}24%,78%{opacity:1}to{opacity:0}}@keyframes pieceTravel{0%{transform:translate(calc(var(--move-start-x) - 50%),calc(var(--move-start-y) - 50%)) scale(.96);opacity:1}to{transform:translate(calc(var(--move-end-x) - 50%),calc(var(--move-end-y) - 50%)) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.move-ghost.move-ghost-running{animation:none}}.action:disabled{color:#ffffff6b;background:linear-gradient(180deg,#5e6466,#3c4245);border-color:#ffffff14;cursor:default}.selected-info{margin-top:8px;color:#d7c59a;font-size:13px;font-weight:750}.error{position:fixed;top:16px;right:16px;bottom:16px;left:16px;display:grid;place-items:center;z-index:20;padding:22px;color:#fff1c6;background:#140f0cf2;border:2px solid #f0c36d;border-radius:16px;text-align:center;font-size:18px}.error[hidden]{display:none}@media(orientation:landscape)and (max-height:760px){.app{max-width:none;grid-template-columns:1fr minmax(260px,34vw);grid-template-rows:auto 1fr}.app:has(.lobby){grid-template-columns:1fr;grid-template-rows:1fr;max-width:980px}.topbar{grid-column:1 / -1}.command-panel{align-self:stretch}.board-shell{width:min(100%,620px,calc((100dvh - 110px) * 5 / 7))}}@media(max-width:640px){.tutorial-callout.mobile-message-only{display:none}.campaign-map-body{grid-template-columns:1fr;grid-template-rows:minmax(260px,1fr) auto}.campaign-node-detail{gap:7px}}@media(max-width:420px){.app{padding-left:8px;padding-right:8px}.app:has(.lobby){min-height:100dvh}.lobby-panel{padding-top:28px}.mode-row{grid-template-columns:1fr}.topbar{grid-template-columns:auto auto 1fr 1.25fr}.topbar .top-stat:last-child{grid-column:3 / -1}.resource-strip{gap:4px;padding-left:6px;padding-right:6px;font-size:10px}.mini-unit{width:13px;height:13px;font-size:9px}.tutorial-callout.mobile-message-only{display:none}}.base-menu-icons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.info-panel .base-menu-icons{grid-template-columns:1fr;gap:6px}.shop-item{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:64px;border:1px solid rgba(255,240,180,.42);border-radius:12px;color:#21160d;background:linear-gradient(180deg,#f3d47b,#c99137);cursor:pointer;transition:transform .1s}.info-panel .shop-item{min-height:46px;padding:7px 8px;gap:7px;border-radius:9px}.shop-item:active{transform:scale(.97)}.shop-item:disabled,.shop-item.is-disabled{color:#ffffff6b;background:linear-gradient(180deg,#5e6466,#3c4245);border-color:#ffffff14;transform:none}.shop-item-icon{width:40px;height:40px;flex-shrink:0;color:#3a2410}.info-panel .shop-item-icon{width:28px;height:28px}.shop-item:disabled .shop-item-icon,.shop-item.is-disabled .shop-item-icon{color:#ffffff59}.shop-item-icon .unit-svg{width:100%;height:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.shop-item-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.shop-item-name{font-size:14px;font-weight:950;line-height:1;color:#2a1a0d}.info-panel .shop-item-name{font-size:12px}.shop-item:disabled .shop-item-name,.shop-item.is-disabled .shop-item-name{color:#ffffff80}.shop-item-cost{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:800;color:#2a1a0dbf}.info-panel .shop-item-cost{font-size:11px}.shop-item:disabled .shop-item-cost,.shop-item.is-disabled .shop-item-cost{color:#ffffff59}.shop-item-cost .res-icon{width:14px;height:14px}.tile.has-resources{background:linear-gradient(145deg,#8eae64,#4f7645)}.tile.resource-focus{animation:resourceTileFocus 1.25s cubic-bezier(.18,.9,.2,1) both}.tile.resource-focus:not(.move):before{content:"";position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:24;border:3px solid rgba(255,236,154,.92);border-radius:20px;filter:blur(10px);opacity:0;pointer-events:none;animation:resourceFocusRing 1.25s cubic-bezier(.18,.9,.2,1) both}.tile.resource-focus .yield-tray{animation:resourceYieldPop 1.05s cubic-bezier(.18,.9,.2,1) both}:root{--ink: #33291f;--ink-soft: #665747;--paper: #fff6df;--paper-2: #ead9b9;--paper-3: #d9c49f;--pasture: #bfd47f;--pasture-dark: #89a85f;--soil: #a88c6d;--sand: #e4bc72;--blue: #4b9bc8;--blue-light: #8cd9f5;--red: #d6574e;--red-light: #ff9389;--gold: #65c9eb;--success: #78b85c;--warning: #e4a739;--danger: #c95346;--shadow: rgba(72, 55, 37, .26);--pixel-border: 3px solid var(--ink);--pixel-shadow: 0 4px 0 rgba(75, 58, 40, .22)}html,body{color:var(--ink);font-family:Arial Rounded MT Bold,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px) 0 0 / 16px 16px,linear-gradient(145deg,#c9dc8b,#b6cf78 48%,#d9c47d)}body:before,body:after{content:"";position:fixed;z-index:-1;width:180px;height:180px;border:4px solid rgba(51,41,31,.2);background:#7dae693d;image-rendering:pixelated;transform:rotate(45deg)}body:before{left:-112px;top:18%}body:after{right:-118px;bottom:8%;background:#e1b46747}button,select{color:var(--ink)}.app{width:min(100vw,1020px);padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));gap:9px}.topbar,.command-panel,.board-shell{border:var(--pixel-border);box-shadow:var(--pixel-shadow)}.topbar{position:relative;display:flex;align-items:stretch;gap:7px;min-height:58px;padding:7px;border-radius:18px;background:var(--paper)}.top-icon-button,.top-restart{flex:0 0 42px;width:42px;height:auto;min-height:42px;border:2px solid #8e7b62;border-radius:12px;color:var(--ink);background:#eadfc9;box-shadow:inset 0 2px #ffffffb8,0 3px #4939272e}.top-icon-button:active,.top-restart:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff80,0 1px #49392733}.top-icon-button .action-icon,.top-restart .action-icon{width:22px;height:22px;color:var(--ink);filter:none}.top-icon-button .battle-control-icon,.top-restart .battle-control-icon{width:24px;height:24px;display:block;object-fit:contain}.top-stat{min-width:0;min-height:42px;flex:1 1 90px;padding:5px 9px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ink);background:#eee1c8;box-shadow:inset 0 2px #ffffff8c;font-size:clamp(11px,2.1vw,15px);font-weight:900}.round-stat{flex-direction:column;gap:0}.round-stat small,.action-limit-item small{color:var(--ink-soft);font-size:9px;line-height:1}.round-stat b{font-size:clamp(12px,2.4vw,17px);white-space:nowrap}.campaign-stat{flex:.9 1 110px;color:#225d78;background:#d5eced;border:0}.action-limit-stat{flex:1.25 1 180px;gap:7px}.action-limit-item{min-width:auto;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px}.limit-icon{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.limit-icon-svg{width:1em;height:1em;display:block}.limit-move{color:#4f9b69}.limit-attack{color:#c75a4f}.limit-value{min-width:14px;color:var(--ink);font-size:18px;line-height:1;font-weight:700}.limit-sep{color:#9f8f77}.dice-stat{flex:.72 1 82px;background:#eadfc9}.top-die,.die{border:3px solid var(--ink);border-radius:9px;background:#fff8e6;box-shadow:inset -3px -3px #d8c7aa,0 4px #3a2d213d;image-rendering:pixelated}.top-die{width:27px;height:27px;padding:5px}.die span{border-radius:1px;background:var(--ink);box-shadow:none}.battlefield{grid-template-columns:minmax(0,1fr) clamp(142px,24vw,205px);gap:10px;align-items:start}.board-shell{width:min(100%,700px,calc((100dvh - 230px) * 5 / 7));min-width:250px;padding:9px;border-radius:20px;background:var(--paper);align-self:start}.board{gap:clamp(4px,.8vw,7px);padding:clamp(4px,.8vw,7px);border:2px solid #776a57;border-radius:13px;background:#8b795f}.resource-strip{height:32px;margin:0 0 7px;padding:4px 10px;grid-template-columns:1fr auto;color:var(--ink);border:0;border-radius:10px;background:var(--paper-2);font-size:clamp(11px,2.4vw,14px);box-shadow:inset 0 2px #ffffff7a}.resource-strip.player{margin:7px 0 0}.resource-strip.player>span{color:#256b91}.resource-strip.ai>span{color:#9e3d39}.summary-item{grid-template-columns:20px auto;gap:4px;padding:2px 7px 2px 4px;border:2px solid #8a785e;border-radius:999px;color:var(--ink);background:#fff8e7}.summary-item .res-icon{width:18px;height:18px}.tile,.tile.empty{border:2px solid #74634f;border-radius:9px;background:#d9b36e;box-shadow:inset 0 2px #ffffff38,0 3px #4b3a2833;overflow:hidden}.tile:nth-child(5n+1),.tile:nth-child(5n+4){background:#dcb36c}.tile:nth-child(5n+2){background:#9f896f}.tile:nth-child(5n+3){background:#a9c979}.tile:nth-child(5n+5){background:#b9b1a2}.tile:after,.tile.empty:after{background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 35%),linear-gradient(0deg,rgba(74,58,41,.09),transparent 40%)}.tile.has-resources{background:#a9cb77}.tile.base-tile{background:#c1baa8}.tile.wall{background:#d1b18a}.tile.wall.collapsed{background:#9d8e7b}.tile.move{overflow:visible;background:#b8d982}.tile.move:before{top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid #fff9e8;border-radius:12px;box-shadow:0 0 0 2px #5d9e66,0 4px #3f59303d}.tile.attack{outline:3px solid #e76055;outline-offset:-2px;background:#e7a095}.tile.selected{outline:3px solid #fff9e8;outline-offset:-2px;box-shadow:0 0 0 3px #4c96c4,0 3px #4b3a2833}.yield-tray{right:7%;bottom:7%}.yield-token{padding:1px 4px 1px 2px;border:1px solid rgba(55,46,35,.28);border-radius:999px;background:#fff8e3e0;filter:none}.yield-token .res-icon{width:clamp(15px,3.4vw,22px);height:clamp(15px,3.4vw,22px);filter:none}.yield-token b{color:#244b59;font-size:clamp(8px,2.1vw,12px);text-shadow:none}.piece{width:88%;height:88%}.base{width:98%;height:98%}.piece-card{border:0;border-radius:8px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible}.piece.player,.base.player{color:var(--blue)}.piece.ai,.base.ai{color:var(--red)}.piece.can-act .piece-card{filter:brightness(1.04) saturate(1.06);box-shadow:0 0 0 2px #fff8dd,0 0 0 4px color-mix(in srgb,currentColor 76%,transparent)}.piece.spent .piece-card{filter:grayscale(.28) brightness(.78);opacity:.78}.piece-aura{top:14%;right:14%;bottom:14%;left:14%;opacity:.16;filter:blur(5px)}.unit-svg.pixel-unit,.pixel-castle,.pixel-wall{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges;filter:drop-shadow(2px 3px 0 rgba(50,39,29,.26))}.unit-svg.pixel-unit.archer{width:116%;height:116%}.pixel-castle{width:110%;height:110%}.wall-art{top:3%;right:3%;bottom:3%;left:3%;filter:none}.pixel-wall{width:112%;height:112%}.tile.collapsed .wall-art{opacity:1;transform:none;filter:none}.piece-pips{bottom:-5px;gap:2px}.piece-pips span{width:7px;height:7px;border:2px solid var(--ink);border-radius:1px;background:#ffd75b;box-shadow:none}.unit-hp{bottom:-1px;width:72%;height:6px;border:2px solid var(--ink);border-radius:1px;background:#72554c;box-shadow:none}.unit-hp-fill{border-radius:0;background:#77c961;box-shadow:none}.base-frame{filter:none;overflow:visible}.base-hp{left:8%;right:8%;bottom:-1px;gap:1px;z-index:5}.base-hp span{height:6px;border:1px solid var(--ink);border-radius:1px;background:#77665b}.base-hp span.full{background:currentColor}.damage-popup{padding:1px 4px;border:2px solid var(--ink);border-radius:3px;background:var(--paper);font-family:Courier New,monospace;font-size:16px;text-shadow:none;box-shadow:0 2px #40302233}.damage-popup.damage{color:#c7403d}.damage-popup.heal{color:#4c9d54}.info-panel{padding:10px;border:var(--pixel-border);border-radius:17px;color:var(--ink);background:var(--paper);box-shadow:var(--pixel-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;align-self:start;max-height:100%}.panel-empty{min-height:118px;padding:14px 8px;color:#76634e;border:2px dashed #b8a889;border-radius:10px;background:#f1e4c9}.context-title{margin:0;display:flex;align-items:baseline;gap:5px;color:var(--ink);font-size:15px}.context-title small{color:var(--ink-soft);font-size:9px}.context-title b{margin-left:auto;padding:2px 5px;border:2px solid #846f54;border-radius:4px;color:#7b4b20;background:#ffe5a0;font-size:10px}.unit-info-heading{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:7px;padding:5px;border:2px solid #9b896d;border-radius:9px;background:#eadabd}.unit-info-portrait{width:46px;height:46px;display:grid;place-items:center;overflow:hidden}.unit-info-portrait .pixel-unit{width:110%;height:110%}.unit-stats{color:var(--ink-soft)}.unit-stat-icons{grid-template-columns:repeat(2,1fr);gap:5px}.unit-stat-icons span{min-height:32px;justify-content:flex-start;padding:5px 6px;border:2px solid #b3a180;border-radius:7px;color:var(--ink-soft);background:#f5e9d0}.unit-stat-icons b{color:var(--ink);font-size:12px}.unit-stat-icons i{width:17px;color:#59865d;font-style:normal;text-align:center}.stat-icon{width:15px;height:15px;color:#c7594d;filter:none}.ability-chip{padding:6px 7px;border:2px solid #9d8358;border-radius:7px;color:#63451e;background:#ffe39a;font-size:9px;font-weight:900;line-height:1.35}.ability-chip.infantry{color:#296c83;background:#cdebf0}.ability-chip.cavalry{color:#9c3f35;background:#f5c1a7}.ability-chip.archer{color:#5f4930;background:#dfc39d}.info-panel .base-menu{gap:7px}.info-panel .base-menu>.context-title{padding:7px 8px;border-radius:8px;color:#7c3b35;background:#ead7bc}.info-panel .base-menu>.unit-stats{padding:5px 7px;border:2px solid #b5a385;border-radius:7px;color:var(--ink-soft);background:#f4e8d0;font-size:10px}.info-panel .base-menu-icons{grid-template-columns:1fr;gap:7px}.shop-item,.info-panel .shop-item{position:relative;min-height:58px;padding:7px 8px;gap:8px;border:2px solid #7d6a52;border-radius:9px;color:var(--ink);background:#e5bd74;box-shadow:0 3px #46352533}.shop-item.discounted{border-color:#588c51;background:#aecd79}.discount-badge{position:absolute;top:-5px;right:-5px;z-index:4;padding:2px 4px;border:2px solid var(--ink);border-radius:4px;color:#6d3d13;background:#ffd45d;font-size:8px;font-weight:950;transform:rotate(3deg)}.info-panel .shop-item-icon{width:45px;height:45px}.shop-item-icon .pixel-unit{width:110%;height:110%}.shop-item-name,.info-panel .shop-item-name{color:var(--ink);font-size:12px}.shop-item-cost,.info-panel .shop-item-cost{color:#5f4b35;font-size:11px}.shop-item:disabled,.shop-item.is-disabled,.info-panel button:disabled{color:#766f66;border-color:#81786c;background:#b6aea1;filter:grayscale(.55);box-shadow:0 2px #46352526}.info-panel .delete-unit-button{min-height:38px;border:2px solid #713b34;color:#fff7e4;background:#c55448;box-shadow:0 3px #8b3932;font-size:10px}.command-panel{min-height:62px;padding:8px 9px;border-radius:18px;background:var(--paper)}.message{min-height:28px;color:var(--ink);font-size:clamp(12px,2.8vw,16px)}.action{min-height:44px;border:3px solid var(--ink);border-radius:10px;color:#fff8e8;background:#a95318;box-shadow:0 4px #70340e}.action:active{transform:translateY(2px);box-shadow:0 2px #70340e}.action-icon{color:#fff8e8;filter:none}.action:disabled{color:#eee6d7;border-color:#665f55;background:#aaa398;box-shadow:0 3px #736d64}.tutorial-callout{border:var(--pixel-border);border-radius:14px;color:var(--ink);background:var(--paper);box-shadow:0 6px #44332347}.tutorial-callout b,.tutorial-callout.ai b{color:#9f493e}.tutorial-callout span{color:var(--ink)}.tutorial-start-button{border:2px solid var(--ink);border-radius:8px;box-shadow:0 3px #48332140}.harvest-flash{border:3px solid var(--ink);border-radius:9px;color:var(--ink);background:#ffe19a;box-shadow:0 4px #48332140}.shop-hint-line,.shop-hint-head{stroke:#d9574d;filter:none}.shop-hint-pulse{fill:#d9574d2e;stroke:#d9574d}.lobby{background:radial-gradient(circle at 50% 46%,rgba(255,247,207,.46),transparent 22rem)}.lobby-panel,.campaign-intro-panel{border:var(--pixel-border);border-radius:20px;color:var(--ink);background:var(--paper);box-shadow:0 7px #45352340}.lobby-panel:before{content:"";display:grid;place-items:center;width:76px;height:76px;margin:-10px auto 10px;border:3px solid var(--ink);border-radius:14px;background:#ef563f url(/dinosaur-rider-icon.png) center / cover no-repeat;box-shadow:0 4px #41322438}.lobby-kicker{color:#7d6a4d}.lobby h1,.campaign-intro-panel h1{color:#9d4f2d;background:none;-webkit-text-fill-color:currentColor;text-shadow:3px 3px 0 #f3c86f}.lobby p,.campaign-intro-panel p{color:var(--ink-soft)}.lobby-action,.difficulty-select{min-height:48px;border:3px solid var(--ink);border-radius:10px;color:var(--ink);background:#e2ba70;box-shadow:0 4px #4834233b}.lobby-action.primary{color:#fff8e8;background:#6da65e}.lobby-action.campaign-action{color:#fff8e8;background:#548ead}.difficulty-select{color:var(--ink);background:#eadfc8}@media(orientation:landscape)and (max-height:760px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}.board-shell{width:min(100%,650px,calc((100dvh - 250px) * 5 / 7))}}@media(max-width:640px){.app{padding-left:6px;padding-right:6px;gap:6px}.topbar{min-height:50px;gap:4px;padding:5px;border-radius:14px}.top-icon-button,.top-restart{flex-basis:34px;width:34px;min-height:34px;border-radius:9px}.top-stat{min-height:34px;padding:3px 5px;border-radius:9px}.campaign-stat{display:none}.action-limit-stat{flex-basis:122px;gap:3px}.action-limit-item{min-width:38px}.action-limit-item small,.round-stat small{display:none}.limit-value{font-size:14px}.top-die{width:23px;height:23px;padding:4px}.battlefield{grid-template-columns:minmax(0,1fr) minmax(114px,29vw);gap:6px}.board-shell{min-width:224px;padding:6px;border-radius:14px}.board{gap:3px;padding:3px;border-radius:9px}.tile,.tile.empty{border-width:1px;border-radius:6px;box-shadow:inset 0 1px #fff3,0 2px #4b3a282e}.resource-strip{height:26px;margin-bottom:4px;padding:2px 6px;border-radius:7px}.resource-strip.player{margin-top:4px}.summary-item{grid-template-columns:15px auto;padding-right:5px;border-width:1px}.summary-item .res-icon{width:14px;height:14px}.info-panel{padding:6px;border-radius:12px}.panel-empty{padding:8px 4px;font-size:10px}.info-panel .base-menu>.context-title{padding:5px;font-size:11px}.info-panel .base-menu>.unit-stats{padding:4px;font-size:8px}.shop-item,.info-panel .shop-item{min-height:48px;padding:4px;gap:4px}.info-panel .shop-item-icon{width:35px;height:35px}.shop-item-name,.info-panel .shop-item-name{font-size:10px}.shop-item-cost,.info-panel .shop-item-cost{font-size:9px}.unit-info-heading{grid-template-columns:36px minmax(0,1fr);gap:4px;padding:3px}.unit-info-portrait{width:34px;height:34px}.context-title{gap:2px;font-size:11px}.context-title b{padding:1px 3px;border-width:1px;font-size:8px}.unit-stat-icons{grid-template-columns:1fr 1fr;gap:3px}.unit-stat-icons span{min-height:27px;padding:3px;border-width:1px}.unit-stat-icons b{font-size:9px}.ability-chip{padding:4px;border-width:1px;font-size:7px}.command-panel{min-height:54px;padding:5px;border-radius:14px}.end-action{min-width:102px;padding:0 9px}}@media(max-width:420px){.app{padding-left:4px;padding-right:4px}.topbar{display:flex}.topbar .top-stat:last-child{grid-column:auto}.round-stat{flex-basis:74px}.dice-stat{flex-basis:60px}.battlefield{grid-template-columns:minmax(0,1fr) 105px}}.campaign-react-screen{padding:clamp(10px,1.5vw,22px);gap:clamp(8px,1.2vw,16px);color:var(--ink);background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),#b9cf78;background-size:24px 24px}.campaign-react-header{min-height:74px;padding:9px 12px;gap:12px;border:var(--pixel-border);border-radius:16px;background:var(--paper);box-shadow:var(--pixel-shadow)}.campaign-react-back{width:48px;border:3px solid var(--ink);border-radius:10px;color:var(--ink);background:#e5d7be;box-shadow:0 3px #40302238;font-size:38px}.campaign-react-kicker{color:#568756;font-size:clamp(11px,1.2vw,16px)}.campaign-react-header h1{margin:2px 0 3px;color:#9d4f2d;font-size:clamp(24px,3vw,42px);line-height:1;text-shadow:2px 2px 0 #f1c970}.campaign-react-header p{color:var(--ink-soft);font-size:clamp(10px,1vw,14px)}.campaign-global-resources{top:clamp(17px,2vw,28px);right:clamp(18px,2.4vw,34px);gap:5px;padding:5px 6px;border:2px solid #806d52;border-radius:10px;background:#eadfc8;box-shadow:0 3px #4030222e}.campaign-resource-pill,.campaign-resource-pill.unit{min-width:46px;height:28px;padding:2px 7px 2px 4px;gap:3px;border:2px solid #8e7b60;border-radius:6px;color:var(--ink);background:#fff7e4;font-size:12px}.campaign-resource-pill.unit .mini-unit{border:1px solid var(--ink);box-shadow:none}.campaign-react-layout{grid-template-columns:minmax(0,1fr) clamp(230px,25vw,340px);gap:clamp(8px,1.2vw,16px)}.campaign-react-map,.campaign-react-detail,.campaign-react-footer{border:var(--pixel-border);color:var(--ink);background:var(--paper);box-shadow:var(--pixel-shadow)}.campaign-react-map{border-radius:16px;background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px),#9fbc72;background-size:20px 20px}.campaign-region-band rect{stroke:#46372657;stroke-width:3}.campaign-region-band text{fill:#4031226b;font-family:Courier New,monospace;font-size:30px}.campaign-region-band.court rect{fill:#d99a88}.campaign-region-band.border rect{fill:#d7b67c}.campaign-region-band.blue rect{fill:#8ab5ad}.campaign-route-aura{stroke:#fff7d86b;stroke-width:10}.campaign-route-line{stroke-width:8;stroke-linecap:square}.campaign-route-line.active{stroke:#fff0a7}.campaign-route-line.dim{stroke:#4f443561}.campaign-svg-node .node-outer{fill:#493a2d;filter:none}.campaign-svg-node .node-face{fill:#eadbbf;stroke:#fff8e6;stroke-width:3}.campaign-svg-node .node-inner{fill:#78a970;stroke:#493a2d;stroke-width:3}.campaign-svg-node.battle .node-inner{fill:#d88469}.campaign-svg-node.supply .node-inner{fill:#7db39d}.campaign-svg-node.blessing .node-inner{fill:#e1b85f}.campaign-svg-node.unknown .node-inner{fill:#9b9588}.campaign-svg-node.selected .node-outer{fill:#fff0a1;stroke:#c35e43;stroke-width:4;filter:none}.campaign-svg-node image{image-rendering:pixelated}.campaign-react-detail{align-self:start;padding:clamp(14px,2vw,24px);border-radius:16px}.campaign-react-detail>span{color:#fff8e8;background:#9a7950;border:2px solid var(--ink);border-radius:5px}.campaign-react-detail h2{color:#9d4f2d}.campaign-react-detail p,.campaign-react-detail strong{color:var(--ink-soft)}.campaign-react-detail button{border:3px solid var(--ink);border-radius:9px;color:#fff8e8;background:#5f9d58;box-shadow:0 4px #3d6d3a}.campaign-react-footer{min-height:44px;padding:9px 14px;border-radius:13px;color:var(--ink-soft)}@media(max-width:720px){.campaign-react-screen{padding:6px;grid-template-rows:auto minmax(0,1fr) auto}.campaign-react-header{min-height:58px;padding:6px 8px}.campaign-react-header p{display:none}.campaign-react-back{width:38px;font-size:30px}.campaign-global-resources{top:11px;right:11px;max-width:190px}.campaign-resource-pill,.campaign-resource-pill.unit{min-width:38px;height:24px;padding-right:4px}.campaign-resource-pill .res-icon,.campaign-resource-pill.unit .mini-unit{width:18px;height:18px}.campaign-react-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.campaign-react-detail{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 9px;padding:8px}.campaign-react-detail>span{grid-column:1;grid-row:1}.campaign-react-detail h2{grid-column:2;grid-row:1;margin:0}.campaign-react-detail p{grid-column:1 / -1;margin:0}.campaign-react-detail strong{display:none}.campaign-react-detail button{grid-column:1 / -1;grid-row:auto;min-height:42px}.campaign-react-footer{min-height:38px;padding:7px 10px;font-size:11px}}.app:has(.battlefield){width:100vw;max-width:none;padding:max(8px,env(safe-area-inset-top)) clamp(6px,1.4vw,18px) max(8px,env(safe-area-inset-bottom));background:linear-gradient(#f6ebbc0f,#dab9700d),url(/assets/background-CE0Rwr6U.webp) center / cover no-repeat}.app:has(.battlefield) .topbar,.app:has(.battlefield) .command-panel{width:min(100%,900px);justify-self:center}.app:has(.battlefield) .battlefield{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;gap:0;overflow:hidden}.app:has(.battlefield) .board-shell{width:min(calc(100vw - 18px),610px,calc((100dvh - 180px)/1.6));min-width:250px;margin:0 auto;padding:clamp(6px,1vw,10px);border-color:#3d352a;background:#faf0d6f5;box-shadow:0 5px #4337264d,0 12px 28px #4b3d272e}.app:has(.battlefield) .board{gap:clamp(2px,.48vw,5px);padding:clamp(3px,.55vw,6px);border-color:#4e4231b8;background:#897a62}.app:has(.battlefield) .resource-strip{background:linear-gradient(90deg,rgba(255,255,255,.24),transparent 42%),#e7d6b6}.app:has(.battlefield) .tile,.app:has(.battlefield) .tile.empty{border:1px solid rgba(86,72,51,.56);border-radius:8px;box-shadow:inset 0 1px #ffffff29,1px 2px #54442d1f}.app:has(.battlefield) .tile:after,.app:has(.battlefield) .tile.empty:after{opacity:.8;background:radial-gradient(ellipse at 18% 76%,rgba(85,70,47,.13) 0 4%,transparent 5%),radial-gradient(ellipse at 76% 24%,rgba(255,246,209,.12) 0 5%,transparent 6%),linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%),linear-gradient(0deg,rgba(86,69,43,.055),transparent 48%)}.app:has(.battlefield) .tile:nth-child(5n+1),.app:has(.battlefield) .tile:nth-child(5n+4){background:#d5af70}.app:has(.battlefield) .tile:nth-child(5n+2){background:#aa9578}.app:has(.battlefield) .tile:nth-child(5n+3),.app:has(.battlefield) .tile.has-resources{background:#a9c978}.app:has(.battlefield) .tile:nth-child(5n+5){background:#b8b0a0}.app:has(.battlefield) .tile.move{background:radial-gradient(circle at 30% 65%,rgba(239,245,188,.22) 0 7%,transparent 8%),#b2cf80}.app:has(.battlefield) .tile.move:before{top:2px;right:2px;bottom:2px;left:2px;border:2px dashed rgba(81,125,70,.86);border-radius:7px;box-shadow:inset 0 0 10px #ebf7b15c;animation:pastureSelect 1.7s ease-in-out infinite}.app:has(.battlefield) .tile.attack{outline:2px dashed rgba(165,75,58,.82);outline-offset:-3px;background:#d99a82}.app:has(.battlefield) .tile.selected{outline:1px solid rgba(255,249,214,.82);outline-offset:-2px;box-shadow:inset 0 0 0 2px #4f80767a,1px 2px #4b3a2829}.app:has(.battlefield) .piece{width:82%;height:82%}.app:has(.battlefield) .piece-card{isolation:isolate;animation:unitBreath 2.8s ease-in-out infinite}.app:has(.battlefield) .piece-card:after{content:"";position:absolute;z-index:-1;left:17%;right:6%;bottom:6%;height:20%;border-radius:50%;background:#3c302342;filter:blur(2px);transform:translate(5%,12%) rotate(4deg)}.app:has(.battlefield) .piece-card:has(.pixel-unit.archer):after{left:6%;right:2%;height:26%;border-radius:44%;transform:translate(7%,12%) rotate(2deg)}.app:has(.battlefield) .piece-card:has(.pixel-unit.cavalry):after{left:8%;right:3%;bottom:5%;height:24%;transform:translate(6%,13%) rotate(5deg)}.app:has(.battlefield) .piece.can-act .piece-card{filter:brightness(1.02) saturate(1.02);box-shadow:none}.app:has(.battlefield) .tile.selected .piece-card{animation:unitReady 1.25s ease-in-out infinite}.app:has(.battlefield) .unit-svg.pixel-unit{position:relative;z-index:2;filter:drop-shadow(2px 3px 2px rgba(62,49,34,.2))}.app:has(.battlefield) .piece.ai .pixel-unit.cavalry{width:90%;height:90%;margin:auto}.app:has(.battlefield) .piece.player .pixel-unit.cavalry{width:94%;height:94%;margin:auto}.app:has(.battlefield) .piece.player .pixel-unit.archer{width:108%;height:108%;transform:translate(-4%)}.app:has(.battlefield) .piece.ai .pixel-unit.archer{width:108%;height:108%;transform:translate(-1%)}.app:has(.battlefield) .yield-tray{top:7%;right:7%;bottom:7%;left:7%;z-index:8;display:grid;place-items:center}.app:has(.battlefield) .yield-token{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;display:block;padding:0;border:0;border-radius:0;background:transparent;filter:drop-shadow(1px 2px 1px rgba(37,66,66,.2))}.app:has(.battlefield) .gem-pile{position:absolute;top:4%;right:5%;bottom:13%;left:5%}.app:has(.battlefield) .pile-gem{position:absolute;width:34%;aspect-ratio:1;transform:rotate(var(--gem-rotation, 0deg))}.app:has(.battlefield) .pile-gem .res-icon{width:100%;height:100%}.app:has(.battlefield) .gem-1{left:4%;top:15%;--gem-rotation: -12deg}.app:has(.battlefield) .gem-2{left:34%;top:2%;--gem-rotation: 9deg}.app:has(.battlefield) .gem-3{right:1%;top:22%;--gem-rotation: -4deg}.app:has(.battlefield) .gem-4{left:18%;bottom:1%;--gem-rotation: 7deg}.app:has(.battlefield) .gem-5{right:19%;bottom:0;--gem-rotation: -10deg}.app:has(.battlefield) .gem-6{left:42%;top:31%;--gem-rotation: 2deg}.app:has(.battlefield) .yield-token b{position:absolute;right:0;bottom:0;z-index:3;padding:1px 3px;border:1px solid rgba(47,69,65,.42);border-radius:5px;color:#315d65;background:#f6f1d3e6;font-size:clamp(8px,1.8vw,11px);line-height:1}.interaction-popover{position:absolute;z-index:70;top:43%;right:max(8px,calc(50% - 440px));width:clamp(150px,18vw,210px);pointer-events:none;transform:translateY(-50%)}.interaction-popover>*{pointer-events:auto}.panel-toggle-button{position:absolute;top:0;right:0;min-width:66px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:3px solid var(--ink);border-radius:13px;color:var(--ink);background:#fff5dc;box-shadow:0 4px #44342340;cursor:pointer}.panel-toggle-button span{color:#5e9570}.panel-toggle-button b{font-size:11px}.interaction-popover.open .panel-toggle-button{display:none}.info-panel.info-bubble{position:relative;width:100%;max-height:min(62dvh,520px);padding:30px 10px 10px;border-radius:15px;overflow:hidden auto;box-shadow:0 5px #44342340,0 12px 25px #47392629}.info-panel.info-bubble[hidden]{display:none}.bubble-pointer{position:absolute;top:38%;left:-13px;width:24px;height:24px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--paper);transform:rotate(45deg)}.panel-close-button{position:absolute;z-index:3;top:6px;right:6px;width:25px;height:25px;display:grid;place-items:center;padding:0;border:2px solid #7c6b53;border-radius:7px;color:var(--ink);background:#e8dac1;font-size:18px;font-weight:950;line-height:1;cursor:pointer}.interaction-popover .panel-empty{min-height:78px}.app:has(.battlefield) .move-arrow,.app:has(.battlefield) .targeting-overlay.move .target-line{stroke:#668d5f}.app:has(.battlefield) .attack-arrow,.app:has(.battlefield) .targeting-overlay.attack .target-line{stroke:#a85644}.app:has(.battlefield) .cue-arrow{stroke-width:4;stroke-linecap:square;filter:drop-shadow(1px 2px 0 rgba(65,48,31,.24))}.app:has(.battlefield) .cue-arrow-head{stroke-width:5;stroke:#68563b;fill:#d2b67d;stroke-linejoin:bevel;stroke-dasharray:none}.app:has(.battlefield) .move-arrow:not(.cue-arrow-head){stroke-dasharray:7 4}.app:has(.battlefield) .board-shell.tutorial-active .tile.tutorial-focus{box-shadow:0 0 0 2px #fff6cce6,0 0 0 4px #6891589e,0 5px 14px #53683d4d}.app:has(.battlefield) .tutorial-panel-focus{box-shadow:0 0 0 2px #fff7d2e6,0 0 0 4px #668e5794,0 8px 20px #4a3b2838;filter:none}.app:has(.battlefield) .tutorial-panel-focus .shop-item.tutorial-shop-target{border-color:#6f925b;box-shadow:0 0 0 2px #fff5bfeb,0 0 0 4px #70975580,0 3px #46372629}@keyframes unitBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5%) scale(1.008)}}@keyframes unitReady{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3%) rotate(-1deg)}}@keyframes pastureSelect{0%,to{opacity:.58}50%{opacity:.94}}@media(max-width:640px){.interaction-popover{top:40%;right:7px;width:min(154px,40vw)}.info-panel.info-bubble{max-height:52dvh;padding:28px 7px 8px}.interaction-popover .unit-info-heading{grid-template-columns:40px minmax(0,1fr)}.interaction-popover .unit-info-portrait{width:38px;height:38px}.interaction-popover .unit-stat-icons{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.app:has(.battlefield) .piece-card,.app:has(.battlefield) .tile.move:before{animation:none}}.app:has(.battlefield) .board.cannon-impact{animation:cannonBoardImpact .22s cubic-bezier(.2,.8,.25,1) both;animation-delay:var(--effect-elapsed, 0ms);transform-origin:center}.app:has(.battlefield) .piece.infantry-impact .piece-card,.app:has(.battlefield) .base.infantry-impact .base-frame{animation:infantryHitImpact .17s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--effect-elapsed, 0ms)}.app:has(.battlefield) .damage-popup{animation-delay:var(--effect-elapsed, 0ms)}.combat-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;overflow:visible;pointer-events:none}.cell-combat-effect{position:absolute;display:grid;place-items:center;overflow:visible;pointer-events:none}.hit-vfx{position:absolute;top:-26%;right:-26%;bottom:-26%;left:-26%;z-index:8;display:grid;place-items:center;pointer-events:none}.hit-vfx img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;animation-delay:var(--effect-elapsed, 0ms);will-change:transform,opacity}.hit-vfx .frame-1{animation-name:hitVfxFrameOne;animation-duration:.46s;animation-timing-function:cubic-bezier(.12,.72,.18,1);animation-fill-mode:both}.hit-vfx .frame-2{animation-name:hitVfxFrameTwo;animation-duration:.46s;animation-timing-function:cubic-bezier(.12,.72,.18,1);animation-fill-mode:both}.hit-vfx.cavalry{top:-38%;right:-38%;bottom:-38%;left:-38%}.hit-vfx.cavalry .vfx-frame{animation-duration:.48s}.hit-vfx.archer{top:-46%;right:-46%;bottom:-46%;left:-46%}.hit-vfx.archer .vfx-frame{animation-duration:.5s}.death-shatter{position:absolute;width:82%;height:82%;z-index:3;isolation:isolate;animation:deathHold .12s linear both;animation-delay:var(--effect-elapsed, 0ms)}.death-shard{position:absolute;top:0;right:0;bottom:0;left:0;display:block;clip-path:var(--shard-clip);transform-origin:center;animation:deathShardScatter .61s cubic-bezier(.16,.72,.24,1) both;animation-delay:calc(115ms + var(--effect-elapsed, 0ms));will-change:transform,opacity}.death-shard img{width:100%;height:100%;display:block;object-fit:contain;image-rendering:pixelated}.death-shard:nth-child(2n){animation-duration:.66s}.death-shard:nth-child(3n){animation-duration:.57s}.death-burst{position:absolute;left:50%;top:50%;width:18%;aspect-ratio:1;border:3px solid rgba(255,241,186,.92);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.25);animation:deathBurst .36s ease-out both;animation-delay:calc(105ms + var(--effect-elapsed, 0ms))}.cell-combat-effect.infantry .death-shatter{animation:infantryDeathImpact .12s cubic-bezier(.2,.75,.25,1) both;animation-delay:var(--effect-elapsed, 0ms)}@keyframes infantryHitImpact{0%{transform:translate(0) scale(1)}18%{transform:translate(-4%,1%) scale(1.04,.97)}42%{transform:translate(3%,-1%) scale(.98,1.02)}68%{transform:translate(-1.5%) scale(1.01,.99)}to{transform:translate(0) scale(1)}}@keyframes infantryDeathImpact{0%{transform:translate(0) scale(1)}30%{transform:translate(-4%,1%) scale(1.04,.97)}65%{transform:translate(3%,-1%) scale(.98,1.02)}to{transform:translate(0) scale(1)}}@keyframes cannonBoardImpact{0%{transform:translate(0)}22%{transform:translate(-2px,1px) scale(.998)}55%{transform:translate(.7px,-.35px) scale(1.001)}to{transform:translate(0)}}@keyframes hitVfxFrameOne{0%{transform:scale(.58);opacity:0}12%{transform:scale(.88);opacity:1}43%{transform:scale(1);opacity:1}44%,to{transform:scale(1.02);opacity:0}}@keyframes hitVfxFrameTwo{0%,37%{transform:scale(.94);opacity:0}38%{transform:scale(.98);opacity:1}78%{transform:scale(1.06);opacity:1}to{transform:scale(1.13);opacity:0}}@keyframes deathHold{0%,to{transform:translate(0)}}@keyframes deathShardScatter{0%,4%{transform:translate(0) rotate(0) scale(1);opacity:1}55%{opacity:.92}to{transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-rotate)) scale(.84);opacity:0}}@keyframes deathBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}@media(prefers-reduced-motion:reduce){.app:has(.battlefield) .board.cannon-impact,.app:has(.battlefield) .piece.infantry-impact .piece-card,.app:has(.battlefield) .base.infantry-impact .base-frame,.cell-combat-effect.infantry .death-shatter{animation:none}.hit-vfx img{animation-duration:1ms}.death-shard{animation-name:deathShardFade;animation-duration:.24s}.death-burst{display:none}}@keyframes deathShardFade{0%{opacity:1}to{opacity:0}}.codex-toggle-btn{position:fixed;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff8e6;border:3px solid #2a1f18;border-radius:10px;color:#2a1f18;cursor:pointer;box-shadow:0 3px #2a1f1840;z-index:100;transition:transform .1s}.codex-toggle-btn:hover{transform:translateY(-1px)}.codex-toggle-btn:active{transform:translateY(1px);box-shadow:0 1px #2a1f1840}.codex-toggle-btn .icon-book{width:22px;height:22px}.codex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0899;display:flex;align-items:center;justify-content:center;z-index:9999;animation:codex-fade-in .22s ease-out}@keyframes codex-fade-out{0%{opacity:1}to{opacity:0}}.codex-overlay[style*=codex-fade-out] .codex-wrapper,.codex-overlay.closing .codex-wrapper{animation:codex-pop-out .18s ease-in forwards}@keyframes codex-pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes codex-fade-in{0%{opacity:0}to{opacity:1}}.codex-wrapper{position:relative;padding-top:36px}.codex-outer-tabs{position:absolute;top:0;left:12px;display:flex;gap:4px;z-index:2}.codex-tab-outer{display:flex;align-items:center;gap:6px;padding:8px 14px 12px;background:#d8c9b0;border:3px solid #2a1f18;border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;color:#7a6548;font-size:13px;font-weight:600;transition:all .15s;transform:translateY(0)}.codex-tab-outer:hover{background:#e5d8c0;transform:translateY(-2px)}.codex-tab-outer.active{background:#fff8e6;color:#2a1f18;transform:translateY(2px);padding-bottom:14px;margin-bottom:-2px}.codex-tab-outer-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.codex-tab-outer-icon .pixel-unit{width:100%;height:100%}.codex-panel{position:relative;width:min(520px,94vw);max-height:82vh;overflow-y:auto;background:#fff8e6;border:4px solid #2a1f18;border-radius:0 16px 16px;padding:24px 28px;box-shadow:0 6px #2a1f184d;animation:codex-pop-in .25s cubic-bezier(.2,1.4,.5,1)}@keyframes codex-pop-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.codex-close-btn{position:absolute;top:28px;right:-16px;width:36px;height:36px;border:3px solid #fff8e6;background:#2a1f18;color:#fff8e6;font-size:22px;font-weight:700;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #2a1f1859;z-index:5;transition:transform .12s ease,background .12s ease}.codex-close-btn:hover{background:#4a3a2a;transform:scale(1.08)}.codex-close-btn:active{transform:scale(.92);box-shadow:0 2px #2a1f1859}.codex-header-box{display:flex;gap:24px;padding:20px;background:#f5ead0;border:3px solid #c8b89a;border-radius:12px;margin-bottom:20px}.codex-header-left{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}.codex-unit-big{width:96px;height:96px;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease,transform .25s ease}.codex-unit-big>.pixel-unit{width:100%;height:100%}.codex-unit-name h2{margin:0;font-size:20px;color:#2a1f18;text-align:center;transition:opacity .2s ease,transform .2s ease}.codex-header-right{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:center}.codex-level-row{display:flex;align-items:center;justify-content:center;gap:14px}.codex-level-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff8e6;border:2px solid #2a1f18;border-radius:8px;font-size:12px;color:#2a1f18;cursor:pointer;transition:all .1s;padding:0}.codex-level-arrow:hover:not(.disabled):not([disabled]){background:#4a82d4;color:#fff}.codex-level-arrow:active:not(.disabled):not([disabled]){transform:scale(.95)}.codex-level-arrow.disabled,.codex-level-arrow[disabled]{opacity:.3;cursor:not-allowed}.codex-level-display{font-size:16px;color:#7a6548;min-width:60px;text-align:center}.codex-level-display b{font-size:22px;color:#2a1f18;display:inline-block;transition:opacity .18s ease,transform .18s ease;font-variant-numeric:tabular-nums}.codex-stats-col{display:flex;flex-direction:column;gap:10px}.codex-stat-row{display:grid;grid-template-columns:60px 1fr 36px;align-items:center;gap:10px}.codex-stat-label{font-size:13px;color:#7a6548}.codex-stat-bar{height:12px;background:#e0d4bc;border-radius:6px;overflow:hidden;border:2px solid #c8b89a}.codex-stat-bar span{display:block;height:100%;background:linear-gradient(180deg,#5dc46f,#3d8a4c);border-radius:4px;transition:width .3s cubic-bezier(.2,.8,.2,1)}.codex-stat-bar.atk span{background:linear-gradient(180deg,#e67c5a,#b4523a)}.codex-stat-row b{text-align:right;font-size:16px;color:#2a1f18;font-variant-numeric:tabular-nums;min-width:24px;display:inline-block}.codex-ranges{display:flex;gap:16px;justify-content:center;margin-bottom:20px}.codex-range-block{text-align:center}.codex-range-block h4{margin:0 0 8px;font-size:14px;color:#2a1f18}.range-diagram-wrap{position:relative;width:120px;height:120px;margin:0 auto}.codex-range-block small{display:block;margin-top:6px;color:#7a6548;font-size:12px}.range-diagram{display:grid;grid-template-columns:repeat(var(--size),1fr);gap:2px;width:120px;height:120px;transition:opacity .25s ease,transform .25s ease}.range-cell{background:#f0e5d0;border-radius:3px;border:1px solid #d8c9b0}.range-cell.range-center{background:#4a82d4;border-color:#2a5a9a}.range-cell.range-active{background:#5dc46f;border-color:#3d8a4c}.range-attack .range-cell.range-active{background:#e67c5a;border-color:#b4523a}.codex-ability h4{margin:0 0 8px;font-size:15px;color:#2a1f18}.ability-content{position:relative;min-height:120px}.locked-hint{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;background:#c8b89a4d;border:2px dashed #c8b89a;border-radius:8px;color:#7a6548;font-size:13px}.lock-icon{width:16px;height:16px;flex-shrink:0}.codex-ability-summary{margin:0 0 10px;font-size:14px;color:#5a4a32;line-height:1.5}.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e0899;display:flex;align-items:center;justify-content:center;z-index:9999;animation:codex-fade-in .22s ease-out}.shop-overlay.closing{animation:codex-fade-out .18s ease-in forwards}.shop-panel{position:relative;width:min(420px,92vw);background:#fff8e6;border:4px solid #2a1f18;border-radius:16px;padding:24px;box-shadow:0 6px #2a1f184d;animation:codex-pop-in .25s cubic-bezier(.2,1.4,.5,1)}.shop-overlay.closing .shop-panel{animation:codex-pop-out .18s ease-in forwards}.shop-title{margin:0 0 4px;font-size:20px;color:#2a1f18;text-align:center}.shop-dice-hint{text-align:center;font-size:13px;color:#7a6548;margin-bottom:16px}.shop-dice-hint b{font-size:16px;color:#2a1f18}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.shop-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#f5ead0;border:3px solid #c8b89a;border-radius:12px;cursor:pointer;transition:all .15s;color:#2a1f18}.shop-card:hover:not(:disabled){background:#fff8e6;border-color:#2a1f18;transform:translateY(-2px);box-shadow:0 3px #2a1f1833}.shop-card:active:not(:disabled){transform:translateY(0);box-shadow:none}.shop-card:disabled,.shop-card.disabled{opacity:.5;cursor:not-allowed}.shop-card-portrait{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.shop-card-portrait .pixel-unit{width:100%;height:100%}.shop-card-name{font-size:13px;font-weight:600}.shop-card-cost{display:flex;align-items:center;gap:3px;font-size:14px;color:#b8956a}.shop-card-cost b{color:#2a1f18;font-size:16px}.cost-gem{color:#42bfe5;font-size:12px}.discount-badge{position:absolute;top:-6px;right:-6px;background:#e67c5a;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;border:2px solid #b4523a}.shop-footer{text-align:center;padding-top:12px;border-top:2px dashed #c8b89a;color:#7a6548;font-size:14px}.shop-footer b{color:#2a1f18;font-size:16px}.codex-ability ul{margin:0;padding-left:20px;font-size:13px;color:#5a4a32;line-height:1.6}.codex-ability li{margin-bottom:4px}@media(max-width:480px){.codex-overlay{padding:0}.codex-wrapper{padding-top:28px;width:100%;max-width:100%;display:flex;justify-content:center}.codex-outer-tabs{left:10px;gap:2px}.codex-tab-outer{padding:5px 10px 9px;font-size:0;gap:0;border-width:2px}.codex-tab-outer-icon{width:22px;height:22px}.codex-tab-outer>span:last-child{display:none}.codex-tab-outer.active{padding-bottom:11px}.codex-panel{width:calc(100vw - 28px);max-height:calc(100dvh - 34px);padding:16px 18px;border-width:3px;border-radius:12px}.codex-close-btn{top:22px;right:-6px;width:32px;height:32px;font-size:18px;border-width:2px}.codex-header-box{display:grid;grid-template-columns:56px 1fr;gap:10px;padding:10px 12px;margin-bottom:12px;border-width:2px;border-radius:10px;align-items:center}.codex-header-left{min-width:0;gap:2px;justify-content:center}.codex-unit-big{width:56px;height:56px}.codex-unit-name{display:none}.codex-header-right{gap:6px}.codex-level-row{gap:6px;justify-content:flex-start}.codex-level-arrow{width:auto;height:auto;min-width:22px;padding:2px 4px;background:transparent;border:none;border-radius:4px;font-size:12px;color:#7a6548;line-height:1}.codex-level-arrow:hover:not(.disabled):not([disabled]){background:#2a1f1814;color:#2a1f18}.codex-level-arrow.disabled,.codex-level-arrow[disabled]{opacity:.2}.codex-level-display{font-size:12px;color:#7a6548;min-width:auto;text-align:left;display:flex;align-items:baseline;gap:4px}.codex-level-display b{font-size:18px;color:#2a1f18}.codex-stats-col{gap:4px}.codex-stat-row{grid-template-columns:42px 1fr 28px;gap:6px}.codex-stat-label{font-size:11px;color:#8a7960}.codex-stat-bar{height:7px;border-width:1px;border-radius:4px}.codex-stat-bar span{border-radius:3px}.codex-stat-row b{text-align:right;font-size:12px;min-width:auto;color:#2a1f18;font-variant-numeric:tabular-nums}.codex-ranges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.codex-range-block h4{font-size:12px;margin-bottom:4px;font-weight:600}.range-diagram-wrap{width:100%;aspect-ratio:1 / 1;height:auto;max-width:104px;margin:0 auto}.range-diagram{width:100%;height:100%;gap:1px}.codex-range-block small{display:block;margin-top:3px;color:#9a8b72;font-size:11px}.codex-ability h4{margin:0 0 6px;font-size:13px}.ability-content{min-height:auto}.codex-ability-summary{margin:0 0 8px;font-size:12px;line-height:1.5;color:#5a4a32}.codex-ability ul{margin:0;padding-left:16px;font-size:12px;color:#5a4a32;line-height:1.55}.codex-ability li{margin-bottom:2px}.locked-hint{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:11px;border-width:2px;border-radius:6px}.lock-icon{width:14px;height:14px}}@media(max-width:360px){.codex-panel{width:calc(100vw - 16px);padding:12px 14px}.codex-header-box{grid-template-columns:48px 1fr;padding:8px 10px;gap:8px}.codex-unit-big{width:48px;height:48px}.codex-level-display b{font-size:16px}.codex-stat-row{grid-template-columns:38px 1fr 24px;gap:5px}.codex-stat-label{font-size:10px}.codex-stat-bar{height:6px}.codex-stat-row b{font-size:11px}.range-diagram-wrap{max-width:90px}.codex-ability-summary,.codex-ability ul{font-size:11px}}.app:has(.battlefield){background:radial-gradient(ellipse at 12% 20%,rgba(214,247,226,.48),transparent 32%),radial-gradient(ellipse at 84% 80%,rgba(255,218,145,.34),transparent 38%),url(/assets/background-D8IqFFso.jpg) center / cover no-repeat}.app:has(.battlefield) .board-shell{border-color:#273b4433;border-radius:26px;background:#fffdf7c2;box-shadow:0 18px 42px #2a464238;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app:has(.battlefield) .board{border-color:#2d4a4d3b;border-radius:18px;background:#486f5ead}.app:has(.battlefield) .tile,.app:has(.battlefield) .tile.empty{border-color:#3250432b;border-radius:13px;box-shadow:inset 0 1px #ffffff52,0 2px 5px #2d4c3d1f}.app:has(.battlefield) .tile:nth-child(5n+1),.app:has(.battlefield) .tile:nth-child(5n+4){background:#d8c078}.app:has(.battlefield) .tile:nth-child(5n+2){background:#b8af86}.app:has(.battlefield) .tile:nth-child(5n+3),.app:has(.battlefield) .tile.has-resources{background:#a9cf85}.app:has(.battlefield) .tile:nth-child(5n+5){background:#b7c7ac}.app:has(.battlefield) .tile.base-tile{background:#c7d1b4}.app:has(.battlefield) .tile.wall{background:#c9b79f}.app:has(.battlefield) .tile.wall.collapsed{background:#bcae9f}.app:has(.battlefield) .tile.move{background:#bce19a}.app:has(.battlefield) .tile.attack{outline:2px solid #ef856f;background:#f0b1a1}.app:has(.battlefield) .tile.selected{outline:2px solid #fff;box-shadow:0 0 0 3px #4c9dc69e}.unit-svg.pixel-unit,.pixel-castle,.pixel-wall{object-position:center bottom;image-rendering:auto;filter:drop-shadow(0 4px 4px rgba(32,47,40,.2))}.app:has(.battlefield) .piece{width:98%;height:98%;transform:translate(-50%,-55%)}.app:has(.battlefield) .unit-svg.pixel-unit{width:100%;height:100%;margin:0;transform:none;filter:drop-shadow(0 4px 4px rgba(32,47,40,.2))}.app:has(.battlefield) .base{width:96%;height:96%}.pixel-castle{width:100%;height:100%;transform:translateY(1%)}.wall-art{top:4%;right:4%;bottom:4%;left:4%}.pixel-wall{width:100%;height:100%;transform:scale(.92)}.campaign-carry-total{display:inline-flex;align-items:center;gap:6px}body:has(.roguelike-screen),#app:has(.roguelike-screen){background:#f8f0c9}.app:has(.roguelike-screen){width:100%;max-width:none;height:100dvh;min-height:0;padding:0;display:block;overflow:hidden}.roguelike-screen{min-height:0;height:100dvh;display:flex;align-items:stretch;justify-content:center;overflow:hidden;padding:max(10px,env(safe-area-inset-top)) 10px max(24px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#fffbe2f5,#d2f1e6f5),radial-gradient(circle at 18% 14%,rgba(255,213,115,.5),transparent 25%),radial-gradient(circle at 84% 20%,rgba(114,198,217,.35),transparent 28%);color:#233a35}.roguelike-screen .campaign-map-panel{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:8px;border:2px solid rgba(48,78,72,.18);border-radius:18px;background:#fffae1bd;box-shadow:0 18px 44px #2b4b4429}.roguelike-map-toolbar{flex:0 0 auto;width:100%;display:grid;grid-template-columns:42px minmax(86px,1fr) auto;align-items:center;gap:8px;padding:6px 8px 8px}.roguelike-map-toolbar .top-icon-button{width:38px;height:38px;justify-self:start}.roguelike-map-title{min-width:0;display:flex;align-items:center;gap:9px}.roguelike-screen .campaign-map-panel h1{margin:0;color:#203b36;font-size:clamp(1.15rem,5vw,1.65rem);line-height:1.05;text-shadow:0 2px 0 rgba(255,255,255,.8)}.roguelike-current-layer{flex:0 0 auto;padding:4px 8px;border:1px solid rgba(48,78,72,.22);border-radius:999px;color:#58716a;background:#fffae19e;font-size:.72rem;font-weight:900;line-height:1}.roguelike-screen .campaign-carry-panel{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:5px 7px;border:2px solid rgba(48,78,72,.2);border-radius:999px;background:#fff8d8e6;color:#233a35;box-shadow:0 8px 18px #2b4b441f}.roguelike-screen .campaign-carry-total{display:inline-flex;align-items:center;gap:4px;font-size:.95rem;font-weight:900}.roguelike-screen .campaign-carry-total span{color:#233a35a8;font-size:.68rem;font-weight:800}.roguelike-screen .campaign-carry-total b{min-width:1.2em;font-variant-numeric:tabular-nums}.roguelike-resource-divider{width:1px;height:20px;background:#304e482e}.campaign-carry-total .res-icon{width:22px;height:22px;flex:0 0 22px}.campaign-carry-unit{display:inline-flex;align-items:center;gap:2px;font-size:.72rem}.campaign-carry-unit b{display:none}.campaign-carry-unit .unit-svg,.campaign-carry-unit .pixel-unit,.campaign-carry-unit img.unit-svg.pixel-unit{width:30px;height:30px;flex:0 0 30px;object-fit:contain}.roguelike-route-map{position:relative;isolation:isolate;width:min(560px,calc(100vw - 36px));min-height:0;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;margin-top:4px;padding:16px 12px;border:2px solid rgba(46,78,77,.24);border-radius:24px;background:linear-gradient(180deg,#184036e6,#12322fd1),radial-gradient(circle at 20% 10%,rgba(97,202,166,.34),transparent 30%),radial-gradient(circle at 80% 76%,rgba(255,221,118,.18),transparent 28%);box-shadow:0 18px 40px #1c312e38;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;touch-action:pan-y;-webkit-overflow-scrolling:touch}.roguelike-route-map>*{flex-shrink:0}.roguelike-route-lines{position:absolute;z-index:0;top:0;left:0;width:100%;overflow:visible;pointer-events:none}.roguelike-route-lines path{fill:none;stroke-width:2;stroke-linecap:round;transition:stroke .2s ease,filter .2s ease}.roguelike-route-lines path.is-inactive{stroke:#707977;filter:none}.roguelike-route-lines path.is-traversed{stroke:#fffdf4;filter:drop-shadow(0 0 2px rgba(255,255,255,.72)) drop-shadow(0 0 5px rgba(255,255,255,.36))}.roguelike-route-lines path.is-active{stroke:var(--route-edge-color);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--route-edge-color) 85%,white)) drop-shadow(0 0 8px color-mix(in srgb,var(--route-edge-color) 72%,transparent))}.roguelike-route-lines path.is-continuation{stroke:var(--route-edge-color);stroke-linejoin:round;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--route-edge-color) 82%,white)) drop-shadow(0 0 7px color-mix(in srgb,var(--route-edge-color) 68%,transparent))}.roguelike-route-map>:not(.roguelike-route-lines){position:relative;z-index:1}.roguelike-route-start{position:relative;z-index:2;color:#2b4e4694;text-align:center;font-size:clamp(.74rem,3vw,.88rem);font-weight:600;letter-spacing:.12em}.roguelike-route-stages{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(40px,6.5vh,58px);margin-top:clamp(30px,6vh,44px)}.roguelike-route-stage{position:relative;display:grid;width:100%;grid-template-columns:repeat(var(--route-node-count),minmax(0,1fr));justify-items:center;gap:clamp(6px,2vw,12px)}.roguelike-route-stage.route-count-2{width:min(78%,390px)}.roguelike-route-stage.route-count-1{width:116px}.roguelike-route-continuations{width:100%;height:44px;pointer-events:none}.roguelike-route-continuation{display:none}.roguelike-node{--node-bg: #79aeca;--node-ink: #17333e;--node-border: rgba(222, 249, 255, .78);position:relative;z-index:2;width:clamp(96px,24vw,116px);min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:9px 7px 8px;border:1px solid var(--node-border);border-radius:13px;background:var(--node-bg);color:var(--node-ink);text-align:center;cursor:pointer;box-shadow:inset 0 1px #ffffff57,0 5px #0c221f2e,0 12px 22px #07191738;transition:transform .16s ease,box-shadow .16s ease}.roguelike-node:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff6,0 8px #0c221f2b,0 18px 30px #07191747}.node-kind-battle{--node-bg: #79aeca;--node-ink: #17333e;--node-border: rgba(220, 248, 255, .82)}.node-kind-emergency{--node-bg: #c94b50;--node-ink: #fff8f1;--node-border: rgba(255, 225, 218, .88)}.node-kind-reward{--node-bg: #d6ad55;--node-ink: #402f0f;--node-border: rgba(255, 243, 190, .84)}.node-kind-shop{--node-bg: #68ad91;--node-ink: #12372c;--node-border: rgba(218, 255, 236, .82)}.roguelike-node-icon{width:32px;height:32px;display:block;flex:0 0 32px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.roguelike-node-icon.icon-battle{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%200L6.58579%203.58579L3.58579%206.58579L0%203V0H3Z'%20fill='%23000'/%3e%3cpath%20d='M6.70711%2012.2929L8.20711%2013.7929L6.79289%2015.2071L4.5%2012.9142L2.99771%2014.4165C2.99923%2014.4441%203%2014.472%203%2014.5C3%2015.3284%202.32843%2016%201.5%2016C.671573%2016%200%2015.3284%200%2014.5C0%2013.6716.671573%2013%201.5%2013C1.52802%2013%201.55586%2013.0008%201.5835%2013.0023L3.08579%2011.5L.792893%209.20711L2.20711%207.79289L3.70711%209.29289L13%200H16V3L6.70711%2012.2929Z'%20fill='%23000'/%3e%3cpath%20d='M14.5%2016C13.6716%2016%2013%2015.3284%2013%2014.5C13%2014.472%2013.0008%2014.4441%2013.0023%2014.4165L10.0858%2011.5L13.7929%207.79289L15.2071%209.20711L12.9142%2011.5L14.4165%2013.0023C14.4441%2013.0008%2014.472%2013%2014.5%2013C15.3284%2013%2016%2013.6716%2016%2014.5C16%2015.3284%2015.3284%2016%2014.5%2016Z'%20fill='%23000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%200L6.58579%203.58579L3.58579%206.58579L0%203V0H3Z'%20fill='%23000'/%3e%3cpath%20d='M6.70711%2012.2929L8.20711%2013.7929L6.79289%2015.2071L4.5%2012.9142L2.99771%2014.4165C2.99923%2014.4441%203%2014.472%203%2014.5C3%2015.3284%202.32843%2016%201.5%2016C.671573%2016%200%2015.3284%200%2014.5C0%2013.6716.671573%2013%201.5%2013C1.52802%2013%201.55586%2013.0008%201.5835%2013.0023L3.08579%2011.5L.792893%209.20711L2.20711%207.79289L3.70711%209.29289L13%200H16V3L6.70711%2012.2929Z'%20fill='%23000'/%3e%3cpath%20d='M14.5%2016C13.6716%2016%2013%2015.3284%2013%2014.5C13%2014.472%2013.0008%2014.4441%2013.0023%2014.4165L10.0858%2011.5L13.7929%207.79289L15.2071%209.20711L12.9142%2011.5L14.4165%2013.0023C14.4441%2013.0008%2014.472%2013%2014.5%2013C15.3284%2013%2016%2013.6716%2016%2014.5C16%2015.3284%2015.3284%2016%2014.5%2016Z'%20fill='%23000'/%3e%3c/svg%3e")}.roguelike-node-icon.icon-reward{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2012.4984H14M3%2012.4984H10M7%204.5V19.4984M17%204.5V19.4984M6.2%2019.5H17.8C18.9201%2019.5%2019.4802%2019.5%2019.908%2019.282C20.2843%2019.0903%2020.5903%2018.7843%2020.782%2018.408C21%2017.9802%2021%2017.4201%2021%2016.3V10.9C21%208.65979%2021%207.53968%2020.564%206.68404C20.1805%205.93139%2019.5686%205.31947%2018.816%204.93597C17.9603%204.5%2016.8402%204.5%2014.6%204.5H9.4C7.15979%204.5%206.03968%204.5%205.18404%204.93597C4.43139%205.31947%203.81947%205.93139%203.43597%206.68404C3%207.53968%203%208.65979%203%2010.9V16.3C3%2017.4201%203%2017.9802%203.21799%2018.408C3.40973%2018.7843%203.71569%2019.0903%204.09202%2019.282C4.51984%2019.5%205.07989%2019.5%206.2%2019.5ZM10%2010.4984H14V14.4984H10V10.4984Z'%20stroke='%23000'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M21%2012.4984H14M3%2012.4984H10M7%204.5V19.4984M17%204.5V19.4984M6.2%2019.5H17.8C18.9201%2019.5%2019.4802%2019.5%2019.908%2019.282C20.2843%2019.0903%2020.5903%2018.7843%2020.782%2018.408C21%2017.9802%2021%2017.4201%2021%2016.3V10.9C21%208.65979%2021%207.53968%2020.564%206.68404C20.1805%205.93139%2019.5686%205.31947%2018.816%204.93597C17.9603%204.5%2016.8402%204.5%2014.6%204.5H9.4C7.15979%204.5%206.03968%204.5%205.18404%204.93597C4.43139%205.31947%203.81947%205.93139%203.43597%206.68404C3%207.53968%203%208.65979%203%2010.9V16.3C3%2017.4201%203%2017.9802%203.21799%2018.408C3.40973%2018.7843%203.71569%2019.0903%204.09202%2019.282C4.51984%2019.5%205.07989%2019.5%206.2%2019.5ZM10%2010.4984H14V14.4984H10V10.4984Z'%20stroke='%23000'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.roguelike-node-icon.icon-shop{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2016H13C13.6667%2016%2015%2015.6%2015%2014C15%2012.4%2013.6667%2012%2013%2012H11C10.3333%2012%209%2011.6%209%2010C9%208.4%2010.3333%208%2011%208H12M12%2016H9M12%2016V18M15%208H12M12%208V6M21%2012C21%2016.9706%2016.9706%2021%2012%2021C7.02944%2021%203%2016.9706%203%2012C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012Z'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2016H13C13.6667%2016%2015%2015.6%2015%2014C15%2012.4%2013.6667%2012%2013%2012H11C10.3333%2012%209%2011.6%209%2010C9%208.4%2010.3333%208%2011%208H12M12%2016H9M12%2016V18M15%208H12M12%208V6M21%2012C21%2016.9706%2016.9706%2021%2012%2021C7.02944%2021%203%2016.9706%203%2012C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012Z'%20stroke='%23000'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e")}.roguelike-node b{max-width:100%;color:currentColor;font-size:.74rem;line-height:1.18;letter-spacing:.01em;text-wrap:balance}.roguelike-node.is-locked,.roguelike-node.is-completed{--node-bg: #747d7a;--node-ink: #e0e5e2;--node-border: rgba(235, 241, 238, .4);opacity:1;box-shadow:inset 0 1px #ffffff29,0 4px #0b191733,0 10px 18px #0714122e}.roguelike-node:disabled{cursor:default;pointer-events:none}.roguelike-preview-icon-wrap{width:82px;height:82px;display:grid;place-items:center;margin-bottom:14px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:22px;background:#fff3;box-shadow:inset 0 1px #ffffff52}.roguelike-preview-icon-wrap .roguelike-node-icon{width:48px;height:48px;flex-basis:48px}.roguelike-layer-clear-card{position:relative;overflow:hidden;border-color:#ffe588d6;box-shadow:0 0 0 3px #fff5b147,0 24px 60px #00000057}.roguelike-celebration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.roguelike-celebration i{position:absolute;top:-18px;width:9px;height:15px;border-radius:3px;background:#ffdf61;animation:rogue-confetti 1.35s ease-in infinite}.roguelike-celebration i:nth-child(1){left:12%;background:#ff7aa8;animation-delay:0s}.roguelike-celebration i:nth-child(2){left:28%;background:#71e5ff;animation-delay:.18s}.roguelike-celebration i:nth-child(3){left:44%;background:#b9ff8a;animation-delay:.06s}.roguelike-celebration i:nth-child(4){left:61%;background:#ffe06a;animation-delay:.28s}.roguelike-celebration i:nth-child(5){left:76%;background:#c699ff;animation-delay:.12s}.roguelike-celebration i:nth-child(6){left:88%;background:#ff9f66;animation-delay:.34s}@keyframes rogue-confetti{0%{opacity:0;transform:translateY(-20px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(220px) rotate(320deg)}}@media(max-width:640px){.app:has(.battlefield) .board-shell{border-radius:20px}.roguelike-screen{padding:max(6px,env(safe-area-inset-top)) 6px max(18px,env(safe-area-inset-bottom))}.roguelike-screen .campaign-map-panel{min-height:0;padding:5px}.roguelike-map-toolbar{grid-template-columns:34px minmax(66px,1fr) auto;gap:5px;padding:4px}.roguelike-map-toolbar .top-icon-button{width:32px;height:32px}.roguelike-screen .campaign-map-panel h1{font-size:1.05rem}.roguelike-map-title{gap:5px}.roguelike-current-layer{padding:3px 5px;font-size:.62rem}.roguelike-screen .campaign-carry-panel{gap:4px;padding:4px 5px}.roguelike-screen .campaign-carry-total{font-size:.78rem}.roguelike-screen .campaign-carry-total span{display:none}.campaign-carry-total .res-icon{width:16px;height:16px;flex-basis:16px}.roguelike-route-map{width:100%;min-height:0;padding:12px 8px}.roguelike-route-stages{gap:36px}.roguelike-node{width:clamp(88px,26vw,102px);min-height:78px;gap:6px;padding:8px 5px 7px;border-radius:12px}.roguelike-node-icon{width:29px;height:29px;flex-basis:29px}.roguelike-node b{font-size:.68rem;letter-spacing:0}.roguelike-route-stage.route-count-1{width:102px}}.campaign-carry-panel .campaign-carry-unit img.unit-svg.pixel-unit{width:24px;height:24px;flex:0 0 24px;object-fit:contain;margin:0;transform:none}:root{--ui-dialog-width: 430px;--ui-dialog-radius: 24px;--ui-dialog-border-width: 1px}.ui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#0b1b19ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:ui-dialog-fade-in .2s ease-out}.ui-dialog{--dialog-bg: #f5ead0;--dialog-ink: #2a1f18;--dialog-border: color-mix(in srgb, var(--dialog-ink) 28%, transparent);--dialog-soft: rgba(255, 255, 255, .2);position:relative;width:min(100%,var(--ui-dialog-width));max-height:70dvh;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:var(--ui-dialog-border-width) solid var(--dialog-border);border-radius:var(--ui-dialog-radius);color:var(--dialog-ink);background:var(--dialog-bg);text-align:center;box-shadow:inset 0 1px #ffffff73,0 24px 70px #03110f6b;animation:ui-dialog-pop-in .24s cubic-bezier(.2,1.12,.45,1)}.ui-dialog.ui-dialog{color:var(--dialog-ink);background:var(--dialog-bg)}.dialog-tone-paper{--dialog-bg: #fff8e6;--dialog-ink: #2a1f18}.dialog-tone-success{--dialog-bg: #79b486;--dialog-ink: #173b2b}.dialog-tone-defeat{--dialog-bg: #c86568;--dialog-ink: #481d20}.dialog-tone-gold{--dialog-bg: #d6ad55;--dialog-ink: #3e2b0e}.dialog-tone-shop{--dialog-bg: #68ad91;--dialog-ink: #153a31}.dialog-tone-node{--dialog-bg: var(--node-bg);--dialog-ink: var(--node-ink);--dialog-border: var(--node-border)}.ui-dialog-close{position:absolute;z-index:4;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;padding:0 0 2px;border:1px solid color-mix(in srgb,currentColor 26%,transparent);border-radius:50%;color:currentColor;background:#fff3;font:800 1.4rem/1 system-ui,sans-serif;cursor:pointer;transition:transform .12s ease,background .12s ease}.ui-dialog-close:hover{background:#ffffff5c;transform:translateY(-1px)}.ui-dialog-close:active{transform:translateY(1px)}.ui-dialog-header{flex:none;padding:28px 28px 0}.ui-dialog:has(.ui-dialog-close) .ui-dialog-header{padding-inline:54px}.ui-dialog-header:last-child{padding-bottom:28px}.ui-dialog-hero{display:grid;place-items:center;margin-bottom:14px}.ui-dialog .ui-dialog-title{margin:0;color:currentColor;font-size:clamp(1.65rem,7vw,2.2rem);font-weight:950;line-height:1.05;letter-spacing:-.03em}.ui-dialog-hero+.ui-dialog-title{margin-top:12px}.ui-dialog .ui-dialog-subtitle{margin:9px 0 0;color:color-mix(in srgb,currentColor 78%,transparent);font-size:.92rem;font-weight:700;line-height:1.55}.ui-dialog-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:18px 28px 4px;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,currentColor 28%,transparent) transparent}.ui-dialog-actions{flex:none;display:flex;justify-content:center;gap:10px;padding:20px 28px 25px}.ui-dialog-actions:has(.ui-dialog-button:nth-child(2)) .ui-dialog-button{flex:1;min-width:0}.ui-dialog-button{min-width:158px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:14px;color:var(--dialog-ink);background:#ffffffbd;box-shadow:inset 0 1px #ffffff85,0 5px color-mix(in srgb,currentColor 22%,transparent);font:950 .92rem/1 system-ui,sans-serif;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.ui-dialog-button:hover:not(:disabled){background:#ffffffe0;transform:translateY(-1px)}.ui-dialog-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff6b,0 2px color-mix(in srgb,currentColor 22%,transparent)}.ui-dialog-button.is-secondary{background:color-mix(in srgb,var(--dialog-bg) 62%,white)}.ui-dialog-button.is-danger{color:#fff8ee;background:#a94d4f;box-shadow:inset 0 1px #ffffff3d,0 5px #713336}.ui-dialog-button.is-danger:hover:not(:disabled){color:#fffdf8;background:#b85a5c}.ui-dialog-button.is-danger:active:not(:disabled){color:#fffdf8;background:#994346;box-shadow:inset 0 1px #fff3,0 2px #713336}.ui-dialog-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}.ui-dialog.roguelike-node-preview-card{text-align:center}.ui-dialog .roguelike-preview-icon-wrap{margin-bottom:0}.ui-dialog-button.roguelike-preview-confirm{margin-top:0}.ui-dialog-button.roguelike-preview-confirm img{width:22px;height:22px;transform:rotate(180deg)}.ui-dialog.node-kind-emergency .ui-dialog-button.roguelike-preview-confirm{color:#fff9f2;border-color:#fff5eb61;background:#98383f;box-shadow:inset 0 1px #fff3,0 5px #71272d}.ui-dialog.node-kind-emergency .ui-dialog-button.roguelike-preview-confirm:hover:not(:disabled){color:#fffdf8;background:#a84148}.ui-dialog.node-kind-emergency .ui-dialog-button.roguelike-preview-confirm:active:not(:disabled){color:#fffdf8;background:#862f36;box-shadow:inset 0 1px #ffffff29,0 2px #71272d}.ui-dialog.node-kind-emergency .ui-dialog-button.roguelike-preview-confirm img{filter:brightness(0) invert(1)}.ui-dialog.victory-card{isolation:isolate}.ui-dialog-backdrop.victory-overlay{background:#0e1c197a;-webkit-backdrop-filter:blur(14px) saturate(.72);backdrop-filter:blur(14px) saturate(.72);animation:none}.ui-dialog.victory-card .ui-dialog-header,.ui-dialog.victory-card .ui-dialog-actions{position:relative;z-index:2}.victory-dialog-body{position:static;padding:0;overflow:visible}.ui-dialog.shop-panel .shop-grid{margin-bottom:14px}.ui-dialog.shop-panel .shop-card{border-width:1px;box-shadow:0 4px color-mix(in srgb,currentColor 18%,transparent)}.ui-dialog.shop-panel .shop-footer{border-color:color-mix(in srgb,currentColor 22%,transparent);color:color-mix(in srgb,currentColor 78%,transparent)}.ui-dialog.shop-panel .shop-footer b,.ui-dialog.shop-panel .shop-card,.ui-dialog.shop-panel .shop-card-cost b{color:var(--dialog-ink)}.ui-dialog.codex-wrapper{padding-top:0}.ui-dialog.codex-wrapper .ui-dialog-header{padding:18px 54px 0}.ui-dialog.codex-wrapper .ui-dialog-title{margin-top:0;font-size:1.45rem;letter-spacing:-.02em}.ui-dialog .codex-dialog-body{padding-top:12px}.ui-dialog .codex-outer-tabs{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.ui-dialog .codex-tab-outer{min-width:0;justify-content:center;padding:7px 8px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:11px;color:color-mix(in srgb,currentColor 72%,transparent);background:#ffffff5c;box-shadow:0 3px color-mix(in srgb,currentColor 14%,transparent);transform:none}.ui-dialog .codex-tab-outer:hover{background:#ffffff8f;transform:translateY(-1px)}.ui-dialog .codex-tab-outer.active{margin:0;padding:7px 8px;color:var(--dialog-ink);background:#ffffffc7;transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,currentColor 14%,transparent)}.ui-dialog .codex-panel{width:auto;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:none}.ui-dialog .codex-header-box{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px 18px;padding:16px}.ui-dialog .codex-header-right{min-width:0}.ui-dialog .codex-stats-col{grid-column:1 / -1;width:100%;gap:8px}.ui-dialog .codex-stat-row{grid-template-columns:56px minmax(150px,1fr) 32px;gap:10px}.ui-dialog .codex-stat-bar{height:14px;border-width:1px;border-radius:8px}.ui-dialog .codex-stat-bar span{border-radius:7px}.ui-dialog .codex-ability,.ui-dialog .codex-ability .ability-content,.ui-dialog .codex-ability-summary,.ui-dialog .codex-ability ul{text-align:left}.ui-dialog .codex-header-box,.ui-dialog .codex-range-block,.ui-dialog .codex-ability{border-width:1px}.ui-dialog-backdrop.closing{animation:ui-dialog-fade-out .18s ease-in forwards}.ui-dialog-backdrop.closing .ui-dialog{animation:ui-dialog-pop-out .18s ease-in forwards}@keyframes ui-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ui-dialog-pop-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ui-dialog-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@media(max-width:480px){.ui-dialog-backdrop{padding-inline:12px}.ui-dialog-header{padding:25px 20px 0}.ui-dialog:has(.ui-dialog-close) .ui-dialog-header{padding-inline:48px}.ui-dialog-scroll{padding-inline:20px}.ui-dialog-actions{padding:18px 20px 22px}.ui-dialog .codex-outer-tabs{left:auto;grid-template-columns:repeat(3,1fr);gap:5px}.ui-dialog .codex-tab-outer,.ui-dialog .codex-tab-outer.active{padding:6px;border-width:1px}.ui-dialog .codex-tab-outer>span:last-child{display:none}.ui-dialog.codex-wrapper .ui-dialog-header{padding:16px 48px 0}.ui-dialog.codex-wrapper .ui-dialog-title{font-size:1.35rem}.ui-dialog .codex-header-box{grid-template-columns:56px minmax(0,1fr);gap:8px 10px;padding:10px 12px}.ui-dialog .codex-unit-big{width:56px;height:56px}.ui-dialog .codex-stat-row{grid-template-columns:48px minmax(0,1fr) 28px;gap:8px}.ui-dialog .codex-stat-label{font-size:11px}.ui-dialog .codex-stat-bar{height:10px}.ui-dialog .codex-stat-row b{font-size:12px}}@media(prefers-reduced-motion:reduce){.ui-dialog-backdrop,.ui-dialog{animation:none}}.ui-dialog-backdrop.roguelike-reward-overlay{z-index:120;background:#121c1994;-webkit-backdrop-filter:blur(13px) saturate(.78);backdrop-filter:blur(13px) saturate(.78)}.ui-dialog.roguelike-reward-card{--dialog-bg: #e1eee6;--dialog-ink: #183b2d;--dialog-border: rgba(35, 77, 59, .34);text-align:center}.ui-dialog.roguelike-reward-card.is-significant{--dialog-bg: #f0d693;--dialog-ink: #4b3109;--dialog-border: rgba(111, 75, 18, .38)}.ui-dialog.roguelike-reward-card.is-starter{--dialog-bg: #d9edf4;--dialog-ink: #173b4a;--dialog-border: rgba(42, 94, 114, .38)}.ui-dialog.roguelike-reward-card.is-ending-key{--dialog-bg: #e9def0;--dialog-ink: #40284f;--dialog-border: rgba(91, 59, 110, .38)}.ui-dialog.roguelike-reward-card.is-currency,.ui-dialog.roguelike-reward-card.is-unit{--dialog-bg: #fff5d8;--dialog-ink: #3d2d17;--dialog-border: rgba(89, 67, 34, .32)}.ui-dialog-backdrop.roguelike-reward-overlay.is-rare-drop{background:radial-gradient(circle at 18% 22%,rgba(104,224,255,.15),transparent 30%),radial-gradient(circle at 82% 72%,rgba(255,126,218,.14),transparent 32%),#0f1819a3;-webkit-backdrop-filter:blur(15px) saturate(1.08);backdrop-filter:blur(15px) saturate(1.08)}.ui-dialog.roguelike-reward-card.is-rare-drop{isolation:isolate;border-color:transparent;box-shadow:0 0 0 1px #ffffff6b,0 0 30px #5ddce842,0 24px 70px #03110f7a}.ui-dialog.roguelike-reward-card.is-rare-drop:before{content:"";position:absolute;z-index:0;top:-70%;right:-70%;bottom:-70%;left:-70%;background:conic-gradient(from 20deg,#65e5ff,#b590ff,#ff8fcf,#ffd66b,#84efba,#65e5ff);animation:rareRewardSpectrum 5.2s linear infinite}.ui-dialog.roguelike-reward-card.is-rare-drop:after{content:"";position:absolute;z-index:0;top:2px;right:2px;bottom:2px;left:2px;border-radius:calc(var(--ui-dialog-radius) - 2px);background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 42%),var(--dialog-bg)}.ui-dialog.roguelike-reward-card.is-rare-drop>*{position:relative;z-index:1}.ui-dialog.roguelike-reward-card.is-rare-drop .roguelike-reward-mark{box-shadow:inset 0 1px #ffffff85,0 7px #34344e59,0 0 24px #70e2ff85,0 0 42px #ff87d847;animation:rareRewardMarkGlow 2.4s ease-in-out infinite}.ui-dialog.roguelike-reward-card.is-rare-drop .roguelike-reward-detail{background:linear-gradient(110deg,#69deff1a,#ffffff8a,#ff87d817);background-size:180% 100%;animation:rareRewardSheen 3.2s ease-in-out infinite alternate}@keyframes rareRewardSpectrum{to{transform:rotate(360deg)}}@keyframes rareRewardMarkGlow{0%,to{transform:translateY(0) scale(1);filter:saturate(1)}50%{transform:translateY(-2px) scale(1.025);filter:saturate(1.18)}}@keyframes rareRewardSheen{0%{background-position:0 50%}to{background-position:100% 50%}}.roguelike-reward-mark{display:grid;width:78px;height:78px;margin:0 auto 2px;place-items:center;border:1px solid rgba(42,55,49,.3);border-radius:22px;color:#f9fff8;background:#5f9d83;box-shadow:inset 0 1px #ffffff59,0 7px #28473b61,0 13px 26px #14271f33}.roguelike-reward-mark span{font-size:2rem;line-height:1;text-shadow:0 2px rgba(35,55,47,.34)}.roguelike-reward-mark.is-diamonds{color:#e9fdff;background:#57a9c4}.roguelike-reward-mark.is-coins{color:#fff6cf;background:#c3953c}.roguelike-reward-mark.is-unit{color:#fff7df;background:#8e7358}.roguelike-reward-mark.is-relic{color:#f8fff9}.roguelike-reward-mark.is-basic{background:#518b70}.roguelike-reward-mark.is-significant{color:#fff9df;background:linear-gradient(145deg,#a9782b,#d6af57);box-shadow:inset 0 1px #ffffff73,0 7px #78511f,0 0 28px #f4c85e66}.roguelike-reward-mark.is-starter{color:#eefaff;background:linear-gradient(145deg,#477e99,#6da9c2)}.roguelike-reward-mark.is-ending-key{color:#fff4ff;background:linear-gradient(145deg,#694f86,#9b78b8)}.roguelike-relic-icon{display:block;width:24px;height:24px;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.roguelike-relic-icon.icon-blood{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.17%207.78c-.89-1.33-2-3-3.3-5.28a1%201%200%200%200-1.74%200c-1.31%202.31-2.41%204-3.3%205.28C4%2010.52%203%2012%203%2015a7%207%200%200%200%2014%200c0-3-1-4.48-2.83-7.22Z'/%3e%3cpath%20d='M19.05%2011c-.58-.88-1.31-2-2.18-3.5a1%201%200%200%200-1.74%200C14.26%209%2013.53%2010.12%2013%2011c-1.27%201.82-2%202.92-2%205a5%205%200%200%200%2010%200c0-2.08-.73-3.18-1.95-5Z'%20opacity='.55'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.17%207.78c-.89-1.33-2-3-3.3-5.28a1%201%200%200%200-1.74%200c-1.31%202.31-2.41%204-3.3%205.28C4%2010.52%203%2012%203%2015a7%207%200%200%200%2014%200c0-3-1-4.48-2.83-7.22Z'/%3e%3cpath%20d='M19.05%2011c-.58-.88-1.31-2-2.18-3.5a1%201%200%200%200-1.74%200C14.26%209%2013.53%2010.12%2013%2011c-1.27%201.82-2%202.92-2%205a5%205%200%200%200%2010%200c0-2.08-.73-3.18-1.95-5Z'%20opacity='.55'/%3e%3c/svg%3e")}.roguelike-relic-icon.icon-king{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20277.366%20277.366'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M257.799%2055.704c-7.706-3.866-17.016-2.36-23.111%203.734l-39.2%2039.201-38.526-86.757C153.753%204.657%20146.589%200%20138.683%200s-15.07%204.657-18.278%2011.883L81.878%2098.64l-39.2-39.201c-6.094-6.093-15.405-7.6-23.111-3.733C11.864%2059.569%207.502%2067.935%208.745%2076.463l17.879%20122.785c1.431%209.829%209.858%2017.118%2019.791%2017.118h184.536c9.933%200%2018.36-7.289%2019.791-17.118l17.88-122.786c1.242-8.528-3.12-16.894-10.823-20.758Z'/%3e%3cpath%20d='M230.951%20237.366H46.415c-11.046%200-20%208.954-20%2020s8.954%2020%2020%2020h184.536c11.046%200%2020-8.954%2020-20s-8.954-20-20-20Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20277.366%20277.366'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M257.799%2055.704c-7.706-3.866-17.016-2.36-23.111%203.734l-39.2%2039.201-38.526-86.757C153.753%204.657%20146.589%200%20138.683%200s-15.07%204.657-18.278%2011.883L81.878%2098.64l-39.2-39.201c-6.094-6.093-15.405-7.6-23.111-3.733C11.864%2059.569%207.502%2067.935%208.745%2076.463l17.879%20122.785c1.431%209.829%209.858%2017.118%2019.791%2017.118h184.536c9.933%200%2018.36-7.289%2019.791-17.118l17.88-122.786c1.242-8.528-3.12-16.894-10.823-20.758Z'/%3e%3cpath%20d='M230.951%20237.366H46.415c-11.046%200-20%208.954-20%2020s8.954%2020%2020%2020h184.536c11.046%200%2020-8.954%2020-20s-8.954-20-20-20Z'/%3e%3c/svg%3e")}.roguelike-relic-icon.icon-sword{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%200h-3L3.707%209.293l-1.5-1.5L.793%209.207%203.086%2011.5l-1.503%201.502A1.5%201.5%200%201%200%202.998%2014.417L4.5%2012.914l2.293%202.293%201.414-1.414-1.5-1.5L16%203V0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16%200h-3L3.707%209.293l-1.5-1.5L.793%209.207%203.086%2011.5l-1.503%201.502A1.5%201.5%200%201%200%202.998%2014.417L4.5%2012.914l2.293%202.293%201.414-1.414-1.5-1.5L16%203V0Z'/%3e%3c/svg%3e")}.roguelike-reward-mark .roguelike-relic-icon{width:42px;height:42px}.roguelike-reward-body{padding-top:4px}.roguelike-reward-detail{display:grid;gap:9px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--dialog-ink) 18%,transparent);border-radius:16px;background:#ffffff80}.roguelike-reward-detail b{font-size:1rem;line-height:1.45}.roguelike-reward-detail p{margin:0;color:color-mix(in srgb,var(--dialog-ink) 72%,transparent);line-height:1.65}.roguelike-reward-detail small{color:color-mix(in srgb,var(--dialog-ink) 56%,transparent);font-weight:700}.roguelike-backpack-button{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:55;width:56px;height:56px;display:grid;place-items:center;padding:8px;border:2px solid rgba(39,58,52,.72);border-radius:14px;color:#2f463f;background:#fff8dc;cursor:pointer;box-shadow:inset 0 1px #fffc,0 5px #9b8e70,0 12px 22px #20362f33;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.roguelike-backpack-button:hover{background:#fffdf0;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 7px #9b8e70,0 15px 25px #20362f38}.roguelike-backpack-button:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffffb3,0 2px #887b60,0 7px 14px #20362f2e}.roguelike-backpack-button .roguelike-backpack-icon{width:35px;height:35px}.roguelike-backpack-button>b{position:absolute;top:-7px;right:-7px;min-width:23px;height:23px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff8dc;border-radius:999px;color:#fffaf0;background:#5a8f79;font-size:.68rem;font-variant-numeric:tabular-nums;box-shadow:0 3px 7px #1c392e38}.ui-dialog-backdrop.roguelike-backpack-overlay{z-index:115;background:#14211d80;-webkit-backdrop-filter:blur(12px) saturate(.8);backdrop-filter:blur(12px) saturate(.8)}.ui-dialog.roguelike-backpack-card{width:min(640px,calc(100vw - 24px))}.roguelike-backpack-body{padding-top:14px}.roguelike-relic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roguelike-relic-card{--relic-accent: #5d8f7a;min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--relic-accent) 48%,transparent);border-radius:16px;color:#263c36;background:linear-gradient(145deg,color-mix(in srgb,var(--relic-accent) 12%,#fffdf2),#fff9e8);text-align:left;box-shadow:inset 0 1px #ffffffbf,0 4px color-mix(in srgb,var(--relic-accent) 22%,transparent)}.roguelike-relic-card.rarity-significant{--relic-accent: #b8862e}.roguelike-relic-card.rarity-starter{--relic-accent: #5b91aa}.roguelike-relic-card.rarity-ending-key{--relic-accent: #8a6aab}.roguelike-relic-card-heading{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px}.roguelike-relic-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fffdf5;background:var(--relic-accent);box-shadow:0 3px color-mix(in srgb,var(--relic-accent) 62%,#263c36)}.roguelike-relic-card-heading h3{margin:0;color:color-mix(in srgb,var(--relic-accent) 76%,#263c36);font-size:1rem;line-height:1.2}.roguelike-relic-card>p{margin:8px 0 0;font-size:.78rem;font-weight:800;line-height:1.55}.roguelike-relic-empty{padding:28px 20px;border:1px dashed rgba(47,70,63,.28);border-radius:16px;color:#263c36a3;text-align:center;line-height:1.7}@media(max-width:560px){.roguelike-relic-grid{grid-template-columns:1fr}.roguelike-backpack-button{right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.ui-dialog.roguelike-reward-card.is-rare-drop:before,.ui-dialog.roguelike-reward-card.is-rare-drop .roguelike-reward-mark,.ui-dialog.roguelike-reward-card.is-rare-drop .roguelike-reward-detail{animation:none}}.ui-dialog-backdrop.roguelike-node-event-overlay{z-index:118;background:#111f1b8f;-webkit-backdrop-filter:blur(13px) saturate(.8);backdrop-filter:blur(13px) saturate(.8)}.roguelike-story-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:125;display:flex;align-items:flex-end;padding:max(28px,env(safe-area-inset-top)) max(34px,calc(env(safe-area-inset-right) + 22px)) max(42px,calc(env(safe-area-inset-bottom) + 28px)) max(34px,calc(env(safe-area-inset-left) + 22px));overflow:hidden;color:#f3efe4;background:radial-gradient(circle at 16% 86%,rgba(87,109,101,.13),transparent 34%),#030504;animation:roguelikeStoryFadeIn .7s ease-out both}.roguelike-story-intro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.58) 100%)}.roguelike-story-skip{position:absolute;z-index:2;top:max(24px,calc(env(safe-area-inset-top) + 14px));right:max(28px,calc(env(safe-area-inset-right) + 18px));padding:8px 13px;border:1px solid rgba(245,241,229,.3);border-radius:10px;color:#f5f1e5b8;background:#ffffff0a;font:800 .78rem/1 system-ui,sans-serif;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.roguelike-story-skip:hover{border-color:#f5f1e594;color:#fffdf6;background:#ffffff1a}.roguelike-story-dialogue{position:relative;z-index:1;width:min(700px,88vw);text-align:left;animation:roguelikeStoryDialogueIn .75s .18s ease-out both}.roguelike-story-dialogue>b{display:block;font-size:1.08rem;font-weight:900;letter-spacing:.14em}.roguelike-story-dialogue>i{display:block;width:min(460px,76vw);height:1px;margin:11px 0 18px;background:linear-gradient(90deg,#f5f1e5d1,#f5f1e514)}.roguelike-story-line{min-height:3.8em;margin:0;color:#f5f1e5e6;font-size:clamp(.92rem,2vw,1.05rem);font-weight:650;line-height:1.9;text-shadow:0 2px 8px rgba(0,0,0,.7);transition:opacity .17s ease,transform .17s ease}.roguelike-story-line.is-typing:after{content:"";display:inline-block;width:1px;height:1.1em;margin-left:3px;vertical-align:-.18em;background:currentColor;animation:roguelikeStoryCursor .7s steps(1,end) infinite}.roguelike-story-line.is-clearing{opacity:0;transform:translateY(-5px)}.roguelike-story-continue-hint{display:block;width:fit-content;margin-top:9px;color:#f5f1e573;font-size:.68rem;font-weight:750;letter-spacing:.12em;opacity:0;transition:opacity .24s ease}.roguelike-story-line.is-complete+.roguelike-story-continue-hint{opacity:1}.roguelike-story-depart{min-width:146px;min-height:45px;margin-top:24px;padding:10px 20px;border:1px solid rgba(245,241,229,.55);border-radius:12px;color:#ebe6d8;background:#f5f1e517;box-shadow:0 4px #f5f1e529;font:900 .88rem/1 system-ui,sans-serif;cursor:pointer;opacity:0;transform:translateY(7px);transition:transform .18s ease,opacity .18s ease,color .12s ease,background .12s ease,box-shadow .12s ease}.roguelike-story-depart[hidden]{display:none}.roguelike-story-depart.is-visible{opacity:1;transform:translateY(0)}.roguelike-story-depart:hover{color:#151a18;background:#eee8d8;transform:translateY(-1px)}.roguelike-story-depart:active{transform:translateY(3px);box-shadow:0 1px #f5f1e533}@keyframes roguelikeStoryFadeIn{0%{opacity:0}to{opacity:1}}@keyframes roguelikeStoryDialogueIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes roguelikeStoryCursor{0%,48%{opacity:1}49%,to{opacity:0}}.ui-dialog.roguelike-choice-dialog{width:min(620px,calc(100vw - 24px))}.roguelike-choice-body,.roguelike-market-body{padding-top:12px}.roguelike-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roguelike-choice-card{--choice-accent: #5d8f7a;min-width:0;display:flex;flex-direction:column;align-items:center;padding:17px 15px 14px;border:1px solid color-mix(in srgb,var(--choice-accent) 56%,transparent);border-radius:17px;color:#263b34;background:color-mix(in srgb,var(--choice-accent) 10%,#fffaf0);box-shadow:inset 0 1px #ffffffb8,0 5px color-mix(in srgb,var(--choice-accent) 28%,transparent);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.roguelike-choice-card.rarity-significant{--choice-accent: #b8862e}.roguelike-choice-card.rarity-starter{--choice-accent: #5b91aa}.roguelike-choice-card.rarity-ending-key{--choice-accent: #8a6aab}.roguelike-choice-card:hover{background:color-mix(in srgb,var(--choice-accent) 17%,#fffaf0);box-shadow:inset 0 1px #fffc,0 7px color-mix(in srgb,var(--choice-accent) 34%,transparent);transform:translateY(-2px)}.roguelike-choice-card:active{box-shadow:inset 0 1px #ffffffad,0 2px color-mix(in srgb,var(--choice-accent) 34%,transparent);transform:translateY(3px)}.roguelike-choice-symbol{width:48px;height:48px;display:grid;place-items:center;margin-bottom:10px;border-radius:14px;color:#fffdf4;background:var(--choice-accent);box-shadow:0 4px color-mix(in srgb,var(--choice-accent) 68%,#34433e)}.roguelike-choice-symbol .roguelike-relic-icon{width:29px;height:29px}.roguelike-choice-card>b{font-size:1.04rem}.roguelike-choice-card p{flex:1;margin:11px 0 0;font-size:.78rem;font-weight:850;line-height:1.55}.roguelike-choice-card .roguelike-ending-hint{color:#b12f3a;font-weight:950;text-shadow:0 1px rgba(255,255,255,.55)}.roguelike-market-item .roguelike-ending-hint{color:#a92835;font-weight:950}.roguelike-choice-card em{margin-top:9px;color:#263b349e;font-size:.7rem;font-style:normal;line-height:1.5}.roguelike-choice-card>strong{width:100%;margin-top:13px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--choice-accent) 25%,transparent);color:var(--choice-accent);font-size:.78rem}.ui-dialog.roguelike-market-dialog{width:min(760px,calc(100vw - 24px))}.roguelike-market-balance{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:12px;font-size:.8rem;font-weight:800}.roguelike-market-balance .res-icon,.roguelike-market-item>strong .res-icon{width:22px;height:22px}.roguelike-market-balance b{font-size:1rem}.roguelike-market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.roguelike-market-item{--market-accent: #4e8a72;position:relative;min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 38px 12px 12px;border:1px solid color-mix(in srgb,var(--market-accent) 42%,transparent);border-radius:15px;color:#244037;background:#ffffff57;text-align:left;box-shadow:0 4px #224a3c24;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.roguelike-market-item.rarity-significant{--market-accent: #b57d26}.roguelike-market-item.rarity-starter{--market-accent: #5b91aa}.roguelike-market-item.rarity-ending-key{--market-accent: #8a6aab}.roguelike-market-item:hover{background:#ffffff85;transform:translateY(-1px)}.roguelike-market-item.is-selected{border-color:var(--market-accent);background:color-mix(in srgb,var(--market-accent) 20%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--market-accent) 32%,transparent),0 5px color-mix(in srgb,var(--market-accent) 32%,transparent)}.roguelike-market-item-mark{width:50px;height:50px;display:grid;place-items:center;overflow:hidden;border-radius:13px;color:#fffdf4;background:var(--market-accent);box-shadow:0 3px color-mix(in srgb,var(--market-accent) 66%,#29483e)}.roguelike-market-item-mark img{width:48px;height:48px;object-fit:contain}.roguelike-market-item-mark .roguelike-relic-icon{width:29px;height:29px}.roguelike-market-item-copy{min-width:0}.roguelike-market-item-copy small,.roguelike-market-item-copy b,.roguelike-market-item-copy p{display:block}.roguelike-market-item-copy small{color:color-mix(in srgb,var(--market-accent) 78%,#244037);font-size:.62rem;font-weight:900}.roguelike-market-item-copy b{margin-top:2px;font-size:.86rem}.roguelike-market-item-copy p{margin:4px 0 0;color:#244037b3;font-size:.68rem;font-weight:700;line-height:1.4}.roguelike-market-item>strong{display:flex;align-items:center;gap:3px;font-size:.82rem}.roguelike-market-item>i{position:absolute;top:8px;right:8px;width:21px;height:21px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--market-accent) 46%,transparent);border-radius:7px;color:#fff;background:transparent;font:900 .72rem/1 system-ui,sans-serif}.roguelike-market-item.is-selected>i{background:var(--market-accent)}.roguelike-market-summary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 14px;margin-top:13px;padding:10px 12px;border:1px solid rgba(28,71,57,.18);border-radius:13px;background:#ffffff40;font-size:.76rem;font-weight:800}.roguelike-market-summary.has-error small{width:100%;color:#7c3435}.ui-dialog-button.roguelike-market-pay{color:#173b31;background:#ffffffb8}.ui-dialog-button.roguelike-market-pay b{padding-left:8px;border-left:1px solid rgba(23,59,49,.22)}.roguelike-boss-intel-button{width:100%;margin-top:12px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--node-color, #c94b50) 56%,transparent);border-radius:12px;color:#6f2028;background:color-mix(in srgb,var(--node-color, #c94b50) 9%,#fffaf0);font:900 .76rem/1.2 system-ui,sans-serif;cursor:pointer}.ui-dialog-backdrop.roguelike-boss-intel-overlay{z-index:130}.ui-dialog.roguelike-boss-intel-dialog{width:min(620px,calc(100vw - 24px))}.roguelike-boss-intel-list{display:grid;gap:9px}.roguelike-boss-intel-list>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid rgba(108,38,43,.18);border-radius:13px;background:#fffaf07a}.roguelike-boss-intel-list b{color:#a83a42;font-size:.7rem}.roguelike-boss-intel-list p{margin:0;color:#473638;font-size:.75rem;font-weight:750;line-height:1.55}@media(max-width:640px){.roguelike-market-grid{grid-template-columns:1fr}}@media(max-width:480px){.roguelike-choice-grid{grid-template-columns:1fr}.roguelike-story-intro{padding-inline:22px;padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 22px))}.roguelike-story-dialogue{width:100%}}@media(prefers-reduced-motion:reduce){.roguelike-story-intro,.roguelike-story-dialogue{animation:none}}.roguelike-layer-transition{--transition-duration: 4.8s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;overflow:hidden;color:#263b36;pointer-events:auto;animation:roguelikeLayerLifecycle var(--transition-duration) linear both}.roguelike-layer-veil{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#fffffff0,#d7e3dbfa 70%),#dce7df;opacity:0;animation:roguelikeLayerVeil var(--transition-duration) ease-in-out both}.roguelike-cloud-bank{position:absolute;z-index:2;top:-8%;bottom:-8%;width:57%;background:radial-gradient(circle at 72% 17%,rgba(255,255,255,.98) 0 13%,transparent 13.5%),radial-gradient(circle at 84% 35%,#eef4ef 0 18%,transparent 18.5%),radial-gradient(circle at 70% 58%,#f7faf7 0 20%,transparent 20.5%),radial-gradient(circle at 88% 78%,#e3ece5 0 16%,transparent 16.5%),linear-gradient(90deg,#d4e1d8,#eef4ef 72%,#eef4eff5);filter:drop-shadow(0 0 24px rgba(218,231,222,.72))}.roguelike-cloud-bank.is-left{left:0;border-radius:0 46% 42% 0/0 18% 22% 0;transform:translate(-104%);animation:roguelikeCloudLeft var(--transition-duration) cubic-bezier(.45,0,.28,1) both}.roguelike-cloud-bank.is-right{right:0;border-radius:46% 0 0 42%/18% 0 0 22%;transform:translate(104%) scaleX(-1);animation:roguelikeCloudRight var(--transition-duration) cubic-bezier(.45,0,.28,1) both}.roguelike-cloud-bank i{position:absolute;right:-5%;top:2%;width:clamp(100px,18vw,230px);aspect-ratio:1.28;border-radius:50%;background:linear-gradient(145deg,#f9fcfa,#dce7df 76%);box-shadow:inset 12px 12px 22px #ffffff80,0 0 28px #dbe7df7a}.roguelike-cloud-bank i:nth-child(2n){right:-2%}.roguelike-cloud-bank i:nth-child(2){top:16%}.roguelike-cloud-bank i:nth-child(3){top:30%}.roguelike-cloud-bank i:nth-child(4){top:44%}.roguelike-cloud-bank i:nth-child(5){top:58%}.roguelike-cloud-bank i:nth-child(6){top:72%}.roguelike-cloud-bank i:nth-child(7){top:86%}.roguelike-cloud-bank.is-right i{right:auto;left:-5%}.roguelike-cloud-bank.is-right i:nth-child(2n){left:-2%}.roguelike-layer-heading{position:absolute;z-index:4;top:50%;left:50%;display:grid;gap:9px;width:min(78vw,520px);text-align:center;transform:translate(-50%,-50%);opacity:0;animation:roguelikeLayerHeading var(--transition-duration) ease-in-out both}.roguelike-layer-heading span{font-size:clamp(.78rem,2vw,.96rem);font-weight:900;letter-spacing:.3em}.roguelike-layer-heading b{font-size:clamp(2.2rem,9vw,4.8rem);font-weight:950;letter-spacing:.08em;text-shadow:0 3px rgba(255,255,255,.52)}@keyframes roguelikeCloudLeft{0%,4%{transform:translate(-104%)}34%,59%{transform:translate(0)}86%,to{transform:translate(-112%)}}@keyframes roguelikeCloudRight{0%,4%{transform:translate(104%) scaleX(-1)}34%,59%{transform:translate(0) scaleX(-1)}86%,to{transform:translate(112%) scaleX(-1)}}@keyframes roguelikeLayerVeil{0%,24%{opacity:0}34%,62%{opacity:1}88%,to{opacity:0}}@keyframes roguelikeLayerHeading{0%,33%{opacity:0;transform:translate(-50%,calc(-50% + 9px))}43%,69%{opacity:1;transform:translate(-50%,-50%)}82%,to{opacity:0;transform:translate(-50%,calc(-50% - 7px))}}@keyframes roguelikeLayerLifecycle{0%,96%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){.roguelike-layer-transition{--transition-duration: 1.8s}}.roguelike-boss-prelude{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:flex-end;padding:clamp(28px,6vw,72px);color:#f7f0df;background:#050606}.roguelike-boss-prelude-copy{width:min(760px,100%)}.roguelike-boss-prelude-copy strong{font-size:clamp(22px,3vw,34px)}.roguelike-boss-prelude-copy i{display:block;width:100%;height:1px;margin:16px 0 22px;background:linear-gradient(90deg,#f7f0df,transparent)}.roguelike-boss-prelude-copy p{margin:10px 0;font-size:clamp(18px,2.5vw,28px);line-height:1.65}.roguelike-boss-prelude-copy button{margin-top:28px;padding:14px 28px;color:#17130e;font:inherit;font-weight:900;border:1px solid #fff8e8;border-radius:10px;background:#ead5a4;box-shadow:0 6px #8e784f}.roguelike-settlement{min-height:100dvh;padding:clamp(18px,3vw,38px);overflow:auto;color:#30261c;background:radial-gradient(circle at 50% 0,rgba(255,239,177,.8),transparent 45%),#a8bd79}.roguelike-settlement.is-loss{background:radial-gradient(circle at 50% 0,rgba(176,143,137,.5),transparent 45%),#58655d}.roguelike-settlement-sheet{width:min(980px,100%);margin:auto;padding:clamp(24px,4vw,46px);text-align:center;border:2px solid #392d21;border-radius:24px;background:#fff7e3;box-shadow:0 10px #372a1d59,0 22px 50px #141c1233}.roguelike-settlement-kicker{margin:0;color:#8c7452;font-weight:900;letter-spacing:.16em}.roguelike-settlement h1{margin:8px 0;font-size:clamp(38px,7vw,68px)}.roguelike-settlement-summary{margin:8px auto;font-size:clamp(18px,2.5vw,25px);font-weight:900}.roguelike-settlement-epilogue{max-width:720px;margin:12px auto;color:#6b5947;line-height:1.6}.roguelike-honor{display:inline-flex;gap:10px;align-items:baseline;margin:10px 0 18px;padding:9px 18px;border-radius:12px;color:#fff8dd;background:#6a5940}.roguelike-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.roguelike-stat-card{min-height:104px;padding:13px 8px;border:1px solid #d4c4a5;border-radius:14px;background:#f3ead6}.roguelike-stat-card span,.roguelike-stat-card small{display:block;color:#74634f;font-size:12px}.roguelike-stat-card strong{display:block;margin:6px 0 3px;font-size:clamp(22px,3vw,32px)}.roguelike-settlement-home{width:min(360px,100%);margin-top:22px}@media(max-width:700px){.roguelike-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roguelike-stat-card:last-child{grid-column:span 2}}