:root{font-family:system-ui,Noto Sans KR,sans-serif;color:#fff2d4;background:#0d201b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;display:grid;place-items:center}button{font:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #9d8454;border-radius:6px;color:#fff2d4;background:#244b3d;min-height:44px;font-size:14px;box-shadow:0 3px #071711}button:focus-visible{outline:2px solid #fff2d4;outline-offset:2px}button:disabled{color:#829887;cursor:not-allowed;box-shadow:none}button img{width:24px;height:24px;vertical-align:middle}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#app{width:min(1100px,100vw);height:min(900px,100dvh);padding:12px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));background:radial-gradient(ellipse,#244b3d,#0d201b)}.shell{height:100%;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}#rail{display:flex;flex-direction:column;gap:8px;min-height:0;justify-content:center}#boardwrap{min-height:0;min-width:0;display:grid;place-items:center;position:relative;grid-column:1;grid-row:1}#canvas{position:relative;width:calc(var(--board-width,480px) * var(--board-scale));height:calc(var(--board-height,510px) * var(--board-scale));overflow:clip;border-radius:10px;box-shadow:0 0 0 2px #485845,0 3px #071711}#canvas canvas{display:block;width:calc(540px * var(--board-scale))!important;height:calc(960px * var(--board-scale))!important;transform:translate(calc(var(--board-x,-30px) * var(--board-scale)),calc(var(--board-y,-205px) * var(--board-scale)));image-rendering:pixelated}#rail{grid-column:2;grid-row:1}.top{display:flex;align-items:center;gap:8px}.brand{font-family:Georgia,serif;font-size:13px;font-weight:700}.tools{display:flex;gap:6px}.icon{height:44px;width:44px;flex-shrink:0}.speed{font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat{padding:5px 7px;border:1px solid #9d8454;background:#17392f;border-radius:6px}.label{font-size:11px;color:#c3d1bc}.number{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.number small{font-size:11px}.gold{color:#f2c56e}.wave-line{display:flex;justify-content:space-between;font-size:12px;padding:4px;background:#17392f}.progress{height:4px;background:#071711}.progress i{display:block;height:100%;background:#597b45}.boss-active .wave-line,.boss-active .progress{display:none}#boss-panel{background:#17392f;border:1px solid #9d8454;border-radius:6px;padding:6px;display:grid;gap:3px;font-size:14px}#boss-detail{font-size:12px;font-variant-numeric:tabular-nums}.boss-track{height:8px;background:#071711}.boss-track i{height:100%;display:block;background:#f2c56e}#boss-danger{font-size:11px;color:#c3d1bc}.danger{border-color:#f17168!important}.danger .boss-track i{background:#f17168}.unit-info{display:flex;align-items:center;gap:8px;padding:6px;background:#17392f;border:1px solid #9d8454;border-radius:6px;min-height:64px}.unit-title{font-size:14px;font-weight:700}.unit-desc{font-size:12px;color:#c3d1bc}.portrait{display:block;width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0}.unit-icon{width:48px;flex-shrink:0}.sell{width:44px;flex-shrink:0;font-size:12px}.sell img{width:16px;height:16px}.sell small{display:block;font-size:10px}.actions{display:grid;gap:8px}.action{min-height:56px;font-size:16px;font-weight:700;padding:4px 8px}.action small{display:block;font-size:12px;font-weight:400;margin-top:3px}.action.primary{background:#f2c56e;color:#342710}#merge{background:#377686}#upgrade{background:#597b45}.ui{position:absolute;inset:0;pointer-events:none}.overlay{position:absolute;inset:0;background:#071711dd;display:grid;place-items:center;pointer-events:auto;padding:8px;z-index:20}.modal{width:min(460px,100%);max-height:100%;overflow:auto;background:#17392f;border:2px solid #9d8454;border-radius:10px;padding:20px;text-align:center}.modal h1{font-family:Georgia,serif;font-size:34px;margin:12px}.modal h2{font-size:22px}.modal p{font-size:14px;line-height:1.6}.modal .action{display:block;width:100%;margin-top:8px}.modal .sub{background:#244b3d}.eyebrow{font-size:11px;color:#c3d1bc}.hero-lineup{display:flex;justify-content:center}.hero-lineup i{width:80px;height:80px;background-repeat:no-repeat;image-rendering:pixelated}.rules{font-size:12px;line-height:1.7;margin-top:12px}.codex{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:42dvh;overflow:auto}.entry{border:1px solid var(--rarity);border-radius:6px;padding:8px;background:#244b3d;font-size:12px}.entry .portrait{margin:auto;width:64px;height:64px}.entry b{display:block}.entry small{display:block;color:#c3d1bc;font-size:12px;line-height:1.4}.rarity-badge{display:block;font-size:12px;color:var(--rarity);margin:4px}.collection{text-align:left;font-size:12px}.collection summary{min-height:44px;padding:10px;cursor:pointer}.collection p{max-height:120px;overflow:auto}.toast,#acquisition{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:8px 12px;background:#17392f;border:1px solid #9d8454;border-radius:6px;font-size:14px;pointer-events:none;z-index:12}.toast{opacity:0}.toast.visible{opacity:1}#acquisition{border-color:var(--rarity);color:var(--rarity);top:58px}.footer{display:none}@media(orientation:portrait)and (max-width:600px){#app{padding:8px;height:100dvh}.shell{display:flex;flex-direction:column;gap:6px}#rail{display:contents}#boardwrap{order:4;flex:1;min-height:0}.top{order:0;min-height:44px;justify-content:space-between}.stats{order:1}.wave-line,#boss-panel{order:2}.progress{order:3}.unit-info{order:5}.actions{order:8;grid-template-columns:repeat(3,1fr);gap:6px}.actions .action{height:56px;font-size:14px}.action small{font-size:11px}.top>div:first-child{display:none}#boss-danger{display:none}.unit-info{min-height:52px;padding:4px}.unit-desc{font-size:12px}.unit-title{font-size:13px}.stat{padding:2px 6px}.number{font-size:20px}#acquisition{left:10%;top:160px;max-width:80%}.modal{padding:14px}}@media(orientation:landscape)and (max-height:480px){#app{height:100dvh;padding:8px 12px}.shell{grid-template-columns:minmax(0,1fr) 208px}#rail{gap:4px;justify-content:space-between}.top>div:first-child{display:none}.actions{gap:4px}.actions .action{min-height:44px;height:44px;font-size:14px}.actions .action small{display:inline;margin-left:6px;font-size:11px}.unit-info{min-height:44px;padding:4px}.unit-icon{display:none}.unit-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-title{font-size:12px}.stat{padding:2px 4px}.label{font-size:11px}.number{font-size:18px}#boss-danger{display:none}#boss-panel{font-size:12px;padding:4px}.modal{padding:12px}.modal .hero-lineup{display:none}.modal h1{font-size:24px}.modal p{font-size:12px}.tools{gap:4px}.icon{width:44px}.toast,#acquisition{max-width:calc(100% - 232px)}}@media(orientation:landscape)and (max-width:700px){.shell{grid-template-columns:minmax(0,1fr) 188px}.tools{gap:4px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.undiscovered{filter:brightness(0)!important;opacity:.6}.result-portraits{display:flex;justify-content:center;gap:12px}.warning{border-color:#f2c56e!important}.warning .boss-track i{background:#f2a451}#boss-list{height:44px;font-size:12px}#acquisition{display:flex;align-items:center;gap:8px;left:50%;transform:translate(-50%);top:12px;width:max-content;max-width:90%;font-size:14px}#acquisition[data-rank="3"]{border:2px solid #ffd475;background:#17392f;animation:arrival 1.62s ease both}#acquisition[data-rank="2"]{animation:arrival 1.2s ease both}.toast{top:auto;bottom:8px}#acquisition .portrait{width:48px;height:48px}@keyframes arrival{0%{opacity:0;scale:.85}15%,85%{opacity:1;scale:1}to{opacity:0;scale:.95}}.small-portrait .shell{gap:5px}.small-portrait .stats .number{line-height:20px}.small-portrait .label{line-height:11px}.small-portrait #boss-panel{padding:2px 6px;gap:1px}.small-portrait #boss-name{font-size:14px;line-height:16px}.small-portrait #boss-detail{line-height:14px}.small-portrait .unit-info{height:52px;min-height:52px;gap:4px}.small-portrait .unit-icon{width:40px;height:44px;cursor:pointer}.small-portrait .portrait{width:40px;height:40px}.small-portrait .unit-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.small-portrait .unit-desc{display:none}.small-portrait .sell{height:44px;min-height:44px;box-shadow:none}.small-portrait .sell small{font-size:10px}.small-portrait .sell img{display:none}#boss-panel.danger{animation:danger-pulse 1s ease-in-out infinite}.paused #boss-panel{animation-play-state:paused}@keyframes danger-pulse{50%{border-color:#f99b94;box-shadow:inset 0 0 0 1px #f1716833}}@media(prefers-reduced-motion:reduce){#boss-panel.danger{animation:none}}.small-portrait .unit-desc{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.small-portrait .unit-title{font-size:12px}.unit-icon[role=button]{cursor:pointer;border-radius:6px}.unit-icon:focus-visible{outline:2px solid #fff2d4}#boss-panel{grid-template-columns:minmax(0,1fr) auto}#boss-name{grid-column:1;grid-row:1}#boss-detail{grid-column:1;grid-row:2;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#boss-clock{grid-column:2;grid-row:1/span 2;align-self:center;font-size:20px;font-variant-numeric:tabular-nums;color:#fff2d4}.warning #boss-clock{color:#f2a451}.danger #boss-clock{color:#f17168}.boss-track,#boss-danger,#boss-list{grid-column:1/-1}.small-portrait .unit-icon[role=button]{width:44px;height:44px;min-width:44px;min-height:44px}#acquisition[data-rank="3"]{animation-name:legendary-arrival}@keyframes legendary-arrival{0%,14.815%{opacity:0;scale:.85}25.926%,87.654%{opacity:1;scale:1}to{opacity:0;scale:.95}}@media(orientation:landscape)and (max-height:340px){.actions{grid-template-columns:repeat(3,1fr)}.actions .action{min-height:44px;height:44px;padding:2px;font-size:12px}.actions img{display:none}.actions .action small{display:block;margin-left:0;margin-top:2px;font-size:10px}.unit-info{padding:2px}#boss-panel{padding:4px}}@media(orientation:portrait)and (max-width:600px){#app{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.actions .action small{font-size:12px}}@media(orientation:portrait)and (min-width:361px)and (max-width:600px){#app{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.shell{gap:8px}.top>div:first-child{display:block}}@media(orientation:landscape)and (min-height:341px)and (max-height:480px){.actions .action small{font-size:12px}}#summon img{filter:brightness(.22) sepia(.3)}button:disabled img{opacity:.5}#skill-status{font-size:12px;color:#93f0e1;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exclusive{color:#ffd475!important}.small-portrait #skill-status{font-size:10px;line-height:12px}.unit-info>div:nth-child(2){min-width:0;flex:1}#unit-summary{min-width:0;flex:1;min-height:44px;display:flex;flex-direction:column;justify-content:center;cursor:pointer}#unit-summary:focus-visible{outline:2px solid #fff2d4;border-radius:4px}.actions .action{min-height:45px}@media(orientation:landscape)and (max-height:480px){.unit-info{padding:0 4px}#unit-summary .unit-title,#unit-summary .unit-desc{line-height:14px}}body{background:linear-gradient(#0d201b66,#0d201b66),url(../assets/forest.webp) center/cover no-repeat}#app{background:linear-gradient(#0d201b66,#0d201b66),url(../assets/forest.webp) center/cover no-repeat}#canvas{box-shadow:none;border-radius:0}@media(orientation:portrait)and (max-width:600px){#app{--board-width:450px;--board-height:480px;--board-x:-45px;--board-y:-225px;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}.shell{gap:4px}.small-portrait .unit-info{height:52px}.small-portrait #unit-summary{overflow:hidden}.small-portrait .top>div:first-child{display:none}.top{justify-content:flex-end}.actions .action{height:52px;min-height:52px;padding:2px 4px}}@media(orientation:portrait)and (min-width:361px)and (max-width:600px)and (max-height:700px){.short-portrait .shell{display:grid;grid-template-columns:194px minmax(0,1fr);grid-template-rows:44px auto 4px minmax(0,1fr) 52px 52px;gap:4px}.short-portrait .top{grid-column:1;grid-row:1}.short-portrait .stats{grid-column:2;grid-row:1;gap:3px}.short-portrait .stat{padding:3px}.short-portrait .label{font-size:10px}.short-portrait .number{font-size:16px;line-height:22px}.short-portrait .number small{font-size:9px}.short-portrait .wave-line,.short-portrait #boss-panel{grid-column:1/-1;grid-row:2}.short-portrait .progress{grid-column:1/-1;grid-row:3}.short-portrait #boardwrap{grid-column:1/-1;grid-row:4}.short-portrait .unit-info{grid-column:1/-1;grid-row:5}.short-portrait .actions{grid-column:1/-1;grid-row:6}.short-portrait.boss-active #boardwrap{grid-row:3/span 2}}#melee-status{font-size:11px;line-height:12px;color:#f2d397;white-space:nowrap}.small-portrait #melee-status{font-size:10px;line-height:11px}.small-portrait #unit-summary:has(#melee-status:not([hidden])) .unit-title{line-height:14px}.small-portrait #unit-summary:has(#melee-status:not([hidden])) .unit-desc{line-height:13px}#melee-hint{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:max-content;max-width:96%;padding:4px 6px;background:#17392fe8;border:1px solid #9d8454;border-radius:4px;font-size:11px;color:#f2d397;pointer-events:none;text-align:center;z-index:11}#app,#app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"summon upgrade" "merge mergeall"}#summon{grid-area:summon}#merge{grid-area:merge}#merge-all{grid-area:mergeall;background:#377686}#upgrade{grid-area:upgrade}.actions .action{min-width:0}.actions img{width:18px;height:18px}@media(orientation:portrait)and (max-width:600px){.actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"summon merge mergeall upgrade"}.small-portrait .unit-info{height:auto;min-height:52px}.small-portrait .unit-desc{white-space:normal;font-size:12px;line-height:14px}.short-portrait .shell{grid-template-rows:44px auto 4px minmax(0,1fr) auto 52px}}@media(orientation:portrait)and (max-width:360px){.actions .action{font-size:13px}.actions img{display:none}.actions .action small{font-size:12px}}@media(orientation:landscape)and (max-height:480px){.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.actions .action{padding:2px;font-size:13px}.actions .action small{display:block;margin:2px 0 0;font-size:12px}.actions img{display:none}.unit-desc{white-space:normal;font-size:11px;line-height:13px}}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{min-width:0}.stats #gold{font-size:20px}.short-portrait .stats .number{font-size:0}.short-portrait .stats #wave{font-size:16px}.short-portrait .stats #gold,.short-portrait .stats #count{font-size:13px}.short-portrait .stats .number small{font-size:9px;letter-spacing:-.2px}@media(orientation:landscape)and (max-height:480px){.stats .number{font-size:0}.stats #wave{font-size:16px}.stats #gold,.stats #count{font-size:13px}.stats .number small{font-size:9px;letter-spacing:-.2px}}.stage-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage-card{padding:8px;min-width:0}.stage-card b,.stage-card small{display:block;font-size:13px;line-height:1.5}.stage-card small{font-size:11px}.stage-card[aria-pressed=true]{border:2px solid #ffe49a;background:#355c43}.stage-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;background:url(../assets/forest.webp) center/cover #183d32;border-radius:6px;margin-bottom:8px}.stage-preview i{display:block;width:78%;height:70px;border:8px solid #b6a581;background:repeating-linear-gradient(90deg,#31563a 0 19%,#70925a 20% 21%)}.stage-preview.twin-grove i{height:42px;border-width:6px}.stage-preview.twin-grove i+i{border-top:0;background-color:#234952}#canvas{touch-action:none}#canvas canvas{touch-action:none}.twin-grove #melee-hint{top:4px;bottom:auto;font-size:11px}.stage-card:active{transform:none}@media(orientation:portrait)and (max-width:600px){.twin-grove .shell{gap:4px}}@media(orientation:landscape)and (max-height:480px){.twin-grove #rail{gap:3px}.twin-grove .unit-info,.twin-grove .actions .action,.twin-grove .top{min-height:44px}}.stage-preview i{background-color:#31563a;background-image:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#70925a calc(25% - 1px) 25%),repeating-linear-gradient(0deg,transparent 0 calc(25% - 1px),#70925a calc(25% - 1px) 25%)}.stage-preview.twin-grove i{background-image:repeating-linear-gradient(90deg,transparent 0 calc(16.6667% - 1px),#70925a calc(16.6667% - 1px) 16.6667%),repeating-linear-gradient(0deg,transparent 0 calc(33.3333% - 1px),#70925a calc(33.3333% - 1px) 33.3333%)}@media(orientation:landscape)and (max-height:400px){.twin-grove .actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"summon merge mergeall upgrade";gap:4px}.twin-grove .actions .action{font-size:11px;line-height:12px;min-height:44px;padding:2px;word-break:keep-all}.twin-grove .actions .action small{font-size:9px;line-height:11px;white-space:nowrap;letter-spacing:-.3px}.twin-grove .actions img{display:none}}@media(orientation:landscape)and (max-height:400px){.twin-grove .actions .action small{font-size:10px;letter-spacing:0}}:root{--ui-ink:#111b30;--ui-panel:#25364d;--ui-panel-light:#354b65;--ui-line:#10192a;--ui-cream:#fff4d4;--ui-muted:#b9c9db;--ui-gold:#ffd46c;--ui-purple:#b896fa;--ui-teal:#76e1ce;--ui-radius:15px;color-scheme:dark;font-family:system-ui,Malgun Gothic,Apple SD Gothic Neo,sans-serif;color:var(--ui-cream)}body{background:#111c2c}#app{width:min(1180px,100vw);height:min(940px,100dvh);background:radial-gradient(ellipse at 30% 20%,#2b504b66,transparent 65%),#142638;padding:18px}button{color:var(--ui-cream);font-weight:800;border:2px solid var(--ui-line);border-radius:12px;background:linear-gradient(#455f7e,#304660);box-shadow:inset 0 2px #ffffff26,0 4px #0c1424;min-height:44px;text-shadow:0 1px #0005;transition:filter .12s,transform .08s}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 1px #ffffff20,0 1px #0c1424}button:focus-visible{outline:3px solid #fff4d4;outline-offset:3px}button:disabled{color:#bac5d6;background:linear-gradient(#3c485b,#303a4a);border-color:#192338;box-shadow:inset 0 1px #ffffff12,0 3px #0c1424;opacity:.78;text-shadow:none}button:disabled img{filter:grayscale(1);opacity:.5}button img{width:28px;height:28px;object-fit:contain}.shell{gap:18px;grid-template-columns:minmax(0,1fr) 320px}#rail{background:linear-gradient(160deg,#2d4058,#1b293f);border:3px solid #101a2b;border-radius:22px;padding:14px;gap:12px;justify-content:center;box-shadow:inset 0 2px #60758a66,0 8px #0c1424}#boardwrap{border-radius:22px;overflow:hidden;background:radial-gradient(ellipse,#63825333,#14263800 70%)}#canvas{border-radius:16px;box-shadow:0 0 0 3px #101b2c,0 7px #0c1724;overflow:clip}#canvas canvas{border-radius:0}.top{justify-content:space-between;min-height:48px}.brand{font-family:inherit;font-size:13px;font-weight:950;line-height:1.05;letter-spacing:.5px;color:#fff4d4}.brand span{display:block;color:#ffd46c}.edition{display:none}.tools{gap:6px}.icon{width:45px;height:45px;min-height:45px;border-radius:12px;flex:none}.icon img{width:24px;height:24px}.speed{color:#ffd46c;font-size:16px}.stats{gap:6px;grid-template-columns:1fr 1.15fr 1fr}.stat{background:#152439;border:2px solid #101a2b;border-radius:12px;padding:9px 8px;box-shadow:inset 0 2px #ffffff08;min-width:0}.label{color:#b8c8dd;font-size:11px;font-weight:750;letter-spacing:.2px}.number,.stats .number{font-size:22px;line-height:28px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.number small,.stats .number small{font-size:11px;color:#a4b6ce;margin-left:3px;letter-spacing:0}.stats .gold{font-size:0}.stats #gold{font-size:22px;color:#ffd46c}.stats .gold:before{content:"";display:inline-block;width:16px;height:16px;background:url(../assets/ui-v2/coin.svg) center/contain no-repeat;margin-right:4px;vertical-align:-1px}.wave-line{border:0;background:none;padding:0 2px;color:#c6d6e7;font-size:12px;gap:8px;font-weight:650}#timer{flex-shrink:0;color:#ffd46c;font-variant-numeric:tabular-nums}.progress{height:7px;background:#101b2e;border-radius:8px;overflow:hidden;border:1px solid #101b2e;margin-top:-5px}.progress i{border-radius:6px;background:linear-gradient(90deg,#56b9b1,#9bebc8)}#boss-panel{background:linear-gradient(130deg,#543240,#2b2c46);border:2px solid #f38d87;border-radius:13px;padding:9px;box-shadow:0 3px #10192a}#boss-name{font-size:14px;color:#ffd7ca}#boss-clock{font-size:24px;color:#ffd46c}.boss-track{height:9px;border-radius:8px;background:#111b30;border:1px solid #111b30;overflow:hidden}.boss-track i{background:linear-gradient(90deg,#ee7d80,#ffcc8c);border-radius:8px}#boss-detail,#boss-danger{font-size:11px;color:#e3cfda}#boss-list{background:#543240}.unit-info{background:linear-gradient(120deg,#31435d,#24334b);border:2px solid #101a2b;border-radius:14px;padding:8px;min-height:78px;gap:9px;box-shadow:inset 0 2px #ffffff15}.unit-icon,.small-portrait .unit-icon[role=button]{width:55px;height:55px;min-width:44px;min-height:44px;border:2px solid var(--rarity,#7a8fa8);border-radius:12px;background-color:#142439;box-shadow:inset 0 0 15px #ffffff0d;color:#ffd46c;text-align:center;font-size:30px}.unit-icon.portrait{background-repeat:no-repeat}.unit-title,.small-portrait .unit-title{font-size:14px;line-height:20px;font-weight:900}.unit-desc,.small-portrait .unit-desc{font-size:12px;line-height:17px;color:#c3d3e5;white-space:normal;display:block}.sell{width:46px;font-size:11px;min-height:46px;background:#344153;border:1px solid #607089;box-shadow:none;color:#c3d3e5}.sell img{display:none}.sell small,.small-portrait .sell small{font-size:10px}#skill-status{color:#9cf2d9;font-size:11px;line-height:15px}#melee-status{color:#ffdba0;font-size:11px;line-height:14px}.actions{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"summon upgrade" "merge mergeall"}.actions .action{height:81px;min-height:64px;padding:8px 3px;border:2px solid #11192b;border-radius:15px;font-size:17px;font-weight:950;line-height:24px;letter-spacing:-.4px}.actions .action img{display:block;width:27px;height:27px;margin:0 auto 1px;filter:none}.action small,.actions .action small{font-size:11px;font-weight:800;margin:1px 0 0;display:block;line-height:15px;letter-spacing:0}.action.primary,#summon{color:#493014;text-shadow:0 1px #fff6;background:linear-gradient(#ffe9a0,#ffd269 45%,#f2ae45);box-shadow:inset 0 3px #fff3c5,0 5px #935824,0 7px #11192b;border-color:#382a26}#merge,#merge-all{color:#fff6ff;background:linear-gradient(#b994f1,#8960c9);box-shadow:inset 0 3px #e0c3ff88,0 5px #503976,0 7px #11192b}#merge-all{background:linear-gradient(#9582c7,#6e5ba1)}#upgrade{color:#103b3d;text-shadow:0 1px #fff5;background:linear-gradient(#a5eed5,#5ec9b4);box-shadow:inset 0 3px #d7ffe688,0 5px #24665e,0 7px #11192b}#summon:disabled,#merge:disabled,#merge-all:disabled,#upgrade:disabled{color:#bfc8d7;background:linear-gradient(#485367,#323e51);box-shadow:inset 0 2px #ffffff12,0 4px #11192b;border-color:#162034;text-shadow:none}.action:active:not(:disabled),#summon:active:not(:disabled),#merge:active:not(:disabled),#merge-all:active:not(:disabled),#upgrade:active:not(:disabled){box-shadow:inset 0 1px #fff3,0 2px #11192b;transform:translateY(4px)}.overlay{background:#081322c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:18px}.modal{border:3px solid #111b30;background:linear-gradient(145deg,#374d68,#202e46 65%);border-radius:24px;box-shadow:inset 0 2px #8399ab66,0 8px #0b1425,0 18px 70px #0008;padding:24px;width:min(480px,100%);scrollbar-width:thin;scrollbar-color:#8295ac #1a2a41}.modal h1,.modal h2{font-family:inherit;font-weight:950;color:#fff4d4;text-shadow:0 3px #11192a;line-height:1.2}.modal h1{font-size:34px}.modal h1 span{color:#ffd46c}.modal h2{font-size:25px;margin:8px 0 18px}.eyebrow{font-size:10px;color:#8ce2c9;letter-spacing:2px;font-weight:800}.modal p{font-size:13px;line-height:1.6;color:#c5d5e7}.modal .action{min-height:52px;margin-top:12px;border-radius:13px;font-size:16px;font-weight:850}.modal .sub{background:linear-gradient(#465d79,#324662);border:2px solid #17243a;color:#e2ecf7;box-shadow:inset 0 2px #ffffff18,0 4px #11192b}.rules{font-size:11px!important;color:#9eb3ca!important;line-height:1.7!important;margin-bottom:0}.stage-cards{gap:12px}.stage-card{position:relative;background:#1a2a41;border:2px solid #51647c;border-radius:15px;padding:7px 7px 11px;box-shadow:0 4px #11192b;text-align:left}.stage-card b{font-size:14px;padding:0 4px;line-height:1.7}.stage-card small{font-size:11px;color:#b7c9df;padding:0 4px;line-height:1.5}.stage-card[aria-pressed=true]{background:#354e5b;border:2px solid #ffd46c;box-shadow:0 4px #11192b,inset 0 0 0 2px #ffd46c18}.stage-card[aria-pressed=true]:after{content:"✓";position:absolute;right:12px;top:12px;border:2px solid #25312e;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#ffe097;color:#3b3521;font-size:15px}.stage-preview{height:132px;background:#365f4d url(../assets/ui-v2/map-classic.svg) center/cover;border-radius:10px;margin-bottom:9px;box-shadow:inset 0 0 0 1px #fff2}.stage-preview.twin-grove{background-image:url(../assets/ui-v2/map-twin.svg)}.stage-preview i{display:none}.codex{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));max-height:45dvh}.entry{background:linear-gradient(140deg,#32445f,#1c2b43);border:2px solid var(--rarity);border-radius:13px;padding:10px 6px;box-shadow:inset 0 0 20px #ffffff05}.entry b{color:#f8ecd9;font-size:14px}.entry small{color:#b7c9df;font-size:11px;line-height:1.5}.entry .portrait{width:72px;height:72px;filter:drop-shadow(0 3px 0 #111b30)}.rarity-badge{display:inline-block;padding:2px 7px;border-radius:7px;background:#101b2c99;font-weight:850}.collection{color:#b7c9df}.collection summary{font-weight:700}.result-portraits .portrait{width:76px;height:76px;border:2px solid #ffd46c;border-radius:14px;background-color:#18263d}.toast,#acquisition{background:#1c2c43f5;color:#fff4d4;border:2px solid #6a829e;border-radius:13px;box-shadow:0 4px #111b30;font-weight:750}#acquisition[data-rank="3"]{background:linear-gradient(130deg,#694b2d,#25364d);border-color:#ffd46c}#melee-hint{background:#25364df0;border:1px solid #ffd46c;color:#ffe2a4;border-radius:10px;padding:7px 10px}@media(orientation:portrait)and (max-width:600px){#app{padding:10px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));height:100dvh}.shell{gap:8px;display:flex;flex-direction:column}#rail{display:contents}#boardwrap{border-radius:16px;flex:1;min-height:0;order:4}.top{order:0;min-height:45px}.top>div:first-child,.small-portrait .top>div:first-child{display:block}.brand{font-size:12px}.tools{gap:6px}.stats{order:1}.stat{padding:5px 8px}.number,.stats .number,.small-portrait .stats .number{font-size:22px;line-height:26px}.stats #wave,.stats #count,.stats #gold,.short-portrait .stats #wave,.short-portrait .stats #count,.short-portrait .stats #gold{font-size:22px}.stats .gold,.short-portrait .stats .gold{font-size:0}.label{font-size:10px;line-height:13px}.number small,.stats .number small,.short-portrait .stats .number small{font-size:10px}.wave-line{order:2;font-size:11px}.progress{order:3;flex-shrink:0;height:6px;margin-top:-5px}#boss-panel{order:2;padding:6px 8px}#boss-danger{display:none}.unit-info,.small-portrait .unit-info{order:5;min-height:68px;height:auto;padding:6px;gap:7px;border-radius:13px}.small-portrait .unit-icon[role=button]{width:50px;height:50px}.small-portrait .unit-title{font-size:13px;white-space:normal;line-height:18px}.small-portrait .unit-desc{font-size:11px;line-height:15px}.small-portrait #skill-status{font-size:10px;line-height:13px}.actions{order:8;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"summon merge mergeall upgrade";flex-shrink:0}.actions .action{height:77px;min-height:77px;border-radius:13px;font-size:14px;line-height:19px;padding:5px 2px}.actions .action img{display:block;width:24px;height:24px}.actions .action small{font-size:10px;line-height:14px;margin:2px 0 0;white-space:nowrap}.modal{padding:20px 16px;border-radius:22px}.overlay{padding:12px}.stage-preview{height:116px}.stage-card b{font-size:13px}.stage-card small{font-size:10px}#acquisition{top:10px}.twin-grove .shell{gap:8px}.short-portrait .shell{display:flex;grid-template-columns:unset;grid-template-rows:unset;gap:6px}.short-portrait .top{min-height:45px}.short-portrait .stat{padding:4px 6px}.short-portrait .stats{gap:6px}.short-portrait .number{line-height:24px}.short-portrait .label{font-size:10px}.short-portrait .unit-info{min-height:62px}.short-portrait .actions .action{height:70px;min-height:70px}}@media(orientation:portrait)and (max-width:360px){#app{padding-left:8px;padding-right:8px}.brand{font-size:10px}.tools{gap:4px}.icon{width:44px;min-height:44px;height:44px}.actions{gap:5px}.actions .action{font-size:12px;height:70px;min-height:70px}.actions .action img{display:block;width:23px;height:23px}.actions .action small{font-size:10px}.stats .number,.stats #gold{font-size:20px}.unit-desc,.small-portrait .unit-desc{font-size:10px}.modal{padding:16px 12px}.stage-cards{gap:8px}.stage-card small{font-size:10px}.stage-preview{height:100px}.modal h2{font-size:22px}}@media(orientation:landscape)and (max-height:480px){#app{padding:8px 12px}.shell{grid-template-columns:minmax(0,1fr) 246px;gap:12px}#rail{padding:7px;gap:6px;border-radius:15px;justify-content:center}.top{min-height:44px}.top>div:first-child{display:none}.tools{gap:6px;width:100%;justify-content:space-between}.icon{height:44px;min-height:44px;width:44px}.stats .stat{padding:3px 5px}.stats .number{font-size:18px;line-height:21px}.stats #wave,.stats #count{font-size:18px}.stats #gold{font-size:16px}.stats .gold{font-size:0}.stats .number small{font-size:9px}.stats .gold:before{width:14px;height:14px;margin-right:2px}.label,.wave-line{font-size:10px}.unit-info{min-height:48px;padding:3px 5px;gap:5px}.unit-icon{display:block!important;width:40px;height:40px;min-width:40px;border-radius:9px}.unit-title{font-size:11px;line-height:14px}.unit-desc{font-size:10px;line-height:12px}#skill-status,#melee-status{font-size:9px;line-height:11px}.sell{min-height:44px;width:44px}.actions{gap:6px}.actions .action{height:49px;min-height:49px;font-size:13px;padding:3px 2px;line-height:18px}.actions .action img{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:3px}.actions .action small{font-size:10px;line-height:14px;margin:0}.twin-grove #rail{gap:5px}.twin-grove .actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"summon upgrade" "merge mergeall";gap:5px}.twin-grove .actions .action{font-size:12px;min-height:45px;height:45px}.twin-grove .actions img{display:none}#boss-panel{padding:4px}#boss-name{font-size:12px}#boss-clock{font-size:18px}#boss-detail{font-size:10px}.modal{padding:14px;max-height:calc(100dvh - 24px)}.modal h1{font-size:25px}.modal h2{font-size:22px}.stage-preview{height:74px}.modal p{font-size:11px}.modal .action{min-height:44px}.rules{display:none}.stage-card small{font-size:10px}}@media(orientation:landscape)and (max-height:360px){#rail{gap:4px;padding:5px}.unit-info{min-height:44px}.actions .action{height:45px;min-height:45px}.twin-grove .actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"summon merge mergeall upgrade"}.twin-grove .actions .action{font-size:10px}.twin-grove .actions .action small,.wave-line{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}#app .stats .number.gold{font-size:0!important}#summon img{filter:none}#rail{align-self:center;width:100%;max-height:100%}#rail>.top{order:0}#rail>.stats{order:1}#rail>.wave-line,#rail>#boss-panel{order:2}#rail>.progress{order:3}#rail>.unit-info{order:5}#rail>.actions{order:8}@media(orientation:portrait)and (max-height:600px){.actions .action{height:62px;min-height:62px}.actions .action img{width:20px;height:20px}.actions .action small{font-size:9px}.unit-info,.small-portrait .unit-info{min-height:58px}.small-portrait .unit-icon[role=button]{width:44px;height:44px}.shell,.twin-grove .shell{gap:6px}}#app{background:linear-gradient(#0b192c66,#0b192c66),url(../assets/forest.webp) center/cover}.actions #summon{grid-area:summon}.actions #merge{grid-area:merge}.actions #merge-all{grid-area:mergeall}.actions #upgrade{grid-area:upgrade}.actions .action small{font-size:12px}.unit-icon[role=button]{min-width:44px;min-height:44px}#boss-panel.danger #boss-clock{color:#ff9c94}#boss-panel.warning #boss-clock{color:#ffd46c}@media(orientation:portrait)and (max-width:600px){#app{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.actions .action small{font-size:12px}}@media(orientation:landscape)and (max-height:480px){.unit-icon{min-width:44px;width:44px;height:44px}.actions .action small{font-size:12px}}@media(orientation:portrait)and (min-width:361px)and (max-width:600px){.short-portrait .shell{display:grid;grid-template-columns:194px minmax(0,1fr);grid-template-rows:44px auto 4px minmax(0,1fr) auto 52px;gap:4px}.short-portrait .top{grid-column:1;grid-row:1;min-height:44px}.short-portrait .top>div:first-child{display:none}.short-portrait .tools{gap:4px}.short-portrait .icon{width:44px;height:44px;min-height:44px}.short-portrait .stats{grid-column:2;grid-row:1;gap:3px;grid-template-columns:1fr 1.3fr 1fr}.short-portrait .stat{padding:2px;border-radius:8px}.short-portrait .label{font-size:9px;line-height:10px}.short-portrait .stats .number{font-size:0;line-height:19px}.short-portrait .stats #wave{font-size:16px}.short-portrait .stats #gold,.short-portrait .stats #count{font-size:12px}.short-portrait .stats .number small{font-size:8px;margin-left:1px}.short-portrait .stats .gold:before{width:10px;height:10px;margin-right:1px}.short-portrait .wave-line,.short-portrait #boss-panel{grid-column:1/-1;grid-row:2}.short-portrait .progress{grid-column:1/-1;grid-row:3;margin:0}.short-portrait #boardwrap{grid-column:1/-1;grid-row:4}.short-portrait.boss-active #boardwrap{grid-row:3/span 2}.short-portrait .unit-info{grid-column:1/-1;grid-row:5;min-height:54px;padding:3px 5px}.short-portrait .unit-icon[role=button]{width:44px;height:44px}.short-portrait .actions{grid-column:1/-1;grid-row:6}.short-portrait .actions .action{height:52px;min-height:52px;padding:2px}.short-portrait .actions .action img{display:none}}@media(orientation:landscape)and (max-height:480px){.actions,.twin-grove .actions{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"summon merge mergeall upgrade";gap:5px}.actions .action,.twin-grove .actions .action{font-size:10px;height:45px;min-height:45px;padding:2px;line-height:17px}.actions .action img{display:none}.actions .action small{font-size:12px;line-height:15px}#rail,.twin-grove #rail{justify-content:center;gap:5px}.unit-desc{white-space:normal}.unit-icon{min-height:44px}.unit-info{flex-shrink:0}}.stats #gold{font-size:18px}@media(orientation:landscape)and (max-height:480px){#app{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom))}}.stats #count{font-size:18px}.stats #gold{font-size:16px}.stats .number small{font-size:10px}@media(orientation:landscape)and (max-height:480px){.stats #count,.stats #gold{font-size:14px}.stats .number small{font-size:9px}}.reward-button{min-height:44px;border-radius:12px;background:linear-gradient(#f7d778,#dbab50);color:#3b2918;font-weight:800;padding:6px 10px;line-height:18px;font-size:13px}#rail>#legend-reward{order:6}#skill-status{white-space:pre-line;line-height:1.4}#reward-result{display:flex;align-items:center;gap:12px;min-height:0}#reward-result .portrait{display:inline-block;width:76px;height:76px;flex-shrink:0}#status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wave-line #timer{flex-shrink:0}#wave-status{position:relative;order:2;flex:0 0 88px;height:88px;min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}#wave-status>.wave-line,#wave-status>.progress{order:initial;flex-shrink:0;margin:0}#wave-status>#boss-panel{position:absolute;inset:0;margin:0;min-width:0;padding:6px 8px;gap:2px;align-content:center}#wave-status #boss-list{position:absolute;right:4px;top:4px;width:44px;height:44px;min-height:44px;padding:2px;font-size:11px}#wave-status>#boss-panel:has(#boss-list:not([hidden])){padding-right:54px}#boardwrap>#acquisition{top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;max-height:90%;font-size:13px;overflow:hidden}@media(orientation:portrait)and (max-width:600px),(orientation:landscape)and (max-height:480px){#wave-status{height:56px;min-height:56px;flex-basis:56px}#wave-status>#boss-panel{padding:3px 6px;gap:1px}#wave-status #boss-name{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wave-status #boss-detail{font-size:10px;line-height:13px}#wave-status #boss-clock{font-size:18px;line-height:20px}#wave-status .boss-track{height:6px}#wave-status #boss-danger{display:none}.short-portrait #wave-status{grid-column:1/-1;grid-row:2/span 2}.short-portrait.boss-active #boardwrap{grid-row:4}}#wave-status>#legend-reward{position:absolute;right:0;top:50%;transform:translateY(-50%);width:108px;height:48px;min-height:48px;padding:3px 6px;font-size:11px;line-height:16px;z-index:2}#wave-status:has(>#legend-reward:not([hidden]))>.wave-line,#wave-status:has(>#legend-reward:not([hidden]))>.progress{width:calc(100% - 116px)}#wave-status:has(>#legend-reward:not([hidden]))>#boss-panel{right:116px}#boardwrap>.toast.merge-notice{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:max-content;max-width:90%;text-align:center;z-index:13}#boardwrap:has(>.toast.merge-notice.visible)>#acquisition{visibility:hidden}#rail>.unit-info{--info-height:78px;height:var(--info-height);min-height:var(--info-height);max-height:var(--info-height);flex-shrink:0;overflow:hidden}#rail #unit-summary{display:block;align-self:stretch;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}@media(orientation:portrait)and (max-width:600px){#rail>.unit-info{--info-height:68px}}@media(orientation:portrait)and (max-width:600px)and (max-height:600px){#rail>.unit-info{--info-height:58px;padding:4px}}.short-portrait #rail>.unit-info{--info-height:54px}@media(orientation:landscape)and (max-height:480px){#rail>.unit-info{--info-height:56px}}@media(orientation:landscape)and (max-height:360px){#rail>.unit-info{--info-height:48px;padding:0 4px}}#legend-reward{font-size:12px;line-height:1.25;color:#3b2918;white-space:normal;min-height:44px}.golden-tickets{font-size:13px}.blessing-summary{background:#17263c;border:2px solid #657994;padding:10px;border-radius:9px;color:#f8db8e;font-size:14px}.blessing-summary small{display:block;color:#b9c6d9;font-size:11px;margin-top:5px}.golden-empty{font-size:42px;color:#f6ce67;text-align:center;padding:18px}.golden-empty p{font-size:14px}.golden-result{perspective:700px;margin:16px 0}.golden-card{min-height:160px;position:relative;transform-style:preserve-3d;border:3px solid #c99e3e;border-radius:12px;background:linear-gradient(140deg,#3c3350,#17283e);box-shadow:0 5px #131b2b}.card-front{display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:14px;backface-visibility:hidden}.card-front strong{font-size:21px;color:#ffe5a0}.card-front>span:last-child{font-size:13px;line-height:1.6}.card-front .portrait{width:76px;height:76px;flex-shrink:0}.card-back{position:absolute;inset:0;display:grid;place-items:center;background:#80601e;color:#ffe198;border-radius:9px;transform:rotateY(180deg);font-size:60px;backface-visibility:hidden}.revealing .golden-card{animation:card-reveal .7s ease-out both}.golden-result.special .golden-card{box-shadow:0 0 24px #ffd36270,0 5px #131b2b;border-color:#ffe195}.golden-storage h3{font-size:16px;margin-bottom:4px}.golden-storage p{font-size:12px}.golden-claim{display:flex;align-items:center;justify-content:center;gap:12px}.golden-claim .portrait{width:44px;height:44px;flex-shrink:0}.golden-odds{font-size:13px;margin:12px 0}.golden-odds p{font-size:12px}.golden-odds summary{min-height:44px;display:flex;align-items:center;cursor:pointer}@keyframes card-reveal{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@media(prefers-reduced-motion:reduce){.revealing .golden-card{animation:none}}#wave-status #boss-clock{grid-row:1}#wave-status #boss-detail{grid-column:1/-1;grid-row:2;line-height:13px}#wave-status .boss-track{grid-column:1/-1;grid-row:3}#wave-status #boss-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wave-status #boss-danger{display:none}#wave-status>#legend-reward{width:84px}#wave-status:has(>#legend-reward:not([hidden]))>.wave-line,#wave-status:has(>#legend-reward:not([hidden]))>.progress{width:calc(100% - 92px)}#wave-status:has(>#legend-reward:not([hidden]))>#boss-panel{right:92px}.result-discoveries summary{min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c5d5e7}.result-discoveries summary:before{content:"▸";margin-right:8px}.result-discoveries[open] summary:before{content:"▾"}