@font-face{font-family:InkKai;src:local("STKaiti"),local("KaiTi"),local("Kaiti SC")}:root{color-scheme:light;font-family:InkKai,Microsoft YaHei,serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body,#app{display:grid;place-items:center}body{color:#211b18;background:radial-gradient(circle,#26302c,#101512 68%)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.shell{position:relative;width:min(100vw,calc(100dvh * .56745),366px);height:min(100dvh,645px);overflow:hidden;background:#efe5d5;box-shadow:0 0 42px #0000009e;isolation:isolate;-webkit-user-select:none;user-select:none}.mini-chrome{position:absolute;z-index:40;right:4%;top:3.3%;width:25%;height:4.2%;display:flex;align-items:center;justify-content:space-around;border-radius:24px;color:#ffffffe6;background:#5b554e52;font:900 18px/1 system-ui,sans-serif}.mini-chrome i{width:18px;height:18px;border:3px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff2e}.lobby-v2{background:linear-gradient(#f4eedc4d,#dccfb41f),url(/assets/ink-battlefield.png) center / cover no-repeat,#e9dfc7;background-blend-mode:screen,multiply,normal}.lobby-v2:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,252,237,.06),transparent 64%,rgba(48,35,24,.34))}.profile{position:absolute;left:4%;top:4%;width:47%;height:11%;font-family:system-ui,sans-serif}.portrait{position:absolute;left:0;top:0;width:36px;height:36px;display:grid;place-items:center;border:2px solid #39312c;color:#e7dfc9;background:#3b3b3a;font:900 21px InkKai;box-shadow:1px 2px #0000004d}.coin,.energy{position:absolute;left:42px;width:118px;height:32px;padding:5px 10px 5px 13px;border-radius:0 20px 20px 0;color:#efc927;background:linear-gradient(90deg,#5a4031,#6d4b35 70%,#4b3325b8);font-weight:900}.coin{top:0}.coin:before{content:"";position:absolute;left:-6px;top:1px;width:28px;height:28px;border:3px solid #654916;border-radius:50%;background:#f6c920;z-index:-1}.energy{top:40px;color:#f3db3b}.energy i{float:right;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;color:#222;background:#5abc39;font-style:normal}.profile>button{position:absolute;left:0;top:43px;width:37px;height:37px;border:2px solid #38352e;border-radius:50%;color:#31414b;background:#879eaa;font-size:21px;box-shadow:1px 2px #00000047}.side-tab{position:absolute;z-index:3;left:4%;width:52px;height:36px;border:2px solid #332c24;color:#463722;background:#eadba8;box-shadow:inset 0 0 0 2px #fff8cca6,2px 2px #00000038;font-size:16px;font-weight:900}.side-tab.notice{top:17.5%}.side-tab.review{top:27%;border-color:#6f5a13;background:#f7df4b}.lobby-heading{position:absolute;left:20%;right:5%;top:14%;text-align:center;transform:rotate(-1deg)}.lobby-heading h1{margin:0;color:#9c3241;font-size:clamp(30px,9vw,44px);font-weight:500;letter-spacing:4px;text-shadow:1px 1px rgba(255,255,255,.6)}.lobby-heading p{margin:2px 0 6px;font-size:18px;font-weight:900}.lobby-heading div{color:#f4c71c;font:900 39px/1 system-ui,sans-serif;-webkit-text-stroke:2px #55451f;letter-spacing:-2px}.lobby-heading div b{color:#f4c71c}.lobby-heading div i{color:#655c35;font-style:normal}.lobby-board{position:absolute;left:20%;top:35%;width:66%;height:16%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);border:3px solid rgba(50,44,35,.65);background:#f5efdac4;transform:perspective(300px) rotateX(52deg) rotate(-2deg);box-shadow:0 10px #62775b38,0 20px 23px #2a231c29}.lobby-board i{border-left:2px solid rgba(66,57,45,.45);border-top:2px solid rgba(66,57,45,.45)}.lobby-board span{position:absolute;z-index:2;left:34%;top:8%;font-size:42px;font-weight:900;transform:rotate(7deg)}.start-v2{position:absolute;left:50%;top:61%;width:54%;height:9%;border:3px solid #422923;color:#fff3dc;background:linear-gradient(#c85f4b,#a13b37);box-shadow:inset 0 0 0 3px #f69a6f5c,0 5px #422821,0 10px 14px #00000042;transform:translate(-50%) rotate(-1deg);font-size:27px;font-weight:900;text-shadow:1px 2px #54302a}.start-v2 span{position:relative;z-index:2}.start-v2>i{position:absolute;left:50%;top:-26px;color:#b8c7cb;font:900 35px/1 system-ui,sans-serif;transform:translate(-50%);text-shadow:1px 1px #2c2a28}.start-v2>b{margin-left:7px;color:#ffe133;font-family:system-ui,sans-serif}.lobby-menu{position:absolute;bottom:13%;width:29%;border:0;color:#30251f;background:transparent;font-weight:900}.lobby-menu i{width:57px;height:59px;margin:auto auto 7px;display:grid;place-items:center;border:3px solid #3d3027;color:#e9dcae;background:linear-gradient(#493d30,#2e271f);box-shadow:2px 4px #0000004d;font-size:29px;font-style:normal}.rank-menu{left:9%}.bag-menu{right:8%}.bag-menu i{border-radius:22px 22px 12px 12px;background:#a86e2a}.record{position:absolute;left:0;right:0;bottom:7.5%;text-align:center;color:#3f3326a3;font-size:14px}.battle-v2{background:linear-gradient(#acbcabed,#9cb2a2f5),#a8b9aa}.battle-head{position:relative;height:13.64%;border-bottom:3px solid #2f2925;background:linear-gradient(#b7c5b5,#a8bba9)}.battle-head>button{position:absolute;z-index:3;left:11%;top:14%;width:34px;aspect-ratio:1;border:0;border-radius:50%;color:#e9e3d4;background:#74615e;box-shadow:inset 0 0 0 2px #ffffff2e;font:900 21px/1 system-ui,sans-serif}.battle-buns{position:absolute;left:11%;top:54%;width:82px;height:27px;padding:4px 8px 4px 35px;border-radius:18px;color:#efe2b0;background:linear-gradient(90deg,#080807,#17120e 72%,#140f0ca6);font:900 17px/1 system-ui,sans-serif}.battle-buns i,.recruit-v2 small i{position:absolute;left:0;top:-2px;width:36px;height:28px;border:2px solid #3d3329;border-radius:52% 48% 44% 55%;background:radial-gradient(circle at 48% 24%,#fffdf0,#eee7d0 72%,#c9bba2);box-shadow:1px 2px #00000042}.map-title{position:absolute;left:34%;right:29%;top:20%;text-align:center;font-weight:900;color:#a6463f;text-shadow:-1px 0 rgba(255,255,255,.7),0 1px rgba(255,255,255,.7)}.map-title strong,.map-title span{display:block}.map-title strong{font-size:23px;line-height:1.05}.map-title span{color:#171516;font:900 20px/1 system-ui,sans-serif}.bird{position:absolute;left:24%;top:37%;font-size:23px;transform:rotate(8deg)}.battle-map{position:relative;left:8.7%;width:82.6%;height:58.3%;overflow:visible;background:#98aa9f;box-shadow:0 0 0 3px #211e1b,0 5px #35413847}.map-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(10,1fr);gap:1px;padding:1px;background:#4326317a}.map-cell{min-width:0;background:#cad4c9;box-shadow:inset 0 0 0 1px #42524638}.map-cell.zone{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 50%),#879b90;box-shadow:inset 0 0 0 1px #3141373d}.hedge{position:absolute;z-index:3;height:8px;background:repeating-linear-gradient(120deg,transparent 0 7px,#66574f 8px 10px,transparent 11px 16px),repeating-linear-gradient(60deg,transparent 0 7px,#8a776a 8px 10px,transparent 11px 16px);filter:drop-shadow(0 1px rgba(255,255,255,.25));pointer-events:none}.hedge-a{left:0;right:0;top:49.4%}.hedge-b{display:none}.hedge-c,.hedge-d{width:8px;height:20%;background:repeating-linear-gradient(30deg,transparent 0 7px,#66574f 8px 10px,transparent 11px 16px),repeating-linear-gradient(150deg,transparent 0 7px,#8a776a 8px 10px,transparent 11px 16px)}.hedge-c,.hedge-d{display:none}.corner-base{position:absolute;z-index:12;width:14%;height:18%;display:flex;flex-direction:column;align-items:center;pointer-events:none}.corner-base b{display:block;font-size:37px;line-height:1;transform:rotate(-7deg);text-shadow:1px 1px #f0dfcf}.corner-base span{color:#d72e48;font:900 15px/1 system-ui,sans-serif;letter-spacing:-2px;-webkit-text-stroke:.5px #68131f}.enemy-base{left:auto;right:-5%;top:37%}.enemy-base span{order:-1;margin-bottom:4px}.player-base{left:-5%;right:auto;bottom:37%;justify-content:flex-end}.player-base span{margin-bottom:5px}.corner-base.damaged{animation:baseDamage .36s steps(3,end)}.corner-base.damaged b{color:#b7192d;text-shadow:0 0 7px #fff,1px 1px #f0dfcf}.spawn{position:absolute;z-index:11;width:11%;height:17%;color:#a64a48;font:900 25px/1 system-ui,sans-serif;filter:drop-shadow(1px 1px #e7d7c9)}.spawn:after{content:"⌃\a⌃\a⌃";white-space:pre}.spawn-enemy{right:-7%;top:20%}.spawn-player{left:-7%;bottom:20%;transform:rotate(180deg)}.board-layer{position:absolute;left:0;right:0;z-index:5;height:30%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr);gap:1px;padding:1px;pointer-events:none}.enemy-layer{top:0}.player-layer{bottom:0}.deploy-cell{position:relative;min-width:0;pointer-events:auto}.deploy-cell.open{background:#fffef7f7;box-shadow:inset 0 0 0 1px #70635b61}.deploy-cell.locked{background:transparent}.deploy-cell.locked>b{display:none}.board-layer.shovel-mode .deploy-cell.locked>b{display:grid;place-items:center;width:80%;height:80%;margin:10%;border:2px solid #8bb243;border-radius:4px;color:#678530;background:#cbe8828c;font:900 17px/1 system-ui,sans-serif}.soldier-card{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border:0;color:#171514;background:transparent;font:900 clamp(25px,7vw,39px)/1 "InkKai",serif;text-shadow:1px 1px rgba(255,255,255,.75)}.soldier-card span{display:inline-block;transform:rotate(var(--tilt,-2deg))}.soldier-card:nth-child(2n) span{--tilt: 2deg}.soldier-card sup{position:absolute;right:5px;top:2px;font:900 11px/1 system-ui,sans-serif}.soldier-card.hero{color:#b68931}.soldier-card.shovel{color:#50655d;font-size:0}.soldier-card.shovel:before{content:"";width:7px;height:56%;border-radius:5px;background:#4c4038;transform:rotate(24deg)}.soldier-card.shovel:after{content:"";position:absolute;left:34%;bottom:13%;width:30%;height:25%;border:2px solid #344a47;border-radius:2px 2px 10px 10px;background:#839b98;transform:rotate(24deg)}.soldier-card.selected{outline:3px solid #e7be22;outline-offset:-3px;background:#ffed621f}.soldier-card.linked{outline:3px solid #e4b715;outline-offset:-3px}.soldier-card em{position:absolute;left:50%;bottom:-12px;z-index:15;padding:1px 4px;color:#7d581c;background:#ffdd51;border:1px solid #8d681b;font:900 10px/1 system-ui,sans-serif;white-space:nowrap;transform:translate(-50%)}.soldier-card.attacking span{animation:wordAttack .23s steps(2,end)}.range-layer,.creep-layer,.effect-layer{position:absolute;inset:0;pointer-events:none}.range-layer{z-index:7;overflow:visible}.creep-layer{z-index:9;overflow:visible}.effect-layer{z-index:14;overflow:visible}.range-ring{position:absolute;aspect-ratio:1;border:2px dashed rgba(48,42,36,.65);border-radius:50%;background:radial-gradient(circle,rgba(255,244,185,.06),rgba(114,91,61,.08) 60%,transparent 63%);transform:translate(-50%,-50%);animation:rangePulse .9s alternate infinite}.range-ring span{position:absolute;left:50%;top:4px;padding:2px 5px;color:#f3e7d3;background:#231f1cd1;border:1px solid #181613;font:800 10px/1.2 system-ui,sans-serif;white-space:nowrap;transform:translate(-50%)}.raider{position:absolute;width:39px;height:47px;display:grid;place-items:center;color:#151311;font:900 35px/1 InkKai;text-shadow:1px 1px rgba(255,255,255,.5);transform:translate(-50%,-50%)}.raider.player{color:#303e43}.raider.elite{color:#2b1636;filter:drop-shadow(0 0 4px #ad54d4)}.raider.elite:before{content:"";position:absolute;inset:-7px;border:2px solid rgba(160,70,201,.68);border-radius:50%;animation:rangePulse .55s alternate infinite}.raider em{position:absolute;right:-7px;top:-14px;color:#efe5f4;background:#4f275e;padding:1px 3px;font:800 8px/1 system-ui,sans-serif}.raider i{position:absolute;left:3px;right:3px;top:-3px;height:4px;background:#24191a}.raider i b{display:block;height:100%;background:#d62c44}.raider.hit{animation:raiderHit .16s steps(2,end)}.ink-slash{position:absolute;width:45px;height:7px;border-radius:50%;background:var(--ink,#222);transform:translate(-50%,-50%) rotate(-23deg);animation:slash .25s ease-out forwards}.ink-slash:after{content:"";position:absolute;left:14px;top:-10px;width:28px;height:4px;border-radius:50%;background:inherit;transform:rotate(63deg)}.ink-shot{position:absolute;z-index:7;height:3px;border-radius:999px;pointer-events:none;background:linear-gradient(90deg,transparent 0,var(--ink) 18%,var(--ink) 82%,transparent 100%);box-shadow:0 0 3px color-mix(in srgb,var(--ink),white 35%);transform-origin:0 50%;transform:rotate(var(--angle));animation:inkShot .36s ease-out forwards}.ink-shot.enemy-shot{filter:sepia(.5) saturate(1.8) hue-rotate(315deg)}.damage-number{position:absolute;z-index:9;color:#261f1b;text-shadow:0 1px rgba(255,245,225,.9);font:900 14px/1 system-ui,sans-serif;animation:damageFloat .68s ease-out forwards}.battle-controls{position:relative;height:28.06%;padding-top:4.5%;background:linear-gradient(#b8c8b8,#a6bbaa)}.queue-line{display:grid;grid-template-columns:15% 1fr;height:25%;margin:0 10%}.camp-roof{position:relative;z-index:2;display:grid;place-items:center;border:3px solid #29231f;color:#f4e7ca;background:#302923;box-shadow:2px 3px #0000004d;font-size:26px}.camp-roof:before{content:"";position:absolute;left:-5px;right:-5px;top:-14px;height:18px;border:3px solid #3b241c;background:linear-gradient(165deg,#8e3e2e 0 48%,#43261f 49%);clip-path:polygon(0 100%,15% 15%,50% 0,85% 15%,100% 100%)}.queue-v2{display:grid;grid-template-columns:repeat(5,1fr);border:2px solid #615a50;background:#eeece1}.queue-slot{position:relative;border-left:1px solid #857d72}.queue-slot .soldier-card{font-size:clamp(25px,7vw,36px);background:#fffef8c2;animation:recruitDrop .25s ease-out}.recruit-v2{position:relative;display:block;width:31%;height:31%;margin:8% auto 0;border:3px solid #1f1c1b;border-radius:4px;color:#fff9e9;background:linear-gradient(90deg,#bd6550,#da7658 68%,#d77154);box-shadow:inset 0 0 0 2px #ffae8461,0 5px #292421;text-shadow:1px 2px #56342c;font-weight:900}.recruit-v2>span{display:block;font-size:27px;line-height:1}.recruit-v2 small{position:relative;display:inline-block;margin-top:6px;padding-left:24px;font:900 14px/1 system-ui,sans-serif;text-shadow:none}.recruit-v2 small i{width:22px;height:17px;border-width:1px;top:-3px}.recruit-v2:disabled{background:linear-gradient(90deg,#98604f 48%,#4e5354 49%);filter:saturate(.72)}.overlay{position:absolute;inset:0;z-index:60;display:grid;place-items:center}.shade{background:#0f0d0bad}.overlay article{position:relative;width:86%;padding:54px 24px 24px;border:3px solid #28231e;color:#2a221b;background:#f2ead8;box-shadow:inset 0 0 0 3px #ffffff73,0 7px 18px #0000008c;text-align:center}.overlay article:before{content:"";position:absolute;left:-3px;right:-3px;top:-3px;height:52px;border-bottom:3px solid #3b332c;background:linear-gradient(#cfc0b6,#b89e91)}.overlay h2{position:absolute;left:0;right:0;top:5px;z-index:2;margin:0;font-size:31px;text-shadow:1px 2px #fff5e4}.modal-close{position:absolute;z-index:3;left:-10px;top:-11px;width:44px;height:44px;border:3px solid #2e2823;color:#f3d87b;background:#4b4038;font:900 35px/1 system-ui,sans-serif}.overlay article>button:not(.modal-close){min-width:45%;margin:12px 5px 0;padding:10px 13px;border:3px solid #2c2722;color:#fff7dd;background:#bb6249;box-shadow:0 3px #3d3129;font-size:18px;font-weight:900}.overlay article>button.yellow{color:#33260b;background:#ffd728}.overlay article>button.confirm{background:#5d9c56}.overlay article>button.danger{background:#a54b42}.paper-modal ol{padding-left:24px;text-align:left;line-height:1.75}.settings-modal label{display:block;margin:16px 0;font-size:18px}.settings-modal input[type=range]{accent-color:#56a93c;vertical-align:middle}.pause-stats{display:flex;justify-content:space-around;margin:17px 0;padding:16px;background:#ded0ae}.challenge-overlay{background:#443f3461}.challenge-overlay article{width:88%;border-color:#6b1c16;background:#f4e3b7;box-shadow:inset 0 0 0 5px #a43d2e,0 7px 18px #00000073}.challenge-overlay article:before{background:repeating-linear-gradient(-45deg,#9d251e 0 8px,#e6c54e 8px 16px)}.challenge-mark{width:72px;height:72px;margin:12px auto;display:grid;place-items:center;border-radius:50%;color:#f2d85b;background:#9e2c24;font:900 43px/1 InkKai}.result-overlay{background:#dce8e8}.result-overlay article{width:100%;height:100%;padding-top:110px;border:0;background:radial-gradient(circle at 50% 43%,rgba(92,126,129,.13),transparent 32%),#dce8e8;box-shadow:none}.result-overlay article:before{left:25%;right:25%;top:65px;height:76px;border:3px solid #263236;border-radius:48%;background:#718b95}.result-overlay h2{top:80px;font-size:42px}.result-stars{margin:9px auto;padding:9px;color:#f3c521;background:#2b3032;border:4px solid #986d35;font:900 35px/1 system-ui,sans-serif}.result-stars i{color:#555b5d;font-style:normal}.weapon-spread{height:135px;display:flex;align-items:center;justify-content:center;gap:17px;font-size:31px;font-weight:900}.weapon-spread span:nth-child(odd){transform:translateY(15px) rotate(-12deg)}.weapon-spread b{font-size:58px}.result-overlay article>strong{display:block;color:#b98b0c;font:900 26px system-ui,sans-serif}.toast-v2,.wave-banner-v2{position:absolute;z-index:80;left:50%;top:45%;padding:8px 15px;border:2px solid #2d2722;color:#fff1d4;background:#2a241fe6;transform:translate(-50%,-50%);animation:toastOut 1.2s ease forwards;white-space:nowrap}.wave-banner-v2{top:35%;background:#ede0c5f0;color:#2a211b;text-align:center}.wave-banner-v2{z-index:50}.wave-banner-v2 b,.wave-banner-v2 span{display:block}@keyframes wordAttack{0%{transform:translate(0) rotate(0)}30%{transform:translate(-4px,1px) rotate(-7deg)}60%{transform:translate(4px,-1px) rotate(6deg);filter:contrast(1.7)}to{transform:translate(0) rotate(0)}}@keyframes baseDamage{0%{transform:translate(0) scale(1)}30%{transform:translate(-6px) scale(1.13)}60%{transform:translate(6px) scale(.94)}to{transform:translate(0) scale(1)}}@keyframes raiderHit{0%{transform:translate(-50%,-50%)}50%{transform:translate(calc(-50% + 5px),-50%) scale(.85);color:#bd1f32}to{transform:translate(-50%,-50%)}}@keyframes inkShot{0%{opacity:0;clip-path:inset(0 100% 0 0)}24%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes slash{0%{opacity:1;scale:.6}to{opacity:0;scale:1.45}}@keyframes damageFloat{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-24px)}}@keyframes rangePulse{0%{opacity:.56;scale:.97}to{opacity:1;scale:1.03}}@keyframes recruitDrop{0%{opacity:0;transform:translateY(-12px) scale(.8)}to{opacity:1;transform:none}}@keyframes toastOut{0%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-68%)}}@media(max-height:700px){.battle-controls{padding-top:3.5%}.recruit-v2{margin-top:5.5%}.lobby-heading h1{font-size:30px}}