:root{--bg: #0e1624;--bg-deep: #070a11;--panel: rgba(22, 33, 52, .92);--panel-2: rgba(13, 21, 34, .96);--panel-head: rgba(19, 28, 45, .98);--line: rgba(116, 188, 224, .42);--line-soft: rgba(116, 139, 169, .2);--frame-blue: rgba(105, 199, 238, .58);--frame-blue-soft: rgba(80, 132, 170, .34);--frame-gold: rgba(240, 199, 102, .68);--frame-shadow: rgba(3, 8, 15, .78);--well: rgba(7, 13, 23, .54);--well-hover: rgba(31, 48, 72, .72);--text: #f7f1e6;--muted: #9facbd;--gold: #f0c766;--gold-deep: #b98528;--green: #68d391;--red: #ff6b6b;--blue: #69c7ee;--purple: #b99cff;--bronze: #d8834f;--ink: #070b12;--radius: 8px;--shadow: 0 18px 48px rgba(0, 0, 0, .42);--font-game: "Jua", "Pretendard", "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{min-height:100%}html{touch-action:manipulation}*{scrollbar-width:thin;scrollbar-color:rgba(105,199,238,.18) rgba(5,12,22,.12)}body{font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;background:linear-gradient(90deg,#050910c7,#080d1680 38%,#070a10c2),linear-gradient(180deg,#060a1114,#060a11b3),url(/assets/brand/pikmoa-premium-bg.png) center center / cover no-repeat fixed,linear-gradient(rgba(240,199,102,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(240,199,102,.035) 1px,transparent 1px),radial-gradient(900px 620px at 23% -14%,rgba(72,119,154,.35),transparent 60%),radial-gradient(920px 680px at 82% 6%,rgba(214,130,63,.18),transparent 58%),radial-gradient(900px 600px at 50% 112%,rgba(43,81,122,.28),transparent 62%),linear-gradient(180deg,#131d2c 0%,var(--bg) 42%,var(--bg-deep) 100%);background-size:auto,auto,cover,36px 36px,36px 36px,auto,auto,auto,auto;background-attachment:fixed;color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 18%,transparent 82%,rgba(255,255,255,.035)),radial-gradient(circle at 50% 0%,transparent 0,transparent 55%,rgba(0,0,0,.34) 100%);mix-blend-mode:screen;opacity:.48}.panel{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 28%),linear-gradient(90deg,rgba(105,199,238,.08),transparent 16%,transparent 84%,rgba(105,199,238,.04)),linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid rgba(94,148,183,.5);border-radius:var(--radius);box-shadow:var(--shadow),0 0 0 1px #020810ad,0 0 18px #69c7ee1f,inset 0 0 0 1px #ffffff0e,inset 0 0 0 2px #69c7ee14;display:flex;flex-direction:column;min-height:0;overflow:hidden;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.panel:not(.map-panel):before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:calc(var(--radius) - 1px);pointer-events:none;background:linear-gradient(90deg,rgba(105,199,238,.34),transparent 38px,transparent calc(100% - 38px),rgba(105,199,238,.34)) top / 100% 1px no-repeat,linear-gradient(90deg,rgba(105,199,238,.32),transparent 56px,transparent calc(100% - 56px),rgba(105,199,238,.32)) bottom / 100% 1px no-repeat,linear-gradient(180deg,rgba(105,199,238,.22),transparent 36px,transparent calc(100% - 36px),rgba(105,199,238,.18)) left / 1px 100% no-repeat,linear-gradient(180deg,rgba(105,199,238,.22),transparent 36px,transparent calc(100% - 36px),rgba(105,199,238,.18)) right / 1px 100% no-repeat;opacity:.8}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 0 16px #69c7ee0e,inset 0 -18px 34px #00000029}.panel-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:linear-gradient(90deg,rgba(105,199,238,.12),transparent 34%,rgba(105,199,238,.045)),linear-gradient(180deg,rgba(36,48,68,.96),var(--panel-head));border-bottom:1px solid rgba(105,199,238,.22);box-shadow:inset 0 1px #ffffff14,0 1px #69c7ee24;flex:none}.panel-head:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(105,199,238,.48),rgba(105,199,238,.24) 22%,transparent 58%);opacity:.72}.panel-head h2{white-space:nowrap;font-family:var(--font-game);font-size:14px;font-weight:400;letter-spacing:0;display:flex;align-items:center;gap:7px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.panel-head h2:before{content:"";color:var(--gold);width:8px;height:18px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(180deg,#e6fbff,var(--blue) 46%,var(--gold-deep));box-shadow:0 0 12px #69c7ee6b}.panel-head small{color:var(--muted);font-weight:500;font-family:Pretendard,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-body{position:relative;z-index:1;padding:11px 12px;overflow-y:auto;min-height:0;flex:1}.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;color:var(--text);background:linear-gradient(180deg,rgba(255,255,255,.14),transparent 45%),linear-gradient(180deg,#2c4a70,#162942);border:1px solid var(--line);border-radius:7px;padding:8px 13px;cursor:pointer;font-weight:700;box-shadow:inset 0 1px #ffffff29,0 2px #0000005c;text-shadow:0 1px 1px rgba(0,0,0,.36);transition:border-color .12s,filter .12s,transform .06s,box-shadow .12s;-webkit-font-smoothing:antialiased}.btn:hover:not(:disabled){border-color:#f0c766c2;filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px #fff3}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-gold{background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 38%),linear-gradient(180deg,#f7d982 0%,var(--gold) 42%,var(--gold-deep) 100%);border-color:#7d5b16;color:#231706;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff8c,0 2px #6a4810,0 8px 18px #00000047}.btn.danger,.btn.danger-btn,.btn.fire-btn{background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),linear-gradient(180deg,#d0662e,#a84c1e);border-color:#7c3512;color:#ffece4}.btn-ghost{background:transparent;box-shadow:none}.ui-icon-img,.btn-icon{flex:none;display:inline-block;width:26px;height:26px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 3px rgba(0,0,0,.38))}.up{color:var(--red)}.down{color:var(--blue)}.pos{color:var(--green)}.neg{color:var(--red)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#69c7ee33,#48729429);border:2px solid rgba(5,12,22,.18);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#69c7ee57,#48729442)}::-webkit-scrollbar-track{background:#050c1614;border-radius:999px}::-webkit-scrollbar-corner{background:transparent}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#03070db8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 32%),linear-gradient(90deg,rgba(105,199,238,.08),transparent 18%,transparent 82%,rgba(105,199,238,.04)),linear-gradient(180deg,#1e2f49,#0c1523);border:1px solid rgba(94,148,183,.58);border-radius:10px;box-shadow:0 28px 72px #00000094,0 0 0 1px #020810b8,0 0 24px #69c7ee24,inset 0 1px #ffffff1a,inset 0 0 0 2px #69c7ee12;width:min(480px,100%);max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.modal:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:9px;pointer-events:none;background:linear-gradient(90deg,rgba(105,199,238,.34),transparent 42px,transparent calc(100% - 42px),rgba(105,199,238,.34)) top / 100% 1px no-repeat,linear-gradient(90deg,rgba(105,199,238,.32),transparent 58px,transparent calc(100% - 58px),rgba(105,199,238,.32)) bottom / 100% 1px no-repeat,linear-gradient(180deg,rgba(105,199,238,.22),transparent 40px,transparent calc(100% - 40px),rgba(105,199,238,.18)) left / 1px 100% no-repeat,linear-gradient(180deg,rgba(105,199,238,.22),transparent 40px,transparent calc(100% - 40px),rgba(105,199,238,.18)) right / 1px 100% no-repeat;opacity:.82}.modal-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid rgba(105,199,238,.22);background:linear-gradient(90deg,rgba(105,199,238,.14),transparent 44%,rgba(105,199,238,.045)),linear-gradient(180deg,#263953,#142238);font-family:var(--font-game);font-weight:400;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.modal-body{position:relative;z-index:1;padding:16px 18px;overflow-y:auto}.modal-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);background:#0e1624f0;border:1px solid var(--gold);color:var(--text);padding:10px 18px;border-radius:999px;font-weight:700;z-index:80;box-shadow:var(--shadow),0 0 14px #ffcc4d40;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}