: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}.edition{display:none}.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}.selection-nav{display:flex;gap:4px}.selection-nav button{flex:1;font-size:12px;padding:2px}.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}#merge-goal{font-size:12px;background:#17392f;padding:4px;border-radius:6px}.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}.selection-nav{order:6}#merge-goal{order:7}.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}.selection-nav button{height:44px}.stat{padding:2px 6px}.number{font-size:20px}#merge-goal{padding:2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#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}.selection-nav,#merge-goal{display:none}.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 .selection-nav{display:contents}.small-portrait .selection-nav button{width:44px;flex:0 0 44px;font-size:0}.small-portrait #previous-unit:after{content:"‹";font-size:24px}.small-portrait #next-unit:after{content:"›";font-size:24px}.small-portrait #merge-details,.small-portrait #merge-goal{display:none}.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 (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))}}@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}.unit-info,.stat,.wave-line,#merge-goal{background:#17392fe6}.small-portrait .selection-nav button{background:#244b3dcc}.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}