@font-face{font-family:Maplestory;src:url(https://cdn.jsdelivr.net/gh/fonts-archive/Maplestory/Maplestory-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Maplestory;src:url(https://cdn.jsdelivr.net/gh/fonts-archive/Maplestory/Maplestory-Bold.woff2) format("woff2");font-weight:700;font-display:swap}:root{--t-font: "Maplestory", sans-serif;--h-font: "Maplestory", sans-serif;--b-font: "Maplestory", "Pretendard", system-ui, sans-serif;--n-font: "Maplestory", "Pretendard", system-ui, sans-serif;--text: #191b22;--text-dim: #565b67;--line: #d3dae2;--coral: #ff6a5a;--iris: #6b5cff;--mana: #6b8cff;--xp: #a66bff;--gold: #f4b740;--stamina: #37d39b;--radius-sm: 3px;--radius: 5px;--radius-lg: 8px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0f0d14;font-family:var(--b-font);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default}input{font-family:inherit}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--b-font);font-size:14px;color:var(--text);background:url(/bg-office.png) center / cover no-repeat,linear-gradient(165deg,#dfe3f1,#e7e2ee 48%,#f3ecec);image-rendering:pixelated}#stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 45% at 78% 12%,rgba(255,255,255,.55) 0%,transparent 60%),radial-gradient(40% 30% at 15% 30%,rgba(255,236,210,.35) 0%,transparent 65%)}#stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(8,10,16,.22) 100%)}.pnl{background:#ffffff9e;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius);box-shadow:0 14px 34px #181e3024,0 2px 6px #181e3014,inset 0 1px #ffffffe6}.hud{background:#ffffff24;backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);border-bottom:1px solid rgba(255,255,255,.42);box-shadow:0 14px 34px #181e302e,inset 0 1px #ffffffd9}.hud-cell{min-width:152px;flex:none;padding:7px 13px;background:#ffffffe6;border-radius:3px;text-align:left}.hud-cell .lbl{font:700 13px var(--h-font);color:var(--text-dim);white-space:nowrap}.hud-cell .row{display:flex;align-items:baseline;gap:6px;margin-top:4px;justify-content:flex-end}.hud-cell .row:first-child{margin-top:0}.hud-cell .val{font:700 18px var(--n-font);font-variant-numeric:tabular-nums;line-height:1}.hud-cell .sub{font:600 11px var(--n-font);color:var(--text-dim);white-space:nowrap}.rail-tab{writing-mode:vertical-rl;padding:13px 6px;background:#ffffffd9;border-radius:3px;font:700 15px var(--h-font);letter-spacing:.04em;color:var(--text)}.rail-tab.on{background:#14171f;color:#fff}.rail-tab.locked{background:none;border:1px dashed rgba(255,106,90,.75);color:var(--coral)}.tile{background:#ffffffeb;border-radius:3px;padding:10px 11px}.win{position:absolute;left:76px;right:416px;top:76px;bottom:20px;z-index:20;padding:14px 16px;background:#fffffff2;border-radius:6px;box-shadow:0 18px 50px #00000042;display:flex;flex-direction:column}.win-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex:none}.win-head .t{font:700 19px var(--h-font)}.win-head .d{font:500 11px var(--b-font);color:var(--text-dim)}.win-x{padding:4px 11px;border:1px solid rgba(20,24,34,.18);background:#fff;border-radius:99px;font:600 11px var(--b-font);color:var(--text-dim)}.win-body{display:flex;gap:16px;flex:1;min-height:0;overflow-x:auto}.vr{width:1px;background:#d3dae2;flex:none}.card{border:1px solid #d3dae2;border-radius:4px;padding:10px 12px;background:#fff}.card-t{font:700 13px var(--h-font);color:#565b67}.sec-t{font:700 15px var(--h-font)}.dim{color:#9aa0ab}.pick{border:1px solid #d3dae2;border-radius:4px;padding:9px 11px;background:#fff;width:100%;text-align:left}.pick.on{border-color:#191b22;background:#191b22;color:#fff}.pick .r{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:700 13px var(--b-font)}.pick .r .side{font:500 11px var(--b-font);color:#565b67}.pick.on .r .side{color:#ffffff9e}.pick .s{font:500 11px var(--b-font);color:#565b67;margin-top:3px}.pick.on .s{color:#ffffff9e}.act{width:100%;padding:9px 0;text-align:center;border-radius:4px;font:700 12px var(--h-font);background:#14171f;color:#fff}.act:disabled{background:#f4f5f7;color:#9aa0ab;border:1px solid #d3dae2}.bars{display:grid;grid-template-columns:38px 1fr 30px;gap:9px 10px;align-items:center}.bars .lb{font:600 12px var(--b-font)}.bars .tr{height:9px;background:#e9edf1;border-radius:99px;overflow:hidden;position:relative}.bars .fl{height:100%;border-radius:99px}.bars .vn{font:700 12px var(--n-font);text-align:right;font-variant-numeric:tabular-nums}table.roster{width:100%;border-collapse:collapse;table-layout:fixed;font:400 12px var(--b-font)}table.roster th{position:sticky;top:0;z-index:1;padding:8px 10px;background:#fff;box-shadow:0 1px #e9edf1;font:600 11px var(--b-font);color:var(--text-dim);cursor:pointer;white-space:nowrap}table.roster td{padding:7px 10px;border-top:1px solid rgba(20,24,34,.05);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.roster td.num{text-align:right;font-weight:700}table.roster th.ck,table.roster td.ck{width:34px;padding-left:10px;padding-right:0;text-overflow:clip}table.roster tbody tr{cursor:pointer}table.grid{width:100%;border-collapse:collapse;font:400 12px var(--b-font)}table.grid thead td{font:700 10.5px var(--b-font);color:var(--text-dim);padding:6px 4px;border-bottom:1px solid #d3dae2}table.grid tbody td{padding:6px 4px;border-bottom:1px solid #eef0f3}table.grid tbody tr.mine{background:#ff6a5a14}.scroll{overflow-y:auto;scrollbar-width:thin}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:3px}@keyframes sit-dim{0%{background:#100d1400}to{background:#100d146b}}@keyframes sit-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.sit-dim{animation:sit-dim .4s ease-out both}.sit-card{animation:sit-rise .4s cubic-bezier(.2,.7,.3,1) .08s both}@media (prefers-reduced-motion: reduce){.sit-dim,.sit-card{animation:none}}.paper{width:640px;background:#fff;color:var(--text);border-radius:4px;box-shadow:0 22px 60px #0000006b;overflow:hidden}.paper .head{padding:18px 22px 14px;border-bottom:2px solid var(--text)}.paper .sec{display:flex;align-items:baseline;gap:8px;padding:15px 22px 6px;border-top:1px solid var(--line);font:700 11px var(--b-font);letter-spacing:.07em;color:var(--text-dim)}.paper .sec .rule{font:600 10px var(--b-font);color:#9aa0ab;letter-spacing:0}.paper .row{display:flex;align-items:flex-start;border-bottom:1px solid rgba(20,24,34,.05);background:#f7f8fa}.paper .row .k{padding:9px 22px;width:104px;flex:none;color:var(--text-dim);font:600 12px var(--b-font)}.paper .row .v{padding:9px 22px 9px 0;flex:1;line-height:1.6;font:400 13px var(--b-font)}.ink{flex:1;padding:11px 0;text-align:center;border-radius:3px;background:#14171f;color:#fff;font:700 13px var(--h-font)}.ghost{padding:11px 18px;border-radius:3px;border:1px solid rgba(20,24,34,.18);background:#fff;color:var(--text-dim);font:700 13px var(--h-font)}.talk{border-radius:26px;background:#00000075;backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}.bubble{background:#1c18229e;color:#f6f2f4;border-radius:14px;padding:10px 13px;font:400 13px/1.65 var(--b-font);max-width:84%}.bubble.me{background:#ffffffdb;color:#191b22;max-width:72%}.avatar{width:22px;height:22px;flex:none;margin-top:2px;border-radius:5px;border:1.5px solid var(--coral);background:#1c18229e;display:grid;place-items:center;font:700 10px var(--b-font);color:var(--coral)}.talk-chip{padding:6px 13px;border-radius:99px;background:#ffffffeb;color:#191b22;font:600 12px var(--b-font);box-shadow:0 4px 14px #0000002e}.chip{padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#ffffff0f;color:#f6f2f4e6;font:700 12px var(--b-font)}.chip:hover{background:#ffffff29}.mono{font-family:var(--n-font);font-variant-numeric:tabular-nums}.h{font-family:var(--h-font);font-weight:700}
