:root{--bg:#f6fafe;--bg2:#edf4fb;--panel:#fff;--panel2:#fff;--line:#e2ecf6;--text:#24486e;--sub:#6b84a3;--lav:#5a7292;--pink:#e8705c;--hotpink:#d95845;--cyan:#4a7ba6;--lime:#3e8e5a;--yellow:#c9a44c;--gold:#c9a44c;--el-wood:#3e8e5a;--el-fire:#d95845;--el-earth:#c98f3d;--el-metal:#7e8fa3;--el-water:#33567d;--night-a:#16233c;--night-b:#0e1730;--px:none;--pxs:none;--maxw:440px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(120% 42% at 50% 0,#e8f1fa 0,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.px{font-family:Courier New,ui-monospace,monospace;letter-spacing:.06em}.app{max-width:var(--maxw);margin:0 auto;min-height:100vh;padding-bottom:40px;position:relative}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px}.logo{font-weight:800;font-size:17px;letter-spacing:-.01em}.logo .paw{margin-right:5px}.toplink{font-size:12px;font-weight:700;color:var(--cyan)}.back{font-size:18px;color:var(--sub);background:none;border:none;padding:0}.back,.cta{font-weight:800}.cta{display:block;width:100%;border-radius:14px;background:var(--hotpink);color:#fff;text-align:center;font-size:16px;padding:15px 0;border:none;box-shadow:0 6px 16px rgba(217,88,69,.35);transition:transform .08s,box-shadow .08s}.cta:active{transform:translateY(2px);box-shadow:0 3px 8px rgba(217,88,69,.3)}.cta:disabled{opacity:.45;cursor:not-allowed}.cta small{display:block;font-weight:700;font-size:11px;opacity:.92;margin-top:3px;letter-spacing:.01em}.cta.gold{background:linear-gradient(100deg,#e3c878,#c9a44c);color:#3a2604;box-shadow:0 6px 16px rgba(201,164,76,.4)}.btn2{display:block;width:100%;border-radius:14px;background:#fff;border:1.5px solid var(--line);color:var(--text);text-align:center;font-weight:700;font-size:14px;padding:13px 0}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.gan{width:44px;height:44px;border-radius:50%;color:#fff;font-weight:800;font-size:18px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;border:none;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14);flex:none}.gan small{font-size:8.5px;font-weight:800;opacity:.92}.gan.wood{background:var(--el-wood)}.gan.fire{background:var(--el-fire)}.gan.water{background:var(--el-water)}.gan.earth{background:var(--el-earth)}.gan.metal{background:var(--el-metal)}.pair{display:flex;align-items:center;gap:10px}.pair .x{font-size:13px;font-weight:800;color:var(--sub)}.deco{inset:0;pointer-events:none;font-size:12px;overflow:hidden}.deco,.deco i{position:absolute}.deco i{font-style:normal;opacity:.75}.d-pink{color:#e8a8c4}.d-cyan{color:#9cc7e8}.d-yel{color:#dcc98a}.d-lav{color:#b9a8dc}.card{position:relative;overflow:hidden;border-radius:22px;color:#24486e;background:linear-gradient(178deg,#d3e4f5,#aecbe8);border:none;box-shadow:0 14px 34px rgba(30,58,95,.22);display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 22px 16px}.card.holo{background:linear-gradient(178deg,var(--night-a) 0,var(--night-b) 100%);color:#ede3c8}.card .brand{display:flex;align-items:center;gap:6px;font-weight:800;font-size:13px}.card .cap{font-size:10px;letter-spacing:.18em;opacity:.66;margin-top:3px}.mascot{border-radius:50%;overflow:hidden;flex:none;border:3px solid hsla(0,0%,100%,.88);box-shadow:0 8px 20px rgba(30,58,95,.18)}.mascot img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.42);transform-origin:50% 44%}.card .mascot{width:150px;height:150px;margin:16px 0 12px}.card.holo .mascot{border-color:rgba(201,164,76,.85);box-shadow:0 8px 22px rgba(0,0,0,.45)}.nickname{font-size:27px;font-weight:800;letter-spacing:-.03em;margin:8px 0 0;line-height:1.2}.card.holo .nickname{color:#ffe9c4}.scoreline{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:9px 0 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scoreline .num{font-size:22px;font-weight:800}.card.holo .scoreline .num{color:#ffe14d}.scoreline .unit{font-size:12px;opacity:.72}.tagbadge{font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px;background:hsla(0,0%,100%,.62);color:inherit;border:none;letter-spacing:.03em}.card.holo .tagbadge{background:rgba(201,164,76,.16);color:#e5ce8e;border:1px solid rgba(201,164,76,.5)}.teaser{font-size:13.5px;line-height:1.55;margin:13px 0 0;font-weight:500;color:#4a6a8f}.card.holo .teaser{color:#d7ccad}.teaser:before{content:"“"}.teaser:after{content:"”"}.goldbadge{display:inline-flex;align-items:center;gap:5px;margin:10px 0 0;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:#3a2604;background:linear-gradient(100deg,#ffe9a8,#ffd27a);padding:5px 13px;border-radius:999px;border:none;box-shadow:0 3px 10px rgba(201,164,76,.4)}.card .foot{margin-top:16px;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9.5px;letter-spacing:.08em;opacity:.72;font-weight:700;padding-top:11px;border-top:2px dashed rgba(36,72,110,.25)}.card.holo .foot{border-top-color:rgba(201,164,76,.35)}.section-pad{padding:0 16px}.card-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 4px 14px rgba(30,58,95,.06)}.h-sub{color:var(--sub);font-size:13px}