:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050608;--gold:#d4af37;--gold-dim:#8a7340;--text:#f2ebe0;--muted:#a89880}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);touch-action:pan-x pan-y;overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-family:EB Garamond,Palatino Linotype,serif;overflow:hidden}#app{width:100%;height:100%;position:relative}.boot-loading{z-index:9999;background:radial-gradient(circle at 30% 20%,#d4af3726,#0000 40%),radial-gradient(circle at 80% 80%,#78a07829,#0000 40%),linear-gradient(#080a0cfa,#060709fc);justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:absolute;inset:0}.boot-loading.hidden{opacity:0;pointer-events:none}.boot-loading-card{text-align:center;background:linear-gradient(#14161bf2,#0c0d10f2);border:1px solid #d4af3761;border-radius:14px;min-width:280px;max-width:420px;padding:1.3rem 1.4rem 1.1rem;box-shadow:0 14px 30px #00000080}.boot-title{letter-spacing:.06em;color:#e9cc93;margin-bottom:.7rem;font-family:Cinzel,serif;font-size:1.35rem;font-weight:700}.boot-spinner{border:3px solid #e9cc9333;border-top-color:#e9cc93e6;border-radius:50%;width:30px;height:30px;margin:0 auto .65rem;animation:.9s linear infinite boot-spin}.boot-loading-text{color:#c8b79a;font-size:1rem}@keyframes boot-spin{to{transform:rotate(360deg)}}#game-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}#hud-root{pointer-events:none;position:absolute;inset:0}#hud-root button{pointer-events:auto;cursor:pointer;touch-action:manipulation}#hud{position:absolute;inset:0}.challenge-enter-loading{z-index:20000;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#050608c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.challenge-enter-loading-card{text-align:center;background:linear-gradient(#14161bf5,#0c0d10f5);border:1px solid #d4af376b;border-radius:14px;min-width:260px;max-width:380px;padding:1.25rem 1.35rem 1rem;box-shadow:0 14px 34px #0000008c}.challenge-enter-spinner{border:3px solid #e9cc9333;border-top-color:#e9cc93eb;border-radius:50%;width:28px;height:28px;margin:0 auto .6rem;animation:.85s linear infinite boot-spin}.challenge-enter-loading-text{color:#d4c4a8;letter-spacing:.04em;font-family:Cinzel,serif;font-size:1.02rem}.hidden{display:none!important}.home-menu{pointer-events:auto;background:radial-gradient(circle at 15% 10%,#6e947033,#0000 40%),radial-gradient(circle at 80% 75%,#a0744833,#0000 40%),linear-gradient(#101418d6,#0a0a0ae0);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.home-shell{width:100vw;height:100dvh;max-height:none;box-shadow:none;background:radial-gradient(circle at 20% 12%,#d0a55c24,#0000 34%),linear-gradient(#101216fa,#0a0b0efa);border:none;border-radius:0;padding:0;position:relative;overflow:hidden}.home-shell h1{margin:0;font-family:Cinzel,serif}.home-shell p{color:var(--muted);margin:.4rem 0 1rem}.menu-topbar{z-index:40;background:linear-gradient(#16181ce0,#0e1014db);border-bottom:1px solid #e0bc5c47;justify-content:center;align-items:center;height:152px;margin-top:10px;padding:0 22px;display:flex;position:relative;overflow:visible}.topbar-meta{color:#ffd24a;text-shadow:0 0 10px #ffd24a59;z-index:60;background:linear-gradient(#17140ff0,#0e0c09f0);border:1px solid #d4af378c;border-radius:12px;align-items:center;gap:.7rem;padding:.56rem .9rem;font-size:1.5rem;font-weight:700;display:inline-flex;position:absolute;top:14px;right:18px;transform:none;box-shadow:0 6px 14px #00000073,inset 0 1px #ffffff14}.menu-meta{top:148px;right:18px}.topbar-meta .gold-icon{width:1.42rem;height:1.42rem}.topbar-meta #meta-gold-menu{font-size:1.5rem;line-height:1}.ghost{color:var(--text);background:#0003;border:1px solid #d4af3759;border-radius:6px;padding:.35rem .7rem}.brand-center{pointer-events:none;z-index:45;display:block;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.brand-center:before{content:"";filter:blur(4px);z-index:-1;background:radial-gradient(#ffc4542e 0%,#ffc4540a 48%,#0000 72%);width:min(58vw,980px);height:84px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.brand-logo-text{text-align:center;letter-spacing:.08em;color:#e5c283;-webkit-text-stroke:0;text-shadow:0 2px #140d08d9,0 6px 14px #00000075,0 0 16px #e5c28333;width:min(58vw,980px);font-family:Cinzel,Palatino Linotype,serif;font-size:clamp(2.6rem,6.2vw,5.25rem);font-weight:700;line-height:1}.brand-logo-image{object-fit:contain;filter:drop-shadow(0 8px 16px #00000073);width:min(60vw,900px);max-height:210px;display:block}.brand-heroes-left{z-index:46;align-items:center;gap:.67rem;display:flex;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.brand-zombies-right{z-index:46;align-items:center;gap:.67rem;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.brand-side-char{background:#121316e6;border:2px solid #e1b72acc;border-radius:999px;flex:none;width:clamp(56px,6.6vw,92px);height:clamp(56px,6.6vw,92px);overflow:hidden;box-shadow:0 0 0 2px #0a0a0a8c,0 0 18px #ecc44a59,inset 0 0 22px #00000038}.brand-side-char.hero{border-width:1.5px;width:76px;height:76px;box-shadow:0 0 0 1px #0a0a0a8c,0 0 10px #ecc44a40,inset 0 0 12px #0003}.brand-side-char img{object-fit:cover;object-position:center 20%;filter:saturate(1.05)contrast(1.06);width:100%;height:100%;display:block}.brand-side-char.left img{object-position:center 12%;transform-origin:50% 28%;transform:scale(1.34)}.home-tabs{z-index:35;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.55rem;margin:0;display:flex;position:absolute;top:182px;bottom:16px;left:18px}.home-tabs .tab-settings-bottom{margin-top:0}.home-tabs .tab-vs-bottom{color:#ff8a55;border-color:#ff6b3599;margin-top:0}.home-tabs .tab-vs-bottom.active{color:#ffc8a0;background:linear-gradient(#b43c14f5,#78230af5);border-color:#ff6b35;box-shadow:0 0 16px #ff6b3559,inset 0 1px #ffffff2e}.home-tabs button{color:#e9dec9;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#171b21e6,#0c0e12eb);border:1px solid #d4af3780;border-radius:999px;padding:.55rem 1.2rem;font-family:Cinzel,Palatino Linotype,serif;font-size:.8rem;box-shadow:inset 0 1px #ffffff0f}.home-tabs button.active{color:#fff2d4;background:linear-gradient(#6c4f22f5,#4e3614f5);box-shadow:0 0 16px #d4af3759,inset 0 1px #ffffff2e}.menu-panel{display:none}.menu-panel.active{display:block}#menu-upgrades-panel{box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100dvh - 194px);padding:0 calc(12px + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px) + clamp(4.75rem, 22vw, 6.5rem));width:100%;max-width:100%;overflow:hidden auto}#menu-settings-panel{box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100dvh - 194px);padding:0 calc(12px + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));width:100%;max-width:100%;overflow:hidden auto}#menu-missions-panel{box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:calc(100dvh - 194px);padding:.6rem calc(12px + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));width:100%;max-width:100%;overflow:hidden auto}.missions-stage{max-width:min(720px,100%);margin:0 auto}.missions-panel-title{letter-spacing:.1em;text-transform:uppercase;color:#ffe8a8;text-align:center;text-shadow:0 2px 6px #0009;margin:3.5rem 0 2rem;font-family:Cinzel,serif;font-size:2.2rem;font-weight:800}.missions-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.mission-card{background:#101218eb;border:1px solid #d4af3761;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 10px 28px #00000059}.mission-card:hover{border-color:#d4af3799;transform:translateY(-2px);box-shadow:0 14px 36px #00000080}.mission-card-cover{border-bottom:1px solid #d4af3733;width:100%;height:180px;position:relative;overflow:hidden}.mission-card-cover img{object-fit:cover;object-position:center center;width:100%;height:100%;transition:transform .4s}.mission-card-cover img.mission-card-cover-kn{object-position:center top}.mission-card:hover .mission-card-cover img{transform:scale(1.05)}.mission-card-content{flex-direction:column;flex:1;padding:1.25rem 1.35rem 1.4rem;display:flex}.mission-card-title{letter-spacing:.08em;text-transform:uppercase;color:#ffe8a8;text-shadow:0 1px 2px #00000080;margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.mission-card-blurb{color:#d8d0c4;flex:1;margin:0 0 1.2rem;font-size:.92rem;line-height:1.55}.mission-card-actions{justify-content:flex-start;display:flex}.mission-card-play{color:#fff2d4;letter-spacing:.06em;cursor:pointer;background:linear-gradient(#5c481cf2,#3a2c10fa);border:1px solid #d4af3799;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:1rem;font-weight:700;transition:filter .2s,transform .1s;display:flex}.mission-card-play:hover{filter:brightness(1.15);transform:scale(1.02)}.mission-card-play:active{transform:scale(.98)}.panel.top.mission-run .king-row{display:none!important}.mission-start-gate{z-index:12800;pointer-events:auto;background:#06080c8c;justify-content:center;align-items:center;padding:1rem 1rem min(28vh,220px);display:flex;position:fixed;inset:0}.mission-start-gate.hidden{display:none!important}.mission-start-gate-card{text-align:center;background:linear-gradient(#1c202cf7,#0e1016fa);border:1px solid #d4af3780;border-radius:12px;flex-direction:column;align-items:center;max-width:min(400px,100%);padding:1.15rem 1.35rem 1.2rem;display:flex;box-shadow:0 16px 48px #00000080,inset 0 0 0 1px #ffde891a}.mission-start-gate-title{letter-spacing:.14em;text-transform:uppercase;color:#ffe8a8;text-shadow:0 1px #00000059;max-width:100%;margin:0 0 .75rem;font-size:1.05rem;font-weight:800;line-height:1.25}.mission-start-gate-queen{object-fit:cover;border:2px solid #d4af378c;border-radius:50%;width:112px;height:112px;margin-bottom:.85rem;box-shadow:0 6px 20px #00000073}.mission-start-gate-hint{color:#eae4d8;max-width:22rem;margin:0 0 1rem;font-size:1.08rem;font-weight:600;line-height:1.4}.mission-start-gate-controllers-title{letter-spacing:.08em;text-transform:uppercase;color:#d8e8ff;margin:0 0 .22rem;font-size:.92rem;font-weight:800}.mission-start-gate-controllers-text{color:#cfd9e8;max-width:22rem;margin:0 0 1rem;font-size:.94rem;line-height:1.35}.mission-start-run-btn{color:#f2ffe8;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#3d6a2e,#2a4a20);border:1px solid #b4c87873;border-radius:8px;min-width:8rem;padding:.6rem 1.35rem;font-size:1.02rem;font-weight:700}.mission-start-run-btn:hover{filter:brightness(1.08)}#upgrade-layout,.upgrade-grid,.piece-list{min-width:0;max-width:100%}.settings-stage{justify-content:center;align-items:center;min-height:calc(100vh - 194px);padding:1.5rem;display:flex}.settings-shell{background:linear-gradient(#14181ff0,#0c0e13f2);border:1px solid #d4af376b;border-radius:14px;width:min(940px,100%);padding:1.2rem 1.35rem 1.35rem;box-shadow:0 18px 55px #0000007a,inset 0 0 0 1px #ffde891f}.settings-title{letter-spacing:.1em;text-transform:uppercase;color:#ffe8a8;text-align:center;text-shadow:0 2px 6px #0009;margin:3.5rem 0 1rem;font-family:Cinzel,serif;font-size:2.2rem;font-weight:800}.settings-subtitle{text-align:center;color:#c8b79a;margin:.55rem 0 1rem;font-size:.95rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.settings-card{background:radial-gradient(circle at 15% 0,#d4af3717,#0000 48%),#11161de0;border:1px solid #d4af374d;border-radius:10px;padding:.95rem}.settings-card h3{letter-spacing:.04em;color:#ebcb86;margin:0;font-family:Cinzel,serif;font-size:1rem}.settings-card p{color:#b9a88d;margin:.45rem 0 .8rem;line-height:1.45}.settings-pill-row{gap:.55rem;margin-bottom:.9rem;display:flex}.settings-pill-row button,.settings-download-btn{color:#f1dfba;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(#302214f2,#1e140cf2);border:1px solid #d4af378c;border-radius:999px;padding:.48rem .95rem;font-family:Cinzel,Palatino Linotype,serif;font-size:.78rem}.settings-pill-row button:disabled,.settings-download-btn:disabled{opacity:.55}.settings-kv{color:#ddcbab;border-top:1px solid #d4af3733;justify-content:space-between;gap:.8rem;padding:.35rem 0;display:flex}.settings-kv strong{color:#ab9570;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.settings-status{color:#c7b596;background:#0b0e12cc;border:1px solid #d4af3740;border-radius:8px;min-height:2.8rem;margin-top:.8rem;padding:.62rem .72rem;line-height:1.4}.settings-shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;display:grid}.settings-shortcuts-grid label{color:#f5e6be;justify-content:space-between;align-items:center;gap:.6rem;font-size:.92rem;display:flex}.settings-shortcuts-grid input{color:#ffe8a8;text-transform:uppercase;text-align:center;background:#080b1cd9;border:1px solid #d4af3780;border-radius:8px;width:2.2rem;height:2rem;font-weight:800}.map-stage{height:calc(100vh - 194px);padding:0 22px;position:relative}.objective-card,.commander-card{z-index:20;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:auto;background:#0a0c0fe6;border:1px solid #d4af3780;border-radius:8px;padding:14px;position:absolute}.objective-card{width:280px;transition:left .3s,top .3s;transform:translate(-50%,calc(-100% - 35px));box-shadow:0 8px 32px #000c}.objective-card:after{content:"";border:8px solid #0000;border-top-color:#d4af3780;border-bottom-width:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.objective-card.arrow-top{transform:translate(-50%,35px)}.objective-card.arrow-top:after{border-width:0 8px 8px;border-color:#0000 #0000 #d4af3780;top:-8px;bottom:auto}.objective-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.7rem}.objective-card h2{color:#e5c283;margin:.25rem 0 .8rem;font-family:Cinzel,serif}.obj-row{margin:.4rem 0}.obj-row span{color:var(--gold);text-transform:uppercase;margin-bottom:.15rem;font-size:.72rem;display:block}.obj-quote{color:#c8b79a;margin-top:.8rem;font-size:.95rem;font-style:italic;line-height:1.4}.map-center{min-width:0;height:100%}.challenge-map{cursor:grab;touch-action:none;background-color:#0a0a0a;border:1px solid #d4af374d;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden}.challenge-map:active{cursor:grabbing}.map-content-wrapper{background-image:var(--campaign-map-image,url(/campaign_map.png));transform-origin:0 0;will-change:auto;touch-action:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:2000px;height:1500px;position:absolute;top:0;left:0}.map-header{display:none}.map-paths{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map-paths line{stroke:#ffdc8c;stroke-width:4px;stroke-linecap:round;stroke-dasharray:8 8;filter:drop-shadow(0 0 3px #ffdc8c8c);vector-effect:non-scaling-stroke;pointer-events:none}body.low-power-mode .map-fog{opacity:.35;animation:none}body.low-power-mode .challenge-enter-loading,body.low-power-mode .objective-card,body.low-power-mode .commander-card{-webkit-backdrop-filter:none;backdrop-filter:none}body.low-power-mode .map-paths line{filter:none}.map-fog{z-index:2;pointer-events:none;background:radial-gradient(circle at 20% 25%,#b4dcc81a,#0000 45%),radial-gradient(circle at 70% 60%,#a0d2b41a,#0000 40%);animation:14s linear infinite alternate fogDrift;position:absolute;inset:-20%}@keyframes fogDrift{0%{transform:translate(-2%)translateY(0%)}to{transform:translate(2%)translateY(-1.5%)}}#map-node-layer{z-index:3;position:absolute;inset:0}.map-node{color:#fff;text-shadow:1px 1px 2px #000;pointer-events:auto;z-index:10;border:2px solid #ffdc8c;border-radius:50%;width:46px;height:46px;font-family:Cinzel,serif;font-size:1.1rem;font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 20px #000c,inset 0 0 10px #00000080}.map-node.unlocked{cursor:pointer}.map-node.locked{opacity:1;filter:grayscale()brightness(.4)}.map-node.active{outline-offset:2px;outline:3px solid #ffdf76}.map-node.type-start,.map-node.type-normal{background:radial-gradient(circle,#70ac7e,#244632)}.map-node.type-elite{background:radial-gradient(circle,#b65fde,#502378)}.map-node.type-boss{background:radial-gradient(circle,#e65656,#661818)}.map-node.type-challenge{background:radial-gradient(circle,#6faafa,#1e3a70)}.map-node.type-portal{color:#fff;letter-spacing:.1em;white-space:nowrap;background:radial-gradient(circle,#ff7df0,#5d1b73);border-color:#ffd0fb;border-radius:999px;width:auto;min-width:172px;height:38px;padding:0 14px;font-size:.78rem;line-height:1;box-shadow:0 0 24px #ff70e98c,inset 0 0 12px #00000073}.commander-card,.commander-floating{flex-direction:column;align-items:flex-end;gap:2px;display:flex;bottom:18px;right:34px}.commander-floating{z-index:21;pointer-events:none;position:absolute}.portrait{background:linear-gradient(#3a4045,#1f262b);border:1px solid #d4af3740;border-radius:6px;width:48px;height:48px}.commander-name{color:#e5c283;font-family:Cinzel,serif}.commander-title{color:var(--muted);font-size:.8rem}.menu-hidden-title{display:none}.objective-play{color:#1a1208;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(#e8c878,#c49438);border:1px solid #d4af3799;border-radius:6px;justify-content:center;align-items:center;gap:.38rem;width:100%;margin-top:.85rem;padding:.55rem .75rem;font-family:Cinzel,Palatino Linotype,serif;font-weight:700;display:inline-flex}.objective-play:disabled:before{content:"🔒";filter:brightness(.42)saturate(.9);font-size:1.3rem;line-height:1}.objective-play:not(:disabled):before{content:"⚔";color:#2a1a0a;filter:saturate(.95);font-size:1.3rem;line-height:1}.upgrade-list{margin-bottom:.75rem}.upgrade-cost{color:var(--muted);font-size:.84rem}.menu-note{color:var(--muted);margin:.8rem 0 0}#upgrade-layout{background:#0a0e12b8;border:1px solid #d4af3759;border-radius:8px;padding:.8rem}.upgrade-topbar{z-index:2;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.6rem;display:flex;position:relative}.gold-icon{vertical-align:middle;background:radial-gradient(circle at 30% 28%,#fff6b8 0%,#ffd763 34%,#d8a526 66%,#8d5e12 100%);border:1px solid #5e3d08e6;border-radius:50%;width:.95rem;height:.95rem;font-size:0;line-height:0;display:inline-block;position:relative;box-shadow:inset 0 1px 1px #ffffff73,inset 0 -1px 1px #68430973,0 0 8px #ffcd4973}.gold-icon:after{content:"";border:1px solid #784d0a85;border-radius:50%;position:absolute;inset:22%;box-shadow:inset 0 1px #ffffff47}.upgrade-title{text-transform:uppercase;letter-spacing:.1em;color:#ffe8a8;text-align:center;text-shadow:0 2px 6px #0009;margin:3.5rem 0 2rem;font-family:Cinzel,serif;font-size:2.2rem;font-weight:800}.upgrade-footer-actions{justify-content:center;align-items:center;margin-top:2rem;padding-bottom:1rem;display:flex}.upgrade-reset-btn{letter-spacing:.05em;color:#fff2d4;cursor:pointer;background:linear-gradient(#8c281ef2,#5a140ffa);border:1px solid #d4af3773;border-radius:8px;padding:.8rem 2rem;font-size:1.05rem;font-weight:700;transition:transform .1s,filter .2s,box-shadow .2s;box-shadow:0 4px 16px #0006}.upgrade-reset-btn:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 6px 20px #0009}.upgrade-reset-btn:active{transform:translateY(1px)}.upgrade-grid{grid-template-columns:1fr;gap:.7rem;min-height:360px;display:grid}.piece-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.piece-card{text-align:left;cursor:default;background:#141a22d1;border:1px solid #d4af374d;border-radius:8px;padding:.75rem;transition:border-color .12s,box-shadow .12s,transform .12s}.piece-card:hover{border-color:#ffd677bf;transform:translateY(-2px)}.piece-card-header{flex-direction:row;align-items:stretch;gap:.5rem;min-height:128px;margin-bottom:.45rem;display:flex}.piece-header-portrait{background:#0a0c10cc;border:1px solid #d4af3747;border-radius:6px;flex:1;min-width:0;overflow:hidden}.piece-header-side{flex-direction:column;flex:0 0 44%;justify-content:flex-start;align-items:center;gap:.42rem;max-width:48%;padding:.2rem .12rem;display:flex}.piece-header-skill-wrap{flex-shrink:0;width:76px;height:76px;position:relative}.piece-header-skill{object-fit:cover;background:#0a0c10;border:1px solid #d4af37d1;border-radius:10px;width:100%;height:100%;display:block;box-shadow:0 2px 10px #000000bf,inset 0 0 0 1px #ffffff0f}.piece-skill-info-anchor{z-index:3;position:absolute;top:3px;right:3px}.piece-skill-info-btn{color:#ffe9a8;cursor:help;background:radial-gradient(circle at 30% 25%,#3c301cfa,#120e0afa);border:1px solid #ffd682d9;border-radius:50%;justify-content:center;align-items:center;width:1.28rem;height:1.28rem;margin:0;padding:0;font-family:Cinzel,Georgia,serif;font-size:.72rem;font-style:italic;font-weight:700;line-height:1;display:flex;box-shadow:0 0 0 1px #000000a6,0 2px 8px #0000008c,inset 0 1px #ffffff1f}.piece-skill-info-btn:hover,.piece-skill-info-btn:focus-visible{color:#fff6d4;filter:brightness(1.12);border-color:#ffecb4f2;outline:none}.piece-skill-tooltip{opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(165deg,#241e16fa 0%,#0e0c0afc 100%);border:1px solid #d4af378c;border-radius:8px;width:min(14.5rem,52vw);padding:.55rem .65rem .6rem;transition:opacity .18s,visibility .18s,transform .18s;position:absolute;top:calc(100% + 6px);right:0;transform:translateY(-4px);box-shadow:0 0 0 1px #000000d9,0 12px 28px #000000bf,0 0 24px #785a2838}.piece-skill-tooltip:before{content:"";filter:drop-shadow(0 -1px #00000080);border:7px solid #0000;border-bottom-color:#d4af3780;position:absolute;bottom:100%;right:.42rem}.piece-skill-info-anchor:hover .piece-skill-tooltip,.piece-skill-info-anchor:focus-within .piece-skill-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.piece-skill-tooltip-title{letter-spacing:.16em;text-transform:uppercase;color:#e8c56e;text-shadow:0 1px 2px #000000e6;border-bottom:1px solid #d4af3747;margin:0 0 .28rem;padding-bottom:.28rem;font-family:Cinzel,Georgia,serif;font-size:.62rem}.piece-skill-tooltip-body{color:#ebe4d6f0;text-shadow:0 1px 3px #000000d9;margin:0;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:.78rem;line-height:1.45}.piece-hero-level-block{flex-direction:column;align-items:stretch;gap:.38rem;width:100%;padding:.15rem .05rem 0;display:flex}.piece-hero-level-block.upgraded{animation:.42s ease-out pieceStatUpgradePulse}.piece-hero-level-summary{text-align:center;flex-direction:column;align-items:center;gap:.18rem;display:flex}.piece-hero-level-line{letter-spacing:.06em;color:#f4eee4f2;font-family:Cinzel,serif;font-size:.66rem;line-height:1.2}.piece-hero-level-cost{color:#ffe1a0;justify-content:center;align-items:center;gap:.2rem;font-size:.72rem;display:inline-flex}.piece-hero-level-cost .gold-amount{color:#ffd24a;font-size:1.02rem;font-weight:700}.piece-hero-level-upgrade{letter-spacing:.14em;text-transform:uppercase;color:#0f1a12;cursor:pointer;background:linear-gradient(#8ef4b4 0%,#4ecf7a 48%,#2a9c55 100%);border:1px solid #78dca5b8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:1.85rem;padding:.32rem .5rem;font-family:Cinzel,serif;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff6b,0 4px 14px #28965f6b}.piece-hero-level-upgrade:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff73,0 5px 18px #2da56980}.piece-hero-level-upgrade:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.25)brightness(.85);box-shadow:none}.piece-portrait-container{width:100%;margin-bottom:.45rem;position:relative}.piece-card .piece-header-portrait .piece-portrait{width:100%;height:100%;min-height:112px}.piece-portrait{object-fit:contain;object-position:center top;background:#0a0c10cc;border:1px solid #d4af3747;border-radius:6px;width:100%;height:140px;display:block}.piece-skill-badge{object-fit:cover;z-index:2;background:#0a0c10;border:1px solid #d4af37cc;border-radius:6px;width:36px;height:36px;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 6px #000c}.piece-card.active{border-color:#ffd677e6;box-shadow:0 0 0 1px #ffd67759}.piece-name{letter-spacing:.06em;text-align:center;margin-bottom:.4rem;font-family:Cinzel,serif;font-size:.95rem}.piece-name--prince-alias{flex-direction:column;align-items:center;gap:.04rem;line-height:1.08;display:flex}.piece-name--prince-alias .piece-name-main{letter-spacing:.08em;font-size:.95rem}.piece-name--prince-alias .piece-name-sub{letter-spacing:.18em;opacity:.82;text-transform:uppercase;font-size:.64rem}.piece-name--prince-alias .piece-name-alias{letter-spacing:.06em;color:#ffb5ef;text-shadow:0 0 10px #ff82e159;font-size:.76rem}.piece-statline{flex-direction:column;gap:.22rem;margin-top:.28rem;display:flex}.piece-skill-kills{color:var(--muted);text-align:center;margin:-.15rem 0 .2rem;font-size:.78rem;line-height:1.3}.piece-stat{color:var(--text);background:#1f2630e6;border:1px solid #d4af3773;border-radius:6px;justify-content:space-between;align-items:center;gap:.45rem;min-width:0;padding:.28rem .42rem;font-size:.75rem;display:flex}.piece-stat:before{text-align:center;width:1rem;display:inline-block}.piece-stat.power:before{content:"⚔"}.piece-stat.health:before{content:"❤"}.piece-stat.attack-rate:before{content:"⏱"}.piece-stat.skill-duration:before{content:"✦"}.piece-stat-text{flex:1;min-width:0;line-height:1.25}.piece-stat-stars{flex-direction:row;flex-shrink:0;align-items:center;gap:0;display:inline-flex}.stat-star{color:#5f6676a6;padding:0 .04rem;font-size:.58rem;line-height:1}.stat-star--filled{color:#e8c048;text-shadow:0 0 4px #ffc85059}.piece-stat-next{font-weight:700}.piece-stat-next-power{color:#ffb86a}.piece-stat-next-health{color:#73e6ac}.piece-stat-next-rate{color:#88d9ff}.piece-stat-upgrade{color:#ffe9b0;background:linear-gradient(#462878f2,#1e123cf5);border:1px solid #ffc549d9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:2rem;height:1.6rem;padding:0 .35rem;transition:transform .12s,box-shadow .12s,filter .12s;display:inline-flex;box-shadow:0 0 10px #ffc85a33}.piece-stat-upgrade .plus{color:#7fffb4;text-shadow:0 0 8px #7fffb48c;font-size:1.08rem;font-weight:800;line-height:1}.piece-stat-price{color:#ffe1a0;background:#ffd6661f;border:1px solid #ffce6059;border-radius:999px;flex-shrink:0;align-items:center;gap:.22rem;max-width:100%;padding:.08rem .32rem;font-size:.72rem;display:inline-flex}.piece-stat-price .gold-icon{width:1.42rem;height:1.42rem}.piece-stat-price .gold-amount{color:#ffd24a;font-size:1.08rem;font-weight:700;line-height:1}.piece-stat-upgrade:hover:not(:disabled){filter:saturate(1.1);transform:translateY(-1px)scale(1.03);box-shadow:0 0 14px #ffc85a61}.piece-stat-upgrade:disabled{opacity:.55;filter:grayscale(.1)}.piece-stat.upgraded{animation:.42s ease-out statUpgradePulse}@keyframes statUpgradePulse{0%{transform:scale(1);box-shadow:0 0 #80ffbd00}35%{border-color:#80ffbde6;transform:scale(1.03);box-shadow:0 0 16px #80ffbd73}to{transform:scale(1);box-shadow:0 0 #80ffbd00}}@keyframes countdownSoftPulse{0%{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}to{transform:translate(-50%)scale(1)}}.hero-stats-panel{display:none}.evolution-panel{background:#0f131ad9;border:1px solid #d4af3747;border-radius:8px;padding:.55rem}.hero-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.hero-stat-card{color:var(--text);text-align:left;background:#1d142ccc;border:1px solid #d4af3757;border-radius:8px;padding:.6rem}.hero-stat-title{letter-spacing:.05em;font-family:Cinzel,serif;font-weight:700}.hero-stat-desc{color:var(--muted);margin-top:.2rem;font-size:.84rem}.hero-stat-level{color:#f3dfad;margin-top:.4rem}.hero-stat-cost{margin-top:.3rem}.evolution-title{margin-bottom:.45rem;font-family:Cinzel,serif}.evolution-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.55rem;display:grid}.evo-card{color:var(--text);text-align:left;background:#1d142ccc;border:1px solid #d4af3757;border-radius:8px;padding:.45rem}.evo-card.selected{border-color:#a574fff2}.evo-card.equipped{box-shadow:inset 0 0 0 1px #5fd0ffcc}.evo-name{font-weight:700}.evo-desc{color:var(--muted);font-size:.84rem}.skill-tree{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.skill-node{color:var(--text);text-align:left;background:#1a2129e6;border:1px solid #d4af3752;border-radius:8px;padding:.48rem}.skill-node.active{border-color:#ffd879f2}.skill-node.unlocked{box-shadow:inset 0 0 0 1px #73e6acd9}.skill-type{color:var(--gold);margin-bottom:.15rem;font-size:.68rem}.skill-label{font-weight:700}.skill-desc{color:var(--muted);margin-top:.2rem;font-size:.84rem}.skill-cost{margin-top:.24rem;font-size:.8rem}.upgrade-actions{justify-content:flex-end;gap:.45rem;margin-top:.55rem;display:flex}.upgrade-actions button,#upgrade-back{color:var(--text);background:#1f2630e6;border:1px solid #d4af3773;border-radius:6px;padding:.4rem .7rem}.panel{letter-spacing:.06em;gap:2.25rem;padding:.55rem 1.75rem;font-size:.95rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.panel.top{background:linear-gradient(#1c1610f5 0%,#0e0b08f0 100%);border:1px solid #d4af3780;border-radius:4px;align-items:center;font-family:Cinzel,Palatino Linotype,serif;top:10px;box-shadow:0 0 0 1px #0009,0 4px 24px #0000008c,inset 0 1px #ffffff0f}.gold-display{align-items:center;gap:.38rem;display:inline-flex}.run-exit-btn{letter-spacing:.08em;text-transform:uppercase;color:#f1dfba;background:linear-gradient(#2d1816f5,#1a0c0bf5);border:1px solid #d4af3780;border-radius:4px;align-items:center;gap:.32rem;padding:.25rem .55rem;font-family:Cinzel,Palatino Linotype,serif;font-size:.78rem;display:inline-flex}.run-exit-btn:hover{filter:brightness(1.08)}.run-exit-btn .exit-icon{line-height:1;position:relative;top:1px}.king-row{align-items:center;gap:.5rem;min-width:0;display:flex}.king-hp-track{background:#00000073;border:1px solid #d4af3740;border-radius:2px;width:112px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.king-hp-fill{background:linear-gradient(#ff6b5a,#c41e1e 55%,#8b0000);border-radius:1px;width:100%;height:100%;transition:width .2s ease-out;box-shadow:0 0 10px #ff503c73}.king-numbers{color:var(--gold);text-shadow:0 0 10px #d4af3759;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}.panel.countdown{letter-spacing:.03em;text-align:center;background:#0a0e12e0;border:1px solid #64b4ff59;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;min-width:min(78vw,420px);font-family:EB Garamond,serif;font-size:.86rem;display:flex;top:66px}.panel.countdown.hidden{display:none}.panel.countdown #countdown-text{color:#9ee8ff;margin-left:0;font-weight:600;line-height:1.22;display:block}.panel.countdown .label{margin-right:0;line-height:1.08}.panel.countdown.countdown--prince-placement{background:#2c1028eb;border-color:#ff6ecead}.panel.countdown.countdown--prince-placement #countdown-text{color:#ff86d6}.panel.countdown.countdown--royal-placement{background:#1e1032eb;border-color:#aa84ffa8}.panel.countdown.countdown--royal-placement #countdown-text{color:#c7adff}.panel.countdown.countdown--rook-targeting{background:#300e0eeb;border-color:#d25656ad}.panel.countdown.countdown--rook-targeting #countdown-text{color:#ff9d9d}.panel.bottom{color:#3a2e22;text-align:center;letter-spacing:.02em;background:linear-gradient(#fff8e6f7 0%,#ebdabcf5 100%);border:1px solid #5a462d73;border-radius:3px;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;max-width:min(720px,94vw);padding:.75rem 1.5rem .85rem;font-family:EB Garamond,serif;font-size:.9rem;line-height:1.45;bottom:14px;box-shadow:0 2px #3c302033,0 8px 28px #00000059}.meta-card{flex-direction:column;gap:.35rem;min-width:260px;display:flex}.meta-title{letter-spacing:.08em;text-transform:uppercase;font-family:Cinzel,serif;font-size:.8rem}.meta-card select,.meta-card button,.upgrade-row button{color:var(--text);background:#1e160ee6;border:1px solid #d4af3780;border-radius:4px;padding:.35rem .5rem}.upgrade-row{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.25rem;display:flex}.label{text-transform:uppercase;color:var(--gold-dim);letter-spacing:.12em;margin-right:.4rem;font-family:Cinzel,serif;font-size:.62rem}.panel.bottom .label{color:#6b5344}#wave,#gold{color:var(--gold);text-shadow:0 0 12px #d4af3759;font-weight:700}#kinghp,#kingmax{color:var(--gold)}.overlay{z-index:12000;pointer-events:auto;background:#040306d1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay.hidden{display:none}.overlay h2{color:#e8a070;text-shadow:0 0 28px #ff785073;margin:0 0 .5rem;font-family:Cinzel,serif;font-size:1.85rem}.overlay p{color:var(--muted);margin:0 0 1.25rem;font-size:1.05rem}.overlay button{letter-spacing:.08em;color:#1a1208;background:linear-gradient(#e8c878,#c49438);border:1px solid #5a462899;border-radius:4px;padding:.65rem 1.6rem;font-family:Cinzel,serif;font-size:1rem;font-weight:600;box-shadow:0 4px 20px #c8963c59}.overlay button:hover{filter:brightness(1.08)}.overlay-actions{gap:.65rem;display:flex}@media (width<=1100px){.brand-heroes-left,.brand-zombies-right{display:none}}@media (width<=860px){.brand-logo-text,.brand-logo-image{width:min(64vw,700px)}.menu-topbar{height:132px;overflow:hidden}.brand-logo-image{max-height:min(88px,24vw)}.brand-heroes-left{gap:.46rem;left:12px}.brand-zombies-right{gap:.46rem;right:12px}.menu-meta{top:132px;right:12px}.brand-side-char.hero{width:56px;height:56px}.home-tabs{padding:.42rem calc(76px + env(safe-area-inset-right,0px)) .42rem calc(12px + env(safe-area-inset-left,0px));z-index:50;background:linear-gradient(#12141af7,#0a0c10eb);border-bottom:1px solid #d4af3738;flex-flow:wrap;place-content:center;align-items:center;gap:.35rem .55rem;min-height:48px;inset:142px 0 auto;box-shadow:0 6px 16px #00000059}.home-tabs button{letter-spacing:.08em;padding:.42rem .85rem;font-size:.72rem}.home-tabs .tab-settings-bottom{margin-top:0}.menu-meta{top:148px;right:calc(12px + max(env(safe-area-inset-right,0px), 14px));z-index:55}.topbar-meta.menu-meta{border-radius:8px;gap:.3rem;padding:.28rem .48rem;font-size:.92rem;box-shadow:0 3px 10px #0006,inset 0 1px #ffffff0f}.topbar-meta.menu-meta #meta-gold-menu{font-size:1.05rem}.topbar-meta.menu-meta .gold-icon{width:1rem;height:1rem}.settings-stage{box-sizing:border-box;min-height:calc(100dvh - 142px);padding-top:52px}.map-stage{box-sizing:border-box;height:calc(100dvh - 142px);padding-top:50px}#menu-upgrades-panel{max-height:calc(100dvh - 142px);padding:52px calc(12px + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.piece-stat{flex-wrap:wrap}.piece-stat-text{flex:100%}.piece-stat-upgrade{order:2}.piece-stat-price{order:3;margin-left:auto}.hero-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-side-char{width:clamp(46px,8.2vw,70px);height:clamp(46px,8.2vw,70px)}.settings-stage{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;min-height:0;padding:1rem}.settings-grid{grid-template-columns:1fr}#menu-settings-panel{max-height:calc(100dvh - 142px);padding:52px calc(12px + env(safe-area-inset-right,0px)) calc(1rem + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.settings-shell{width:100%;box-shadow:none;background:0 0;border:none;border-radius:12px;padding:.85rem .9rem 1rem}.settings-title{margin:1.8rem 0 .7rem;font-size:1.95rem}.settings-subtitle{margin:.35rem 0 .75rem;font-size:.88rem}.settings-grid{gap:.6rem}.settings-card{background:0 0;border:none;padding:.5rem 0}.settings-card p{display:none}.settings-pill-row{margin-bottom:.35rem}.settings-pill-row button,.settings-download-btn{padding:.35rem .7rem;font-size:.72rem}.settings-kv{border-top:none;padding:.15rem 0}.settings-pill-row{flex-wrap:wrap}.piece-list{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;width:100%;max-width:440px;margin-left:auto;margin-right:auto}}@media (width<=860px) and (width>=600px){.piece-list{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;width:100%;max-width:min(720px,100% - 1rem);margin-left:auto;margin-right:auto}}@media (width<=560px){.piece-list{grid-template-columns:1fr;max-width:min(340px,100%)}.piece-portrait{height:118px}#upgrade-layout{padding:.55rem}.piece-stat{font-size:.7rem}.piece-stat-price .gold-amount{font-size:.92rem}.hero-stats-grid{grid-template-columns:1fr}}.skill-dock{top:calc(4.1rem + env(safe-area-inset-top,0px));left:max(.45rem, env(safe-area-inset-left,0px));right:max(.45rem, env(safe-area-inset-right,0px));bottom:max(.55rem, env(safe-area-inset-bottom,0px));z-index:25;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.skill-dock-side{touch-action:pan-y;flex-direction:column;justify-content:center;gap:.62rem;max-height:min(72vh,100vh - 5.5rem);padding-bottom:2px;display:flex;overflow:visible auto}.skill-dock-side--right{position:relative}.skill-dock-side .skill-slot{pointer-events:auto}.skill-slot{box-sizing:border-box;cursor:pointer;touch-action:none;background:linear-gradient(165deg,#201c18f5,#0e0c0afa);border:2px solid #504637d9;border-radius:12px;flex-shrink:0;width:clamp(66px,16.5vw,84px);min-width:48px;height:clamp(66px,16.5vw,84px);min-height:48px;margin:0;padding:0;position:relative;overflow:hidden}.skill-slot:disabled{cursor:default;filter:saturate(.65)brightness(.88)}.skill-slot-icon{object-fit:cover;pointer-events:none;border-radius:8px;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.skill-slot-hotkey{color:#ffe8a8;text-align:center;pointer-events:none;z-index:6;background:#080b1ceb;border:1px solid #d4af37b3;border-radius:6px;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:900;line-height:16px;position:absolute;top:1px;right:1px}.skill-slot-fill-track{pointer-events:none;z-index:2;background:#000000b8;border:1px solid #d4af3759;border-radius:4px;height:8px;position:absolute;bottom:5px;left:5px;right:5px;overflow:hidden;box-shadow:inset 0 1px 3px #000000a6,0 0 0 1px #00000040}.skill-slot-fill{transform-origin:0;background:linear-gradient(90deg,#4a8c3a,#7fd965 45%,#c8f5a8);border-radius:3px;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:inset 0 1px #ffffff59,0 0 10px #82dc6473}.skill-slot--cooldown .skill-slot-fill{background:linear-gradient(90deg,#7a1f1f,#d03838 50%,#ff7a6a);box-shadow:inset 0 1px #ffc8c859,0 0 12px #ff503c8c}.skill-slot--cooldown .skill-slot-fill-track{background:#140606d9;border-color:#ff78648c}.skill-slot--cooldown{border-color:#b43c37e6;box-shadow:0 0 14px #dc3c3247}.skill-slot--targeting{border-color:#ff8c3cf2;box-shadow:0 0 0 2px #ff8c28d9,0 0 16px #ff641480}.skill-slot--ready{border-color:#ffd677f2;animation:1.35s ease-in-out infinite skill-ready-pulse;box-shadow:0 0 0 1px #ffdc8c59,0 0 18px #ffc85073}@keyframes skill-ready-pulse{0%,to{box-shadow:0 0 0 1px #ffdc8c59,0 0 14px #ffc85061}50%{box-shadow:0 0 0 2px #ffebaa8c,0 0 22px #ffd7649e}}@media (prefers-reduced-motion:reduce){.skill-slot--ready{animation:none;box-shadow:0 0 12px #ffc85059}.piece-stat.upgraded,.panel.countdown{animation:none}}@media (width<=520px){.skill-dock{top:calc(3.65rem + env(safe-area-inset-top,0px))}.skill-dock-side{gap:.45rem}.skill-slot{width:69px;height:69px}.skill-slot-fill-track{height:7px}}@media (orientation:portrait) and (width<=860px){.home-shell{background:radial-gradient(circle at 50% 16%,#82d0b92e,#0000 34%),radial-gradient(circle at 40% 52%,#8268cc29,#0000 40%),linear-gradient(#0d1418fa,#07090efc);height:100dvh}.panel.top{top:calc(8px + env(safe-area-inset-top,0px));left:max(.3rem, env(safe-area-inset-left,0px));right:max(.3rem, env(safe-area-inset-right,0px));letter-spacing:.03em;z-index:35;flex-wrap:nowrap;justify-content:space-between;gap:.45rem;width:auto;max-width:none;padding:.42rem .48rem;font-size:.74rem;overflow:hidden;transform:none}.panel.top>div{min-width:0}.king-row{gap:.3rem}.king-hp-track{width:clamp(64px,20vw,90px);height:8px}.king-numbers{font-size:.78rem}.gold-display{gap:.2rem}.run-exit-btn{white-space:nowrap;flex:none;min-height:34px;padding:.18rem .36rem;font-size:.68rem;line-height:1}.panel.countdown{top:calc(4.75rem + env(safe-area-inset-top,0px) + 9.45rem);z-index:30;transform-origin:50%;min-width:min(84vw,360px);padding:.38rem .72rem;font-size:.72rem;animation:1.15s ease-in-out infinite countdownSoftPulse}.skill-dock{top:calc(4.75rem + env(safe-area-inset-top,0px));left:max(.22rem, env(safe-area-inset-left,0px));right:max(.22rem, env(safe-area-inset-right,0px));--skill-size:clamp(65px, 16.1vw, 84px);--skill-gap:.26rem;grid-template-columns:repeat(4, var(--skill-size));column-gap:var(--skill-gap);row-gap:var(--skill-gap);pointer-events:none;grid-auto-rows:auto;justify-content:center;align-items:start;padding:0;display:grid;bottom:auto}.skill-dock-side{gap:0;max-height:none;padding:0;display:contents;overflow:visible}.skill-dock-side--left,.skill-dock-side--right{grid-area:auto}.skill-slot{width:var(--skill-size);height:var(--skill-size);border-radius:10px}.skill-slot-icon{border-radius:7px;width:calc(100% - 6px);height:calc(100% - 6px);inset:3px}.skill-slot-fill-track{height:6px;bottom:4px;left:4px;right:4px}.skill-dock .skill-slot[data-skill-kind=pawn]{order:1}.skill-dock .skill-slot[data-skill-kind=knight]{order:2}.skill-dock .skill-slot[data-skill-kind=bishop]{order:3}.skill-dock .skill-slot[data-skill-kind=rook]{order:4}.skill-dock .skill-slot--royal{order:5}.skill-dock .skill-slot--prince{order:6}.skill-dock .skill-slot[data-skill-kind=queen]{order:7}.skill-dock .skill-slot[data-skill-kind=king]{order:8}.piece-list{gap:.48rem;max-width:min(100%,100vw - .6rem)}.piece-card{border-radius:7px;padding:.52rem}.piece-card-header{gap:.35rem;min-height:104px;margin-bottom:.35rem}.piece-header-side{gap:.3rem}.piece-header-skill-wrap{width:62px;height:62px}}@media (orientation:portrait) and (width<=480px){.panel.top{gap:.34rem;padding:.38rem .42rem}.run-exit-btn{min-width:30px;padding:.2rem .28rem}.run-exit-btn span:last-child{display:none}.skill-dock{top:calc(4.45rem + env(safe-area-inset-top,0px));gap:.2rem}.skill-dock-side{gap:.2rem}.skill-slot{width:clamp(60px,15vw,74px);height:clamp(60px,15vw,74px)}}@media (height<=460px) and (orientation:landscape){.skill-dock{top:calc(3rem + env(safe-area-inset-top,0px));bottom:auto;left:max(.35rem, env(safe-area-inset-left,0px));right:max(.35rem, env(safe-area-inset-right,0px));flex-direction:column;justify-content:center}.skill-dock-side{max-height:min(68vh,100vh - 4.5rem)}}.skill-dock.skill-dock--king-rally{filter:drop-shadow(0 0 14px #ffc8466b)}.skill-dock--king-rally .skill-dock-side--right:after{content:"♔";color:#ffdc78e0;text-shadow:0 0 8px #ffc83cbf;pointer-events:none;font-size:.72rem;line-height:1;position:absolute;top:-.35rem;left:50%;transform:translate(-50%)}.skill-slot[data-skill-kind=pawn] .skill-slot-fill{background:linear-gradient(90deg,#156a78,#2ec4d9 42%,#c5fbff);box-shadow:inset 0 1px #ffffff59,0 0 10px #3cc8dc6b}.skill-slot[data-skill-kind=pawn].skill-slot--ready{border-color:#5ad2dcf2;box-shadow:0 0 0 1px #78e6f066,0 0 16px #32c8d77a}.skill-slot[data-skill-kind=knight] .skill-slot-fill{background:linear-gradient(90deg,#2a6a38,#52d070 45%,#d8ffc8);box-shadow:inset 0 1px #ffffff52,0 0 10px #50dc7866}.skill-slot[data-skill-kind=knight].skill-slot--ready{border-color:#78e68cf2;animation:1.05s ease-in-out infinite skill-ready-pulse-knight}@keyframes skill-ready-pulse-knight{0%,to{transform:scale(1);box-shadow:0 0 0 1px #8cf0a059,0 0 14px #5adc786b}50%{transform:scale(1.03);box-shadow:0 0 0 2px #b4ffc88c,0 0 22px #64f08c94}}.skill-slot[data-skill-kind=bishop] .skill-slot-fill{background:linear-gradient(90deg,#3a2a7a,#7b68ee 48%,#d0ccff);box-shadow:inset 0 1px #ffffff47,0 0 10px #8c78ff73}.skill-slot[data-skill-kind=bishop].skill-slot--cooldown .skill-slot-fill{background:repeating-conic-gradient(#1a3a52 0deg 18deg,#2a5580 18deg 36deg)}.skill-slot[data-skill-kind=rook] .skill-slot-fill{background:linear-gradient(90deg,#6a2810,#e85a28 45%,#ffd0a0);box-shadow:inset 0 1px #fff0dc59,0 0 10px #ff782873}.skill-slot[data-skill-kind=rook].skill-slot--targeting{position:relative}.skill-slot[data-skill-kind=rook].skill-slot--targeting:after{content:"";pointer-events:none;border:2px dashed #fff0c8d9;border-radius:10px;position:absolute;inset:6px;box-shadow:inset 0 0 0 1px #ff642840}.skill-slot[data-skill-kind=queen] .skill-slot-fill{background:linear-gradient(90deg,#5a1a5a,#e060b0 42%,#ffd0f5);box-shadow:inset 0 1px #ffffff52,0 0 12px #ff64c86b}.skill-slot[data-skill-kind=queen].skill-slot--ready{border-color:#ff8cd2f2;box-shadow:0 0 0 1px #ffb4e673,0 0 18px #ff5ab480,0 0 28px #b478ff47}.skill-slot[data-skill-kind=king] .skill-slot-fill{background:linear-gradient(90deg,#6a5010,#f0c040 45%,#fff8c8);box-shadow:inset 0 1px #fff6,0 0 10px #ffc8507a}.skill-slot[data-skill-kind=king].skill-slot--ready{border-color:#ffd778fa;box-shadow:0 0 0 1px #ffe6a080,0 0 20px #ffbe3c8c}.skill-slot--royal .skill-slot-fill{background:linear-gradient(90deg,#5a4510,#d4af37 50%,#fff0b0)}.skill-slot--royal.skill-slot--ready{border-color:#d4af27f2;box-shadow:0 0 0 1px #ffdc8c73,0 0 16px #d4af2780}.skill-slot--royal.skill-slot--royal-active{border-color:#78c8ffbf;box-shadow:0 0 0 1px #a0dcff66,0 0 14px #64b4ff73}.skill-slot--royal.skill-slot--royal-active .skill-slot-fill{background:linear-gradient(90deg,#3d1d7a,#8d54ff 52%,#d9c1ff);box-shadow:inset 0 1px #ffffff4d,0 0 12px #9c6eff7a}.skill-slot--prince .skill-slot-fill{background:linear-gradient(90deg,#2a1a4a,#a855f7 50%,#e9d5ff)}.skill-slot--prince.skill-slot--ready{border-color:#c4b5fdf2;box-shadow:0 0 0 1px #ddd6fe73,0 0 16px #a78bfa80}.skill-slot--prince.skill-slot--prince-active{border-color:#d8b4fed9;box-shadow:0 0 0 1px #e9d5ff66,0 0 14px #a855f773}@media (prefers-reduced-motion:reduce){.skill-slot[data-skill-kind=knight].skill-slot--ready{animation:none;transform:none}}.secret-popup{z-index:1200;color:#ffd8f0;letter-spacing:.02em;pointer-events:none;background:#160714eb;border:1px solid #ff78d2a6;border-radius:10px;padding:10px 16px;font-weight:700;position:fixed;top:18%;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #ff3caa4d}#menu-vs-panel{box-sizing:border-box;touch-action:pan-y;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 194px);overflow:hidden auto}.vs-stage{max-width:520px;margin:0 auto;padding:24px 20px}