:root{font-family:system-ui,-apple-system,Malgun Gothic,sans-serif;color:#f6f0d8;background:#142b28;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus{outline:none}button:focus-visible{outline:3px solid #c4f4ed;outline-offset:3px}button:active:not(:disabled){transform:translateY(1px)}.hd-app{max-width:540px;height:100dvh;max-height:1080px;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:#214236;box-shadow:0 0 80px #0004}.hd-header{flex:none;padding:14px 16px 10px;background:linear-gradient(130deg,#193b33,#284e3e);z-index:2}.hd-titleline,.hd-stats,.hd-actions,.hd-detailhead{display:flex;align-items:center;justify-content:space-between;gap:9px}.hd-eyebrow{font-size:10px;letter-spacing:2px;color:#b9d0b5}.hd-title{margin:3px 0 0;font-size:21px;letter-spacing:-1px}.hd-controls{display:flex;gap:6px}.hd-small{height:38px;padding:0 10px;color:#f5edd3;background:#ffffff0b;border:1px solid #ffffff24;border-radius:12px;font-size:12px}.hd-stats{margin-top:11px;font-size:12px;color:#e9e8cb}.hd-health{flex:1;max-width:160px;display:flex;gap:7px;align-items:center}.hd-meter{height:5px;flex:1;background:#0b261d;border-radius:5px;overflow:hidden}.hd-meter span{display:block;height:100%;background:#a9d58d;transition:width .2s}.hd-field{position:relative;flex:1;min-height:0;display:grid;place-items:center;background:#6c8f48 url(/art/optimized/battle-battle_terrain-2x.5a93c1eb53f1.e5942aa44184.webp) center/cover}.hd-field:after{content:"";position:absolute;inset:0;box-shadow:inset 0 12px 24px #294a3333;pointer-events:none}.hd-world{position:relative;isolation:isolate}.hd-world canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.hd-slots{position:absolute;inset:0}.hd-slot{position:absolute;width:18%;height:15.4%;padding:0;transform:translate(-50%,-50%);border-radius:19%;border:1px solid #f9efbd80;background:linear-gradient(135deg,#f6e7ba9e,#9bb47477);box-shadow:0 3px #44613b50,inset 0 1px #fff7;display:flex;align-items:center;justify-content:center;touch-action:none}.hd-slot:active:not(:disabled){transform:translate(-50%,-50%)}.hd-slot svg{position:absolute;width:104%;height:104%;left:-2%;top:-13%;filter:drop-shadow(0 3px 2px #253e3455);pointer-events:none}.hd-slot .hd-num{position:absolute;top:4px;left:7px;font-size:9px;color:#244635a0}.hd-slot .hd-plus{font-size:26px;font-weight:200;color:#2c523f9c}.hd-slot .hd-unitname{position:absolute;bottom:4px;left:0;right:0;font-size:9px;letter-spacing:-.4px;font-weight:700;color:#15372d;text-shadow:0 1px #ffffcb}.hd-slot .hd-stars{position:absolute;right:5px;top:3px;font-size:9px;color:#725512;background:#ffe598;padding:1px 3px;border-radius:4px}.hd-slot.selected{border:2px solid #f9ffeb;box-shadow:0 0 0 4px #1e64577a,0 3px 10px #172d3755}.hd-slot.target{border:2px dashed #f4ffdb;background:#d5f7bdaa}.hd-slot.mergable:before{content:"합성";position:absolute;top:-12px;z-index:2;background:#216558;color:#fff9d7;border-radius:8px;padding:2px 5px;font-size:10px}.hd-toast{position:absolute;bottom:10px;left:16px;right:16px;z-index:5;text-align:center;font-size:12px;pointer-events:none}.hd-toast:not(:empty){padding:9px 12px;border-radius:13px;background:#193f35ee;color:#fff5d7;box-shadow:0 4px 12px #193d3550}.hd-dock{flex:none;height:230px;padding:12px 14px max(12px,env(safe-area-inset-bottom));background:linear-gradient(#f9f3df,#e9dfbf);color:#233f35;display:flex;flex-direction:column;gap:9px;box-shadow:0 -6px 25px #23472b25;z-index:6}.hd-dockhead{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;min-height:21px}.hd-energy{font-size:19px;font-weight:800;color:#215f67}.hd-energy b{color:#4292a1;font-size:16px;margin-right:4px}.hd-panel{min-height:0;flex:1}.hd-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;height:100%}.hd-card{min-width:0;border:1px solid #d4c8a6;border-radius:13px;background:#fffaf0;padding:4px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#304c40}.hd-card.selected{border:2px solid #388571;background:#edf5de}.hd-card svg{height:55px;flex-shrink:1;min-height:26px;width:64px}.hd-card strong{font-size:12px;white-space:nowrap;letter-spacing:-.4px}.hd-card small{font-size:9px;color:#778375;line-height:1.3;margin-top:3px}.hd-card .hd-match{position:absolute;top:4px;right:4px;font-size:8px;background:#396956;color:#fff5d4;border-radius:4px;padding:2px 3px}.hd-idle{height:100%;display:flex;align-items:center;gap:13px}.hd-idle .hd-idle-icon{font-size:34px;min-width:56px;height:56px;display:grid;place-items:center;background:#e8ddbb;border-radius:18px}.hd-idle p{font-size:12px;line-height:1.6;margin:4px 0;color:#748174}.hd-idle strong{font-size:15px}.hd-actions{flex:none}.hd-primary,.hd-secondary{height:44px;border-radius:12px;border:none;font-weight:750;font-size:13px;white-space:nowrap}.hd-primary{background:linear-gradient(#377b62,#225744);color:#fff5cf;box-shadow:0 3px #123f31;padding:0 15px;flex:1}.hd-secondary{background:#fffaf0;color:#44644e;border:1px solid #d4c8a6;padding:0 12px}.hd-detail{height:100%;display:flex;gap:10px;align-items:center}.hd-detail svg{width:72px;flex:none}.hd-detailtext{min-width:0;flex:1}.hd-detailtext strong{font-size:16px}.hd-detailtext p{font-size:11px;margin:5px 0;color:#647663}.hd-detailbuttons{display:flex;gap:6px;margin-top:6px}.hd-detailbuttons button{font-size:11px;padding:5px 9px;border:1px solid #d3c6a4;border-radius:8px;background:#fff9e9;color:#315b46}.hd-evolution .hd-card{border-color:#d8bc75;background:linear-gradient(#fff8df,#f5ebca)}.hd-evolution .hd-card small{padding:0 2px}.hd-modalback{position:absolute;inset:0;z-index:20;background:#0d292ab3;display:grid;place-items:center;padding:24px;backdrop-filter:blur(4px)}.hd-modal{width:100%;max-width:340px;background:#fff6df;color:#294e40;border:1px solid #e6ce92;border-radius:24px;text-align:center;padding:24px;box-shadow:0 24px 70px #0b231c88}.hd-modal .hd-badge{font-size:11px;letter-spacing:2px;color:#998258}.hd-modal h2{font-size:26px;margin:10px 0}.hd-modal p{font-size:13px;line-height:1.7;color:#69806c}.hd-modal svg{height:110px;width:110px}.hd-modal button{width:100%;margin-top:10px}.hd-help{position:absolute;top:10px;left:10px;border:1px solid #fff5;background:#204b38bd;border-radius:50%;height:28px;width:28px;color:#ffffdb;z-index:3}.hd-paused-label{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#193b3244;color:#fff9dc;font-size:26px;font-weight:800;text-shadow:0 3px 10px #173a32;pointer-events:none}.hd-app{position:relative}.hd-mode{font-size:10px;color:#829581}.hd-cards-title{font-size:12px;font-weight:750;white-space:nowrap}.hd-dragging{opacity:.55}.hd-hint-pill{font-size:10px;padding:3px 7px;background:#dce7cb;border-radius:6px;color:#356044}@media(max-height:720px){.hd-header{padding:8px 12px}.hd-title{font-size:18px}.hd-stats{margin-top:7px}.hd-dock{height:208px;padding:9px 11px;gap:6px}.hd-card svg{height:45px}.hd-eyebrow{font-size:9px}.hd-primary,.hd-secondary{height:41px}.hd-slot .hd-unitname{font-size:8px}.hd-modal{padding:19px}.hd-modal svg{height:80px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.coop-header{padding:10px 12px 8px}.coop-header h1{font-size:19px}.coop-header .hd-small{height:36px;font-size:11px;padding:0 8px}.coop-members{display:flex;justify-content:space-between;gap:6px;font-size:11px;margin-top:6px;color:#d4e0c5}.coop-member{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coop-status{min-height:20px;margin-top:4px;font-size:11px;color:#e5d9a3}.coop-code{border:0;background:none;color:#ead298;font-size:11px;letter-spacing:1px;padding:0;cursor:pointer}.coop-friend{background:#2c5461!important}.coop-slot-friend{position:absolute;right:3px;top:4px;color:#89e1fa;font-size:9px}.coop-view-label{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;font-size:11px;border-radius:16px;background:#163b35d9;padding:5px 12px;white-space:nowrap}.coop-entry{width:min(100%,540px);height:100dvh;margin:auto;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at top,#446c45,#173b32 70%)}.coop-entry-card{width:100%;max-width:370px;padding:25px;border:1px solid #b5c49b70;border-radius:25px;background:#f7efd8;color:#244c3f;box-shadow:0 25px 70px #081f2680}.coop-entry-card>svg{display:block;width:100px;height:100px;margin:auto}.coop-entry h1{font-size:26px;text-align:center;margin:10px 0}.coop-entry p{font-size:13px;line-height:1.6}.coop-entry label{display:block;font-size:12px;margin:15px 0 5px}.coop-entry input,.coop-entry select{width:100%;height:44px;padding:8px 12px;border:1px solid #c6b994;border-radius:10px;background:#fffaf0;color:#204939;font:inherit}.coop-entry button{width:100%;margin-top:12px}.coop-entry small{display:block;text-align:center;color:#738371;margin-top:15px;font-size:11px}.coop-entry-error{color:#9c4635;min-height:20px;font-size:12px;line-height:1.5}.coop-result-note{font-size:12px!important}.coop-friend-link{display:block;color:#447264;font-size:12px;margin-top:12px}.coop-exit{position:absolute;left:9px;top:8px;z-index:4;padding:4px 8px;border:1px solid #ffffff50;background:#1c4b3bbf;color:#fff3d2;border-radius:12px;font-size:11px}.coop-offline{color:#ffc5a7}.coop-dock .hd-card strong{font-size:12px}.coop-dock .hd-card small{font-size:10px}.coop-dock .hd-cards-title{max-width:62%;overflow:hidden;text-overflow:ellipsis}.coop-dock .hd-actions .hd-primary{min-width:0}.coop-dock .hd-idle>svg{width:64px;height:64px;flex:none}.coop-header .hd-titleline>div:first-child{min-width:0}.coop-header .hd-controls{flex:none}.coop-header h1{line-height:1.25}.coop-invite-code{font-size:28px;letter-spacing:3px;background:#eee3c8;padding:10px;border-radius:12px;color:#214c3e}.coop-friend-link{padding:12px;background:#e3ecd6;border-radius:10px;text-decoration:none}@media(max-height:720px){.coop-header{padding:7px 10px 5px}.coop-header h1{font-size:16px}.coop-members{font-size:10px}.coop-status{font-size:10px;min-height:15px}.coop-header .hd-stats{margin-top:5px}.coop-dock{height:198px}.coop-dock .hd-detailtext strong{font-size:13px}.coop-dock .hd-detailbuttons{gap:3px}.coop-dock .hd-detailbuttons button{font-size:10px;padding:5px}}.coop-invite-code{display:block;width:100%;min-width:0;border:0;text-align:center;font-family:inherit;user-select:text}.coop-copy-status{min-height:20px;margin-top:8px;font-size:12px;color:#356b53}