:root{--bg: #0b0f19;--panel: #111a2e;--card: #0f172a;--text: #e6e8ee;--muted: #a7b0c0;--line: rgba(255,255,255,.08);--good: #48d597;--warn: #ffcc66;--bad: #ff6b6b;--brand: #7aa7ff;--ui-scale: 1}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--bg)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Pretendard,sans-serif;background:var(--bg);color:var(--text);position:relative;z-index:0}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 800px at 10% 10%,rgba(122,167,255,.18),transparent 55%),radial-gradient(900px 600px at 90% 20%,rgba(72,213,151,.12),transparent 60%),var(--bg)}code{background:#ffffff14;padding:2px 6px;border-radius:6px}.app{width:1120px;max-width:none;margin:0 auto;padding:18px;zoom:var(--ui-scale)}@supports not (zoom: 1){body{overflow-x:auto}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--line);background:#111a2e8c;border-radius:14px;backdrop-filter:blur(8px)}.brand{display:flex;gap:12px;align-items:center;min-width:0}.logo{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#7aa7ff33;border:1px solid rgba(122,167,255,.35);font-weight:800}.brand-name{font-weight:800;letter-spacing:.2px}.brand-sub{color:var(--muted);font-size:12px;margin-top:2px}.top-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end;flex-shrink:0}.top-actions .btn{display:inline-flex;align-items:center;justify-content:center;width:60px;height:39px;padding:0;line-height:1;text-align:center;box-sizing:border-box;flex:0 0 60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btnHelp,#btnReset,#btnRanking,#btnExport,#btnImport{transform:translate(0);width:60px;height:39px}.logo-area{position:relative}.brand-meta-overlay{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:flex-start;padding:10px;z-index:2}.logo-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}.logo-actions-row{display:flex;gap:10px}.grid{display:grid;grid-template-columns:1fr 1.35fr;grid-template-areas:"left right";gap:14px;margin-top:14px}.kernel-left{grid-area:left}.kernel-chat{grid-area:right}.panel{border:1px solid var(--line);background:#111a2e59;border-radius:14px;padding:14px;min-width:0}.panel-title{margin:0 0 12px;font-size:14px;color:var(--muted);letter-spacing:.3px}.card{background:#0f172abf;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px;min-width:0}.card-title{margin:0 0 10px;font-size:13px;color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.avatar{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--line);font-size:20px}.name{font-weight:800}.hint{color:var(--muted);font-size:12px;line-height:1.4;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.stats{margin-top:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.stat{padding:10px;border-radius:10px;border:1px solid var(--line);background:#ffffff08}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-weight:800;font-size:16px;margin-top:4px}.action-line{display:flex;gap:10px;align-items:center}.badge{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--muted)}.action-text{font-size:13px;color:var(--text)}.action-sub{color:var(--muted);font-size:12px;margin-top:10px}.progress{width:100%;height:10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;overflow:hidden;margin-top:10px}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#7aa7fff2,#48d597e6)}.action-buttons{display:flex;gap:10px;margin-top:10px}.list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.list li{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a}.empty{color:var(--muted);font-size:12px}.tabbar{display:flex;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tab{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);cursor:pointer;font-size:13px;flex:0 0 auto;white-space:nowrap}.tab.active{background:#7aa7ff29;border-color:#7aa7ff52}.tabpage{display:none;min-width:0}.tabpage.active{display:block}.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.equip-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;cursor:pointer}.equip-item[aria-disabled=true]{opacity:.55;cursor:not-allowed}.equip-left{display:flex;align-items:center;gap:10px}.equip-icon{font-size:18px}.equip-name{font-weight:800;font-size:13px}.equip-tag{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#ffffff05}.equip-tag.good{color:var(--good);border-color:#48d59747;background:#48d59714}.equip-tag.warn{color:var(--warn);border-color:#ffcc6647;background:#ffcc6614}.chat .chatbox{height:420px;overflow:auto;border-radius:12px;border:1px solid var(--line);background:#0f172a8c;padding:10px;min-width:0}.msg{margin:8px 0;display:flex;gap:10px;align-items:stretch}.msg .who{font-size:12px;min-width:84px;color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center}.msg .bubble{flex:1;padding:10px;border:1px solid var(--line);border-radius:12px;background:#ffffff08;white-space:pre-wrap;line-height:1.35;font-size:13px}.msg.user .bubble{background:#7aa7ff1a;border-color:#7aa7ff38}.msg.system .bubble{background:#48d59714;border-color:#48d59733}.chatform{display:flex;gap:10px;margin-top:10px}.chatform .btn{min-width:72px}.chatinput{flex:1 1 auto;min-width:0;width:0;padding:12px;border-radius:12px;border:1px solid var(--line);background:#ffffff08;color:var(--text);outline:none}.chatinput::placeholder{color:#a7b0c0bf}.quick{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.btn{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff12}.btn.primary{background:#7aa7ff33;border-color:#7aa7ff59}.btn.ghost{background:transparent}.btn.warn{background:#ffcc661f;border-color:#ffcc6640}.btn.danger{background:#ff6b6b1f;border-color:#ff6b6b40}.chip{font-size:12px;padding:8px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--text);cursor:pointer}.chip:hover{background:#ffffff0f}.footer{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#111a2e59;color:var(--muted);display:flex;justify-content:center}@media(max-width:920px){.grid{grid-template-columns:1fr;grid-template-areas:"left" "motion" "right"}.chat .chatbox{height:340px}.equip-grid{grid-template-columns:1fr}}html.is-mobile body{overflow-x:hidden}html.is-mobile .app{width:100%;max-width:100%;margin:0 auto;padding:12px;zoom:1}html.is-mobile .topbar{flex-direction:column;align-items:stretch}html.is-mobile .top-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch;justify-items:stretch}html.is-mobile .logo-actions-row{display:contents}html.is-mobile .top-actions .btn{width:100%!important;height:44px!important;padding:0!important}html.is-mobile #btnHelp,html.is-mobile #btnReset,html.is-mobile #btnRanking,html.is-mobile #btnImport{width:100%!important;height:44px!important}html.is-mobile main.grid{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"left" "right"}.card.active-task{padding:12px}.card.active-task .task-stage.motion-stage{position:relative;width:100%;height:250px;border-radius:12px;border:1px solid rgba(255,255,255,.08);--motion-scale: 1.08;background:radial-gradient(680px 260px at 28% 32%,rgba(122,167,255,.12),transparent 58%),radial-gradient(560px 260px at 82% 22%,rgba(72,213,151,.08),transparent 62%),#0f172a8c;overflow:hidden}html.is-mobile .card.active-task .task-stage.motion-stage{height:205px;--motion-scale: .88}.card.active-task .task-progress{margin-top:10px;margin-bottom:0}.motion-entity{position:absolute;bottom:calc(4px * var(--motion-scale));transform:translateZ(0);will-change:transform;pointer-events:none}.motion-hero{left:0;transform:none}.motion-enemy{right:0;left:auto;transform:none;opacity:0}.motion-enemy.visible{opacity:1}.motion-move{will-change:transform,opacity}.motion-bob{will-change:transform;position:relative}.motion-hero .motion-bob.idle{transform-origin:50% 90%;animation:motion-stance 2.15s ease-in-out infinite}@keyframes motion-stance{0%{transform:translate(0) rotate(0) scale(1)}22%{transform:translate(calc(-2px * var(--motion-scale))) rotate(-.9deg) scale(1.005)}50%{transform:translateY(calc(-1px * var(--motion-scale))) rotate(0) scale(1.01)}78%{transform:translate(calc(2px * var(--motion-scale))) rotate(.9deg) scale(1.005)}to{transform:translate(0) rotate(0) scale(1)}}.motion-enemy .motion-bob.idle{transform-origin:50% 90%;animation:motion-enemy-bob 1.35s ease-in-out infinite}@keyframes motion-enemy-bob{0%{transform:translateY(0)}50%{transform:translateY(calc(-5px * var(--motion-scale)))}to{transform:translateY(0)}}.motion-bob.farming{transform-origin:50% 90%;animation:motion-run .52s ease-in-out infinite}@keyframes motion-run{0%{transform:translate(0) rotate(-1.6deg)}25%{transform:translate(calc(6px * var(--motion-scale)),calc(-5px * var(--motion-scale))) rotate(0)}50%{transform:translate(calc(10px * var(--motion-scale))) rotate(1.6deg)}75%{transform:translate(calc(6px * var(--motion-scale)),calc(-5px * var(--motion-scale))) rotate(0)}to{transform:translate(0) rotate(-1.6deg)}}.motion-sprite-frame{position:relative;display:block;overflow:hidden;pointer-events:none}.motion-sprite-frame>img{position:absolute;top:0;left:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges;user-select:none;-webkit-user-drag:none}.motion-sprite{display:block;image-rendering:pixelated;image-rendering:crisp-edges;user-select:none;-webkit-user-drag:none}.motion-sprite.weapon{position:absolute;width:auto;pointer-events:none;opacity:.95;left:0;top:0;transform-origin:var(--weapon-origin-x, 24%) var(--weapon-origin-y, 22%);filter:drop-shadow(0 10px 14px rgba(0,0,0,.35));--weapon-base-rot: 0deg;--weapon-flip-x: 1;--weapon-flip-y: 1;--weapon-scale: 1;--weapon-swing-rot: 42deg;--weapon-cast-rot: -14deg;transform:rotate(var(--weapon-base-rot)) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}.motion-sprite.weapon.primary{height:calc(124px * var(--motion-scale));z-index:3}.motion-sprite.weapon.secondary{height:calc(112px * var(--motion-scale));opacity:.98;z-index:2}.motion-sprite.weapon.hidden{display:none}.motion-sprite.weapon.active{opacity:1;filter:drop-shadow(0 0 12px rgba(122,167,255,.25)) drop-shadow(0 10px 14px rgba(0,0,0,.35))}.motion-sprite.weapon.inactive{opacity:.7}.motion-sprite.weapon.swing{animation:weapon-swing .21s cubic-bezier(.2,.9,.2,1) 1}@keyframes weapon-swing{0%{transform:rotate(var(--weapon-base-rot)) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}45%{transform:rotate(calc(var(--weapon-base-rot) + var(--weapon-swing-rot))) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}to{transform:rotate(var(--weapon-base-rot)) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}}.motion-sprite.weapon.cast{animation:weapon-cast .24s ease-out 1}@keyframes weapon-cast{0%{transform:rotate(var(--weapon-base-rot)) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}40%{transform:rotate(calc(var(--weapon-base-rot) + var(--weapon-cast-rot))) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}to{transform:rotate(var(--weapon-base-rot)) scaleX(var(--weapon-flip-x)) scaleY(var(--weapon-flip-y)) scale(var(--weapon-scale))}}.motion-projectile{position:absolute;width:max(4px,calc(12px * var(--motion-scale)));height:max(4px,calc(12px * var(--motion-scale)));border-radius:999px;opacity:0;pointer-events:none;transform:translateZ(0);background:#f0f5fff2;box-shadow:0 0 0 2px #ffffff2e}.motion-projectile.staff{background:#78befff2;box-shadow:0 0 18px #5aa0ffa6}.motion-slash{position:absolute;width:max(22px,calc(88px * var(--motion-scale)));height:max(2px,calc(7px * var(--motion-scale)));border-radius:999px;opacity:0;pointer-events:none;background:#ffffffeb;transform:rotate(-18deg);filter:blur(.15px)}html.is-mobile .logo-img{object-fit:cover!important;object-position:center}html.is-mobile .stats{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"class primary" "class secondary"}html.is-mobile .stats .stat:nth-child(1){grid-area:class}html.is-mobile .stats .stat:nth-child(2){grid-area:primary}html.is-mobile .stats .stat:nth-child(3){grid-area:secondary}@media(max-width:360px){html.is-mobile .stats{grid-template-columns:1fr;grid-template-areas:"class" "primary" "secondary"}}html.is-mobile .msg .who{min-width:64px}html.is-mobile .panel.chat{display:flex;flex-direction:column}html.is-mobile .chat .chatbox{height:42vh;min-height:260px;max-height:520px;flex:1 1 auto}html.is-mobile .chatinput{font-size:16px}html.is-mobile .chatform{gap:8px}html.is-mobile .chatform .btn{min-width:64px}html.is-mobile .equip-grid{grid-template-columns:1fr}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.chat-head .panel-title{margin:0}.chat-actions{display:flex;align-items:center;gap:8px}.chat-icon,.chat-toggle{width:42px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;line-height:1;font-size:16px}.chat-searchbar{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#0f172a59;margin-bottom:10px}.chat-searchinput{height:34px}.chat-head-left{display:flex;align-items:center;gap:10px;min-width:0}.chat-pill{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:#ffffff08;line-height:1;user-select:none}.chat-pill.good{color:var(--good);border-color:#48d5974d;background:#48d5971a}.chat-pill.bad{color:var(--bad);border-color:#ff6b6b4d;background:#ff6b6b1a}.chat-pill.warn{color:var(--warn);border-color:#ffcc664d;background:#ffcc661a}.chat-users{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#0f172a59;margin-bottom:10px}.chat-users-label{font-size:12px;color:var(--muted);min-width:54px}.chat-users-list{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;min-width:0}.user-chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:#ffffff08;color:var(--text);font-size:12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.user-chip:hover{border-color:#ffffff2e;background:#ffffff0d}.user-chip:active{transform:translateY(1px)}.user-chip .dot{width:8px;height:8px;border-radius:999px;background:#a7b0c08c}.user-chip.online .dot{background:var(--good)}.user-chip.me{border-color:#7aa7ff59;background:#7aa7ff1a}.who-btn{background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.who-btn:hover{color:var(--text);text-decoration:underline}.who-btn:focus-visible{outline:2px solid rgba(122,167,255,.5);outline-offset:2px;border-radius:10px}.bubble.has-time{position:relative;padding-right:64px}.bubble.has-time .bubble-top{position:absolute;top:8px;right:10px;margin:0;display:flex;justify-content:flex-end}.bubble.has-time .bubble-time{font-size:11px;color:#a7b0c0d9;white-space:nowrap;pointer-events:none}.bubble.has-time .bubble-body{margin:0}.modal-backdrop{position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;padding:18px;background:#0000008c}.modal-backdrop.open{display:flex}.modal{width:min(560px,100%);border-radius:16px;border:1px solid var(--line);background:#111a2eeb;backdrop-filter:blur(10px);box-shadow:0 18px 70px #0000008c;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.modal-title{font-weight:800;letter-spacing:.2px}.modal-body{padding:14px;display:grid;gap:10px}.profile-grid{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:start}.profile-k{font-size:12px;color:var(--muted)}.profile-v{font-size:13px;line-height:1.35}.profile-tags{display:flex;gap:8px;flex-wrap:wrap}.profile-tag{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#ffffff08}.profile-bar{height:10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0f;overflow:hidden}.profile-bar>div{height:100%;width:0%;background:#7aa7ff8c}.rank-note{font-size:12px;color:var(--muted);line-height:1.35}.rank-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:6px}.rank-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffff08}.rank-row.me{background:#ffffff0f}.rank-left{display:flex;align-items:center;gap:10px;min-width:0}.rank-num{width:52px;font-weight:900}.rank-name{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.rank-right{display:grid;justify-items:end;gap:2px}.rank-score{font-weight:900}.rank-sub{font-size:12px;color:var(--muted)}.rank-self{display:grid;gap:4px;padding:10px;border-radius:14px;border:1px solid var(--line);background:#ffffff08}html.is-mobile .modal{width:min(560px,100%)}html.is-mobile .profile-grid{grid-template-columns:1fr}