@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#ecf1df;background:#0b1219;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,#243a3c 0,#101c25 45%,#0a1119)}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible{outline:3px solid #fff;outline-offset:3px}#app{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,177.778vw);min-width:300px;min-height:533.33px;overflow:hidden;box-shadow:0 0 90px #0007;background:#14232b}.shell{position:absolute;width:540px;height:960px;transform-origin:top left}#canvas{position:absolute;inset:0}canvas{image-rendering:pixelated}.ui{position:absolute;inset:0;pointer-events:none}.ui button,.ui .interactive{pointer-events:auto}.top{position:absolute;top:25px;left:34px;right:34px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Barlow Condensed,Impact,sans-serif;font-size:32px;font-weight:800;letter-spacing:1px;line-height:.95}.brand span{color:#d9efa1}.edition{font-size:9px;color:#80949e;letter-spacing:2px;margin-top:7px}.icon{border:1px solid #3d515d;background:#21333e;color:#cdd9dd;border-radius:9px;width:42px;height:42px;font-size:18px}.stats{position:absolute;top:99px;left:34px;right:34px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.stat{padding:13px 15px;background:#1d303a;border:1px solid #33464f;border-radius:10px}.label{font-size:10px;letter-spacing:1.5px;color:#99adb7}.number{font-family:Barlow Condensed,sans-serif;font-weight:600;font-size:30px;margin-top:3px}.number small{font-size:16px;color:#758b98}.gold{color:#f6d68a}.wave-line{position:absolute;left:36px;right:36px;top:193px;font-size:11px;color:#a5b8bc;display:flex;justify-content:space-between}.progress{position:absolute;top:214px;left:36px;right:36px;height:3px;background:#2d4348}.progress i{display:block;height:100%;background:#cee69b;transition:width .1s}.unit-info{position:absolute;top:748px;left:34px;right:34px;height:78px;display:flex;align-items:center;gap:14px;border-top:1px solid #33444c;border-bottom:1px solid #33444c}.unit-icon{font-size:27px;color:#d9efa1;width:44px;text-align:center}.unit-title{font-size:14px;font-weight:700}.unit-desc{font-size:11px;color:#97aeb8;margin-top:5px}.actions{position:absolute;left:34px;right:34px;top:844px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.action{height:70px;border-radius:9px;border:1px solid #45585e;background:#293d47;color:#e6ecdf;box-shadow:0 4px #0b151c;font-size:16px;font-weight:800}.action small{display:block;margin-top:5px;font-size:11px;color:#abbfc3;font-weight:500}.action.primary{background:#d7eda6;color:#223c2c;border-color:#e4f6be;box-shadow:0 4px #7a9960}.action.primary small{color:#526640}.footer{position:absolute;top:934px;width:100%;text-align:center;color:#6f8790;font-size:9px;letter-spacing:1px}.toast{position:absolute;top:695px;left:50%;transform:translate(-50%);white-space:nowrap;background:#111e2bea;border:1px solid #5b7260;border-radius:7px;padding:10px 18px;font-size:12px;color:#e9f5ca;opacity:0;transition:opacity .15s;z-index:8}.toast.visible{opacity:1}.overlay{position:absolute;inset:0;background:#09131ddd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:auto}.overlay[hidden]{display:none}.modal{width:438px;padding:36px;background:#1a2d36;border:1px solid #4c635e;border-radius:18px;box-shadow:0 25px 60px #0006}.eyebrow{color:#d7eda6;font-family:monospace;letter-spacing:3px;font-size:11px}.modal h1{font-family:Barlow Condensed,sans-serif;font-size:58px;line-height:.92;margin:17px 0 22px;letter-spacing:1px}.modal h1 span{color:#d7eda6}.modal p{color:#aec0c6;font-size:13px;line-height:1.9}.modal .action{width:100%;margin-top:12px}.modal .sub{height:44px;background:transparent;border:0;color:#9fb1b9;font-size:12px;box-shadow:none}.rules{border-top:1px solid #354a51;margin-top:22px;padding-top:16px;font-size:11px;line-height:2;color:#8fa7af}.codex{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:420px;overflow:auto}.entry{border:1px solid #41545c;border-radius:6px;padding:10px;font-size:12px}.entry small{display:block;color:#9fb0b8;margin-top:4px;font-size:10px}:root{color:#fff6d9;background:#152c2d}body{background:radial-gradient(ellipse at center,#659777,#244746 60%,#0d202a)}#app{background:#5e9b69;box-shadow:0 0 0 5px #172d32,0 0 0 10px #a58a55,0 18px 65px #07171bd9}.top{top:18px;left:24px;right:24px}.brand{font-size:36px;letter-spacing:1px;color:#ffdc6d;-webkit-text-stroke:1px #6d432b;text-shadow:2px 3px #3d2c2a,4px 5px #142d38}.brand span{color:#fff9e8;-webkit-text-stroke:1px #34435b}.edition{color:#fff4d3;letter-spacing:.6px;font-weight:800;text-shadow:1px 2px #244b45}.icon,.stat{border:3px solid #182f3b;border-radius:7px;background:linear-gradient(#526c78,#253f50);box-shadow:inset 0 2px #95a9a4,0 4px #10232e}.icon{color:#fff6d7}.stats{top:98px;left:25px;right:25px;gap:8px}.stat{padding:10px 12px}.label{color:#e9e9cb;font-weight:800}.number{color:#fff8df;font-weight:800;text-shadow:2px 2px #132b38}.number small{color:#d3dfdc}.gold{color:#ffe278}.wave-line{color:#fff9df;font-weight:800;text-shadow:1px 2px #213d36}.progress{height:8px;border:2px solid #183b36;border-radius:4px;overflow:hidden}.progress i{background:linear-gradient(#ecf7a9,#8ed166)}.unit-info{left:23px;right:23px;padding:8px 14px;background:linear-gradient(#35566a,#1b3447);border:4px solid #142d3b;border-radius:8px;box-shadow:inset 0 3px #77959b,0 5px #13232d}.unit-icon{color:#ffe27a}.unit-title{color:#fff5d9;font-size:16px;text-shadow:1px 2px #102636}.unit-desc{color:#d9e7df}.actions{left:22px;right:22px;gap:9px}.action{background:linear-gradient(#68bce6,#2d79b6);border:3px solid #19384d;border-radius:8px;color:#fffbea;box-shadow:inset 0 3px #b5e7f3,0 5px #152f3a;text-shadow:1px 2px #18466b;font-size:18px}.action small{color:#eaf8fa;font-weight:700}.action.primary{background:linear-gradient(#ffe380,#e8a13d);border-color:#865622;color:#49351d;box-shadow:inset 0 3px #fff5bb,0 5px #865622;text-shadow:none}.action.primary small{color:#70451e}#upgrade{background:linear-gradient(#b2e586,#5ea84e);border-color:#315b34;box-shadow:inset 0 3px #e0f5b9,0 5px #24472b;text-shadow:1px 2px #315b33}#upgrade small{color:#f3ffe6}.footer{color:#fff0c7;text-shadow:1px 2px #244a40;font-weight:800}.toast{background:#244054;border:3px solid #e1be76;color:#fff8dc}.overlay{background:#10252fd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:linear-gradient(#3d6671,#223d50);border:5px solid #d6b87a;border-radius:10px;box-shadow:inset 0 0 0 4px #203c4a,0 20px 50px #071c29}.eyebrow,.modal h1 span{color:#ffe17a}.modal p,.rules{color:#f0ebd5}.entry{background:#1b3447;border:2px solid #7e9c93}