:root{--ink: #4a3b5c;--ink-soft: #7d6e8f;--line: #f0d9e8;--paper: #ffffff;--cream: #fff9ef;--pink: #ff8fb1;--pink-soft: #ffe1ea;--blue: #5ab8ff;--blue-soft: #dff2ff;--yellow: #ffd23f;--yellow-soft: #fff4c7;--green: #4cc38a;--green-soft: #dcf7e9;--purple: #9b6dff;--purple-soft: #efe6ff;--orange: #ff9f43;--red: #ff4d6d;--shadow: 0 4px 0 rgba(74, 59, 92, .12), 0 8px 20px rgba(74, 59, 92, .08);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--ink);font:15px/1.5 Nunito,Microsoft JhengHei,PingFang TC,Noto Sans TC,system-ui,sans-serif;background:radial-gradient(circle at 10% 10%,#fff 0 2px,transparent 3px) 0 0 / 40px 40px,linear-gradient(180deg,#bfe7ff,#ffe9f2 55%,#fff6dc) fixed}button{font:inherit;font-weight:800;color:var(--ink);background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:7px 14px;cursor:pointer;min-height:36px;box-shadow:0 3px 0 var(--line);transition:transform .08s,box-shadow .08s}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--pink);box-shadow:0 4px 0 var(--pink-soft)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.primary{background:linear-gradient(180deg,#ff9fbd,#ff6f9c);border-color:#ff5d8f;color:#fff;box-shadow:0 4px #e04677;text-shadow:0 1px 0 #d94070}button.go{background:linear-gradient(180deg,#7fd9a8,#3fbd7c);border-color:#34a96c;color:#fff;box-shadow:0 4px #2b8f5a}button.dig{background:linear-gradient(180deg,#ffc875,#ff9f43);border-color:#f08a2c;color:#fff;box-shadow:0 4px #cf7420}button.big{padding:10px 26px;font-size:17px;border-radius:18px}button.link{background:none;border:none;box-shadow:none;color:var(--purple);padding:4px 6px}button.mini{padding:3px 10px;min-height:30px;font-size:13px;border-radius:11px}input,select{font:inherit;color:var(--ink);background:var(--cream);border:2px solid var(--line);border-radius:12px;padding:7px 10px}input:focus,select:focus{outline:3px solid var(--blue-soft);border-color:var(--blue)}input[type=number]{width:64px}h1,h2,h3{margin:.1em 0 .5em;font-weight:900}h3{font-size:16px;color:var(--purple)}.muted{color:var(--ink-soft)}.fine{color:var(--ink-soft);font-size:12px}.error,.warn{color:var(--red);font-weight:700}.pad{padding:0 16px}.card{background:var(--paper);border:3px solid #fff;border-radius:22px;padding:16px;box-shadow:var(--shadow)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.space{justify-content:space-between}.badge{font-size:11px;font-weight:900;color:#7a4b00;background:var(--yellow);padding:3px 9px;border-radius:999px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:16px}.logo{font-size:30px;font-weight:900;color:#fff;text-shadow:0 3px 0 #ff6f9c,0 6px 0 rgba(74,59,92,.2);letter-spacing:.04em}.login{width:min(400px,100%);display:grid;gap:12px;text-align:center}.login label{display:grid;gap:4px;text-align:left;font-weight:800}.topbar{display:flex;gap:10px;align-items:center;padding:10px 18px;background:linear-gradient(90deg,#ff9fbd,#ffb86b 60%,#ffd23f);color:#fff;box-shadow:0 4px #4a3b5c1f}.topbar strong{font-size:18px;text-shadow:0 2px 0 rgba(0,0,0,.12)}.topbar .muted{color:#fff8;font-weight:700}.topbar button.link{color:#fff;font-size:15px}.coins{margin-left:auto;background:#fff;color:#c77700;font-weight:900;padding:4px 12px;border-radius:999px;box-shadow:0 3px #0000001a}.select-screen{max-width:980px;margin:0 auto;display:grid;gap:16px;padding-bottom:32px}.select-screen>.card{margin:0 16px}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:10px}.type-card{display:grid;justify-items:center;gap:2px;padding:8px 6px;background:var(--cream);border-radius:18px}.type-card.on{border-color:var(--pink);background:var(--pink-soft);box-shadow:0 4px #ffb3c9}.type-card b{font-size:15px}.type-card small{color:var(--ink-soft);font-size:11px;font-weight:700}.type-detail{margin:12px 0;padding:12px;background:var(--blue-soft);border-radius:16px}.char-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.char-row{display:flex;gap:10px;align-items:center;text-align:left;background:var(--cream)}.sprite{display:block}.no-art{display:inline-grid;place-items:center;width:48px;height:48px;color:var(--ink-soft);border:2px dashed var(--line);border-radius:12px}.icon{width:32px;height:32px;image-rendering:pixelated;object-fit:contain;flex:none;background:var(--cream);border-radius:10px;padding:2px}.icon.missing{display:inline-grid;place-items:center;font-size:11px;color:var(--ink-soft);border:2px dashed var(--line)}.game{display:grid;min-height:100vh;grid-template-columns:230px minmax(0,1fr) 310px;grid-template-rows:auto 1fr;grid-template-areas:"top top top" "left main right";gap:0}.game>.topbar{grid-area:top}.col-left{grid-area:left;padding:14px;overflow:auto}.col-main{grid-area:main;padding:14px 6px;display:grid;gap:12px;align-content:start;min-width:0}.col-right{grid-area:right;padding:14px;display:flex;flex-direction:column;min-height:0}.col-right .card{display:flex;flex-direction:column;min-height:0;flex:1;padding:0;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;background:var(--purple-soft)}.tabs button{flex:1;padding:6px 0;min-height:40px;border-radius:12px;font-size:12.5px;white-space:nowrap;box-shadow:none;border-color:transparent;background:transparent}.tabs button.on{background:#fff;border-color:#fff;color:var(--purple);box-shadow:0 3px #d8c7ff}.panel{padding:14px;overflow:auto;flex:1}.mobile-only{display:none}.stage{position:relative;display:flex;flex-direction:column}.chat-anchor{order:1;position:relative;height:0}.stage>.buff-bar{order:2}.stage>.chatbox{order:3}.battle{width:100%;height:auto;aspect-ratio:2 / 1;border-radius:22px;border:4px solid #fff;box-shadow:var(--shadow);background:#bfe8ff;display:block}.stage-hud{position:absolute;left:12px;top:10px;display:flex;gap:6px;flex-wrap:wrap;pointer-events:none}.chip{background:#ffffffe6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;box-shadow:0 2px #00000014}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bar{background:#fff;border-radius:16px;padding:6px 10px;box-shadow:var(--shadow);font-size:12px}.bar-top{display:flex;justify-content:space-between;font-weight:900}.bar-top span:last-child{color:var(--ink-soft);font-weight:700}.bar-track{height:10px;background:#f3eef7;border-radius:999px;overflow:hidden;margin-top:3px}.bar-track>div{height:100%;border-radius:999px;transition:width .5s}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls .where{flex:1;min-width:200px;font-weight:800;background:#fff;padding:9px 14px;border-radius:16px;box-shadow:var(--shadow)}.quickbar{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.qslot{aspect-ratio:1;max-height:64px;border:3px solid #fff;border-radius:16px;background:linear-gradient(180deg,#fff,var(--purple-soft));display:grid;place-items:center;position:relative;box-shadow:var(--shadow)}.qslot small{position:absolute;right:5px;bottom:2px;font-size:10px;color:var(--blue);font-weight:900}.qslot .n{position:absolute;left:6px;top:2px;font-size:10px;color:var(--ink-soft)}.qslot.cooling{filter:grayscale(.7) brightness(.95)}.stats{width:100%;border-collapse:separate;border-spacing:0 4px}.stats th{text-align:left;font-weight:800;width:70px}.stats th small{color:var(--ink-soft);font-weight:700}.stats td{padding:2px 4px;font-weight:800}.bonus{color:var(--green)}.stat-group{padding:8px 10px;border-radius:14px;margin-bottom:8px}.g-attack{background:var(--pink-soft)}.g-magic{background:var(--blue-soft)}.g-sense{background:var(--yellow-soft)}.g-charm{background:var(--green-soft)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--purple-soft);color:var(--purple);font-weight:800;font-size:12px}.potion{display:grid;gap:8px;margin:12px 0;padding:10px;background:var(--pink-soft);border-radius:16px}.potion label{font-weight:700}.map-list,.inv,.equip,.skills,.skillbar-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.map-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;background:var(--cream);border-radius:16px;border:2px solid #fff}.map-list b{font-size:15px}.inv li,.equip li,.skills li,.skillbar-list li{display:flex;gap:8px;align-items:center;padding:8px 10px;background:var(--cream);border-radius:16px}.inv li.equipped{background:var(--yellow-soft)}.equip li.drill-slot{background:linear-gradient(90deg,#ffe7c2,#fff4c7);border:2px dashed var(--orange)}.e-tag{color:#fff;background:var(--orange);border-radius:6px;padding:0 5px;font-size:11px}.slot{width:44px;color:var(--ink-soft);font-weight:800}.grow{flex:1;min-width:0}.price{color:#c77700;font-weight:900;white-space:nowrap}.cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.cats button{min-height:32px;padding:3px 12px;font-size:13px;border-radius:999px}.cats button.on{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 3px #7a4fe0}.dur{display:inline-block;height:6px;width:60px;background:#f3e6d6;border-radius:99px;overflow:hidden;vertical-align:middle}.dur>i{display:block;height:100%;background:var(--orange)}.summary .kv{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px 10px}.summary .kv li{background:var(--cream);padding:2px 10px;border-radius:999px;font-weight:700;font-size:13px}.report{border-bottom:2px dashed var(--line);padding:10px 0}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3b5c73;display:grid;place-items:center;padding:16px;z-index:20}.modal .card{width:min(480px,100%);max-height:90vh;overflow:auto}.modal h2{color:var(--pink)}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:26px;background:#fff;color:var(--ink);font-weight:800;border:3px solid var(--pink-soft);padding:9px 16px;border-radius:999px;z-index:30;max-width:calc(100% - 32px);box-shadow:var(--shadow)}@media(max-width:1220px){.game{grid-template-columns:minmax(0,1fr) 290px;grid-template-areas:"top top" "main right"}.col-left{display:none}}@media(max-width:767px){body{font-size:15px}.game{display:block;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.desktop-only{display:none!important}.mobile-only{display:flex}.col-main{padding:10px 16px 4px;gap:10px}.col-right{padding:6px 16px 16px}.col-right .card{overflow:visible}.col-right .tabs{display:none}.panel{padding:14px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topbar{padding:8px 12px;flex-wrap:wrap;gap:6px}.topbar .muted{display:none}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:3px solid var(--pink-soft);padding:4px 4px env(safe-area-inset-bottom);z-index:10;box-shadow:0 -4px 14px #4a3b5c1a;gap:2px}.bottom-nav button{flex:1;border:none;box-shadow:none;background:none;min-height:58px;color:var(--ink-soft);font-size:12px;display:grid;place-items:center;gap:0;padding:4px 0;border-radius:14px}.bottom-nav button .ico{font-size:20px;line-height:1}.bottom-nav button.on{color:var(--pink);background:var(--pink-soft)}button.mini{min-height:40px;padding:4px 12px}.map-list li{flex-direction:column;align-items:stretch}.map-list li .row button{flex:1;min-height:46px}.controls .where{flex-basis:100%;min-width:0}.controls button{min-height:50px;flex:1}.quickbar{gap:5px}.qslot{border-radius:12px}}.modebar{background:#fff;border-radius:22px;padding:12px 14px;box-shadow:var(--shadow);display:grid;gap:10px}.mode-map{display:flex;justify-content:space-between;align-items:center;gap:10px}.mode-map b{font-size:17px}.mode-buttons{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.mode-buttons .mode{min-height:52px;font-size:16px;border-radius:18px}.mode-buttons .mode.active{outline:4px solid var(--yellow);outline-offset:2px;opacity:1}.mode-buttons .mode.active:disabled{opacity:1;cursor:default}.mode-notes p{margin:2px 0;font-size:13px}.map-list li.here{background:var(--yellow-soft);border-color:var(--yellow)}.skills li.skill{display:block;padding:8px 10px}.skill-head{display:flex;gap:8px;align-items:center}.skill-name{flex:1;min-width:0;text-align:left;background:none;border:none;box-shadow:none;padding:2px 4px;font-weight:400;min-height:0}.skill-name:hover:not(:disabled){transform:none;box-shadow:none;background:#fff6}.tag{display:inline-block;font-size:11px;font-weight:900;border-radius:6px;padding:0 6px}.tag.ok{background:var(--green-soft);color:#1f8a55}.tag.todo{background:#ffe3cc;color:#b85c00}.skill-detail{margin-top:8px;padding:10px;background:#fff;border-radius:12px;font-size:13px}.skill-detail .kv{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px}.ok-text{color:#1f8a55;font-weight:700}.lv-table{width:100%;border-collapse:collapse;font-size:12px}.lv-table th,.lv-table td{padding:2px 4px;text-align:center;border-bottom:1px solid var(--line)}.lv-table tr.cur{background:var(--yellow-soft);font-weight:800}@media(max-width:767px){.mode-buttons{grid-template-columns:1fr 1fr}.mode-buttons>button:last-child:not(.mode){grid-column:1 / -1}}.sell-list{max-height:40vh;overflow:auto;padding-left:18px;columns:2;font-size:13px}@media(max-width:767px){.sell-list{columns:1}}.login-screen{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:18px;padding:24px 16px;background:linear-gradient(180deg,#8fd6ff,#c9efff 42%,#fff1c4 72%,#ffd98a)}.login-hero{text-align:center;color:#3f5f7a;font-weight:800;max-width:100%}.login-hero p{margin:6px 0 0}.login-logo{font-size:clamp(38px,9vw,60px)}.parade{display:flex;justify-content:center;flex-wrap:wrap;margin-top:8px}.parade .sprite{margin:0 -6px}.select-tabs{display:flex;gap:8px;margin:0 16px}.select-tabs button{flex:1;border-radius:16px;font-weight:800}.select-tabs button.on{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 4px #ff6f9c}.select-screen h2{margin:14px 0 8px;font-size:18px}.select-screen h2:first-child{margin-top:0}.color-picker{display:grid;gap:10px;flex:1;min-width:200px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.swatch.on{box-shadow:0 0 0 3px var(--ink)}.hue-slider{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px}.hue-slider input{flex:1;min-width:0;accent-color:var(--pink)}.hue-slider small{width:34px;color:var(--ink-soft)}.color-row{align-items:center;flex-wrap:wrap}.color-edit{margin:12px 0;padding:10px;background:var(--cream);border-radius:14px}.drill-rule{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:800;margin-top:8px}.rule-edit{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-top:2px;flex-wrap:wrap}.rule-edit select{font-size:12px;padding:2px 4px}.rule-edit input{width:52px;font-size:12px;padding:2px 4px}.login-tabs{justify-content:center}.login-tabs button{flex:1}.login label.login-show{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:13px;font-weight:400}.login label.login-show input{width:auto;min-height:0;margin:0}.skill-why{margin:6px 0 2px;font-size:12px;color:#9a6a2f}.skill-guide{margin-top:8px;padding:8px 10px;border-radius:12px;background:#fff;border:2px dashed #ffd8a8;font-size:13px;display:grid;gap:6px;justify-items:start}.skill-guide ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;width:100%}.skill-guide p{margin:0;font-size:12px}ul.skills .skill-guide li{display:block;padding:0;margin:0;background:none;border-radius:0;box-shadow:none}.tag.site{background:#fff3bf;color:#8a5a00;margin-left:4px}.site-note{margin:4px 0 0;font-size:13px;font-weight:700;color:#8a5a00}.gap{display:inline-block;font-weight:700;color:#2b8a3e}.gap.low{color:#c92a2a}.stat-row th{cursor:help}.stat-tip{position:fixed;transform:translateY(-100%);width:240px;z-index:60;padding:8px 10px;border-radius:12px;background:#4a3b5c;color:#fff;font-size:13px;font-weight:600;line-height:1.4;box-shadow:var(--shadow);pointer-events:none}.stat-tip.below{transform:none}.skill-effect{display:block;margin-top:3px;color:var(--ink);font-weight:600;line-height:1.35;white-space:normal}.lv-effect{text-align:left;font-size:12px;line-height:1.3}.skill-scale{display:block;margin-top:2px;color:#7b2cbf;font-weight:700;line-height:1.3;white-space:normal}.services{display:inline-flex;flex-wrap:wrap;gap:3px;margin-top:3px}.npc-list{margin:4px 0 0;font-size:12px;color:var(--ink);line-height:1.4}.devlog{color:var(--ink);font-weight:400;max-width:560px;max-height:80vh;overflow-y:auto;text-align:left}.devlog h3{margin:12px 0 4px}.devlog ul{margin:0;padding-left:18px;line-height:1.5}.npc-name{margin-left:6px;padding:0;color:#7b2cbf;font-weight:800;text-decoration:underline;background:none}.npc-dialog{max-width:460px;max-height:80vh;overflow-y:auto;text-align:left;display:grid;gap:8px}.npc-line{margin:0;padding:10px 12px;border-radius:12px;background:var(--purple-soft);font-weight:700}.npc-quest{padding:8px 10px;border-radius:12px;background:#fff9ef}.battle{cursor:pointer}.chatbox{position:relative;margin-top:8px;border-radius:12px;background:#4a3b5c;color:#fff;font-size:13px}.chat-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:5px 24px 0 6px}.chat-tabs button{padding:1px 8px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.chat-tabs button.on{background:#fff;color:#4a3b5c}.chat-lines{height:84px;overflow-y:auto;padding:4px 8px;line-height:1.4;word-break:break-word}.chat-lines b,.chat-name{color:#ffe066;font-weight:700}.chat-name{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:inherit;line-height:inherit;cursor:pointer;text-decoration:underline}.chat-name:hover,.chat-tabs button:hover{transform:none}.chat-tabs button,.chat-guild button,.chat-close{box-shadow:none;min-height:0}.chat-tag{opacity:.8;font-size:11px}.chat-lines .ch-say{color:#fff}.chat-lines .ch-area{color:#a5e8ff}.chat-lines .ch-guild{color:#a8f0b4}.chat-lines .ch-party{color:#9fd8ff}.settings-panel{display:flex;flex-direction:column;gap:8px}.settings-panel h3{margin:10px 0 0}.setting-slider{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:12px;background:var(--cream)}.setting-slider input[type=range]{flex:1;max-width:60%}.player-card{max-width:440px;width:100%}.player-gear{margin:4px 0 12px;padding-left:18px;line-height:1.6}.party-panel{display:flex;flex-direction:column;gap:8px}.party-member{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;background:var(--cream)}.party-invites{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.chat-lines .ch-whisper{color:#ffc2e2}.chat-lines .ch-world{color:#ffd8a8}.chat-guild{padding:0 8px 3px;font-size:12px}.chat-guild button{margin-left:4px;padding:0 6px;border:0;border-radius:6px;background:#ffffff2e;color:#fff;font-size:11px;cursor:pointer}.chatbox small{display:block;padding:0 8px 3px;color:#fff;opacity:.7}.chat-empty{opacity:.7}.chat-err{padding:0 8px 3px;color:#ffa8a8}.chatbox form{display:flex;gap:4px;padding:0 6px 6px}.chatbox select{flex:none;padding:4px;border:0;border-radius:8px;font-size:12px;background:#ffffffeb;color:var(--ink)}.chatbox input{flex:1;min-width:0;box-sizing:border-box;padding:4px 8px;border:0;border-radius:8px;font-size:12px;background:#ffffffeb;color:var(--ink)}.chatbox input.chat-to{flex:0 1 96px}.chat-close{position:absolute;right:4px;top:3px;padding:0 6px;border:0;background:none;color:#fff;cursor:pointer;font-weight:900}.chat-toggle{position:absolute;left:10px;bottom:10px;padding:4px 10px;border:0;border-radius:999px;background:#281e37b3;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.main-stat{margin:4px 0 8px;padding:6px 8px;border-radius:10px;background:var(--purple-soft);font-size:13px;font-weight:700;line-height:1.4}.chat-unread{margin-left:5px;padding:0 5px;border-radius:999px;background:#ff4d6d}.modal .card.bag-window{width:min(920px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.bag-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;min-height:0;overflow:hidden}.bag-left,.bag-right{min-height:0;overflow-y:auto}.doll-stage{display:grid;justify-items:center;padding:8px;border-radius:16px;background:var(--purple-soft)}.doll{width:280px;height:230px;max-width:100%;object-fit:contain}@media(max-width:767px){.modal .card.bag-window{overflow-y:auto;display:block}.bag-grid{grid-template-columns:minmax(0,1fr);overflow:visible}.bag-left,.bag-right{overflow:visible}}.diff{display:inline-flex;flex-wrap:wrap;gap:4px;font-size:12px;font-weight:800}.diff .up{color:#2b8a3e}.diff .down{color:#c92a2a}.best-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}.best-list li{padding:8px 10px;border-radius:12px;background:#fff9ef}.cur-ico{vertical-align:-3px}.wallet{display:inline-flex;gap:12px;margin-left:auto;padding:4px 12px;border-radius:999px;background:#fff8e6;color:#8a5a00;font-weight:900}.level-bar{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 6px}.level-badge{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:3px solid;background:#fff;font-weight:900;font-size:15px;line-height:1;box-shadow:inset 0 -3px #4a3b5c1a}.level-badge small{font-size:9px;color:var(--ink-soft)}.level-body{flex:1;min-width:0;display:grid;gap:2px}.level-pct{text-align:right;font-weight:800;color:var(--ink-soft)}.level-body .bar-track{display:block;height:12px;margin:0;box-shadow:inset 0 1px 2px #4a3b5c33}.chip.alert{background:#ffe3e3;color:#c92a2a;font-weight:900}.potion-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pot{padding:2px 10px;border-radius:999px;font-weight:900;font-size:13px}.pot.red{background:#ffe3e3;color:#c92a2a}.pot.blue{background:#dbeeff;color:#1864ab}.fold{margin-top:6px}.fold-head{width:100%;text-align:left;padding:7px 10px;border:0;border-radius:12px;background:var(--purple-soft);color:var(--ink);font-weight:900;cursor:pointer}.fold.depth-1 .fold-head{background:#fff4e0;font-weight:800;padding:5px 10px;font-size:13px}.fold-body{padding:6px 0 2px 6px}.map-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0}.map-list li{padding:7px 10px}.map-list .mini{flex:none}.gap{font-size:11px}.mini-stats{width:100%;margin-top:8px;border-collapse:collapse;font-size:13px}.mini-stats th{text-align:left;font-weight:700;color:var(--ink-soft);padding:2px 0}.mini-stats td{text-align:right;font-weight:800}.modal .card.char-detail{width:min(620px,100%)}.detail-stats{width:100%;border-collapse:collapse;font-size:13px}.detail-stats th,.detail-stats td{padding:4px 6px;text-align:right;border-bottom:1px solid #f3eef7}.detail-stats th:first-child{text-align:left}.detail-stats tr.is-main{background:#fff8e6}.detail-stats tr.is-sub{background:#fdf6ff}.curves{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0}.curve{margin:0;font-size:12px;font-weight:700}.scripts{display:grid;gap:8px;margin-top:12px}.script-row{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-radius:12px;background:var(--cream)}.script-num input{width:56px}.job-guide{padding:8px 10px;margin-bottom:10px;border-radius:12px;background:var(--purple-soft);font-size:13px}.job-guide p{margin:4px 0 0}.fold-mini{flex:none;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:var(--purple-soft);cursor:pointer}.quest-mark{margin-right:4px}.modal .card.shop-window{width:min(720px,100%)}.lamp{display:inline-block;width:10px;height:10px;border-radius:50%;background:#adb5bd;box-shadow:0 0 0 2px #fff}.lamp.combat{background:#40c057;box-shadow:0 0 6px #40c057}.lamp.drill{background:#ff922b;box-shadow:0 0 6px #ff922b}.report-loot,.report-notes{margin:4px 0;padding-left:18px;font-size:13px;line-height:1.5}.report-notes{color:#b85c00;font-weight:700}.feedback-text{width:100%;box-sizing:border-box;margin:8px 0;padding:8px;border-radius:10px;border:2px solid var(--pink-soft);font:inherit}.sand-progress{display:grid;gap:3px;margin:6px 0 10px;font-size:12px;font-weight:700}.sand-progress .bar-track{display:block;margin:0}.up{color:#2b8a3e}.down{color:#c92a2a}.rare.r0{color:var(--ink)}.rare.r1{color:#2b8a3e;font-weight:700}.rare.r2{color:#1971c2;font-weight:700}.rare.r3{color:#9c36b5;font-weight:800}.rare.r4{color:#e8590c;font-weight:900}.goal-hint{margin:6px 0;padding:6px 12px;border-radius:12px;background:var(--yellow-soft);color:var(--ink);font-size:13px}.has-news{position:relative}.has-news:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#ff4d6d}.gear-stats{color:#2b8a3e;font-weight:800}.group-title{margin:0 0 4px;font-size:13px;font-weight:900;letter-spacing:2px;opacity:.75}.walk-btn{pointer-events:auto;cursor:pointer;border:0;font:inherit}.vital-warn{margin:6px 0;padding:6px 12px;border-radius:12px;background:#ffe3e3;color:#a61e4d;font-size:13px;font-weight:700}.new-build{width:100%;margin-bottom:8px;padding:8px 12px;border:0;border-radius:12px;background:#d3f9d8;color:#2b8a3e;font-weight:800;cursor:pointer}.shop-tabs button{flex:1;font-weight:800}.chapter-goal{margin:8px 0;padding:8px 10px;border-radius:12px;background:var(--yellow-soft);font-size:13px}.chapter-goal ul{margin:4px 0 0;padding-left:18px}.chapter-goal li.met{color:#2b8a3e;text-decoration:line-through}.gm-panel .gm-row{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.gm-panel .gm-row label{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;white-space:nowrap}.gm-panel .gm-row input{flex:1;min-width:110px}.gm-panel .gm-row select{flex:1;min-width:160px}.chapter-quests{margin-top:6px}.chapter-quests summary{cursor:pointer;font-weight:800}.chapter-quests ul{list-style:none;padding:0}.chapter-quests li{padding:5px 0;border-top:1px dashed #e8d9a8}.quest-how{margin-top:4px;font-size:13px}.quest-how summary{cursor:pointer;font-weight:800;color:#7b2cbf}.sell-rules{margin:8px 0;padding:10px 12px;border-radius:14px;background:#fff9ef;display:grid;gap:6px;font-size:14px}.sell-gear{display:grid;gap:6px;padding-left:18px}.sell-rules .sell-list{max-height:160px;overflow:auto;margin:0;padding-left:18px}.login-bonus{width:min(560px,100%)}.bonus-days{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.bonus-days li{display:grid;gap:2px;align-content:start;padding:10px;border-radius:14px;background:#fff9ef;border:2px solid #f0d9e8}.bonus-days li small{font-size:12px}.bonus-days li.now{border-color:#9b6dff;background:#f3ecff}.bonus-days li.big{grid-column:1 / -1;background:var(--yellow-soft)}.login-bonus .primary{width:100%}.sell-rules .sell-list{display:block;columns:auto;overflow-x:hidden}.sell-rules .sell-list li{display:list-item}.bonus-days li{color:var(--ink);opacity:1}.bonus-days li.done{opacity:.55}.modal.sell-modal{z-index:30}.modal .card.sell-window{width:min(620px,100%);display:flex;flex-direction:column;gap:8px;overflow:hidden}.sell-window .sell-rules{margin:0}.sell-rows{flex:1;min-height:120px;overflow:auto;padding:4px 2px}.sell-rows h4{margin:6px 0 2px}.sell-rows ul{list-style:none;margin:0;padding:0}.sell-rows li label{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:10px;font-size:14px;cursor:pointer}.sell-rows li label:hover{background:#fff9ef}.sell-rows input{width:auto;min-height:0;margin:0;flex:none}.game{grid-template-columns:74px 250px minmax(0,1fr) 280px;grid-template-areas:"top top top top" "rail left main right"}.rail{grid-area:rail;display:flex;flex-direction:column;gap:6px;padding:14px 6px;background:var(--purple-soft)}.rail button{display:grid;justify-items:center;gap:2px;padding:8px 0;min-height:0;border-radius:14px;font-size:12px;background:transparent;border-color:transparent;box-shadow:none}.rail button .ico{font-size:20px}.rail button.on{background:#fff;color:var(--purple);box-shadow:0 3px #d8c7ff}.col-right{gap:10px;overflow:auto}.col-right .card.side-card{flex:none;padding:12px;overflow:visible;display:block}.side-card h3{margin:0}.modal .card.side-window{width:min(760px,100%);display:flex;flex-direction:column}.side-window .panel{overflow:auto}.track,.loot{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.track li{display:grid;gap:3px;justify-items:start;padding-top:8px;border-top:1px dashed #f0d9e8;font-size:13.5px}.track li:first-child{border-top:0;padding-top:0}.track small{line-height:1.35}.loot li{display:flex;align-items:center;gap:6px;font-size:13px}.loot .icon{width:24px;height:24px}.map-strip{display:grid;gap:8px;padding:12px}.row.wrap{flex-wrap:wrap}.mon-chips{align-items:center;gap:5px}.idle-sum summary{cursor:pointer;font-weight:800;font-size:14px}.idle-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;font-size:13px}.idle-cols ol{margin:4px 0 0;padding-left:20px}.idle-cols p{margin:4px 0 0}.quickbar{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.qslot{display:grid;justify-items:center;align-content:start;gap:2px;padding:6px 4px;aspect-ratio:auto;min-height:62px}.qslot .qname{font-size:11.5px;font-weight:800;line-height:1.2;text-align:center}.qslot .rule-edit{display:grid;gap:2px;width:100%;justify-items:center;font-size:11px}.qslot .rule-edit select{width:100%;font-size:11px;padding:1px;min-height:24px}.qslot .rule-edit input{width:44px;font-size:11px;padding:1px;min-height:22px}.qmove{display:flex;gap:3px}.qmove .mini{padding:0 6px;min-height:22px;font-size:10px}@media(max-width:1320px){.game{grid-template-columns:74px minmax(0,1fr) 270px;grid-template-areas:"top top top" "rail main right"}.col-left{display:none}}@media(max-width:960px){.game{grid-template-columns:74px minmax(0,1fr);grid-template-areas:"top top" "rail main" "rail right"}}@media(max-width:767px){.game{display:block}.rail{display:none}.idle-cols{grid-template-columns:1fr}}.qslot{position:relative;height:auto;overflow:visible}.qslot>small,.qslot .qname{position:static;display:block;background:none;color:inherit}.qslot .n{position:absolute;left:4px;top:2px}.qslot .rule-edit{position:static}.track{max-height:46vh;overflow:auto}.qslot{max-height:none}.quickbar{align-items:start}.modal .card.side-window{width:min(960px,100%);height:88vh;max-height:88vh;padding:12px;overflow:hidden}.side-window>.panel{flex:1;min-height:0;overflow:auto;padding:10px 2px 0}.win-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.win-tabs{display:flex;flex-wrap:wrap;gap:4px;flex:1}.win-tabs button{padding:6px 10px;min-height:0;border-radius:12px;font-size:13px;box-shadow:none;background:transparent;border-color:transparent}.win-tabs button.on{background:var(--purple-soft);color:var(--purple)}.bag-body{height:100%;min-height:0}.bag-body .bag-grid{height:100%}.view-toggle{margin:6px 0}.inv.peek{position:sticky;top:0;z-index:2;margin-bottom:8px}.inv.peek li{background:#fff;border:2px solid var(--purple-soft);min-height:130px}.inv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:5px}.inv-grid .cell{position:relative;width:100%;aspect-ratio:1;padding:2px;min-height:0;border-radius:12px;border:2px solid #f0d9e8;background:var(--cream);box-shadow:none;display:grid;place-items:center}.inv-grid .cell.on{outline:3px solid var(--purple)}.inv-grid .cell.pinned{outline-style:double;outline-width:4px}.inv-grid .cell.worn{background:var(--yellow-soft)}.inv-grid .cell.locked .icon{opacity:.45}.inv-grid .cell.rb1{border-color:#51cf66}.inv-grid .cell.rb2{border-color:#4dabf7}.inv-grid .cell.rb3{border-color:#c77dff}.inv-grid .cell.rb4{border-color:#ff922b}.inv-grid .icon{background:none;padding:0}.inv-grid .qty{position:absolute;right:3px;bottom:0;font-size:10px;font-weight:900}.inv-grid .ref{position:absolute;right:3px;top:0;font-size:10px;font-weight:900;color:var(--purple)}.inv-grid .e-tag{position:absolute;left:2px;top:1px;transform:scale(.75)}.mon-rule{cursor:pointer;font:inherit;font-size:12px;min-height:0;padding:2px 8px;box-shadow:none}.mon-rule.prefer{outline:2px solid #ffb703}.mon-rule.skip{opacity:.55;text-decoration:line-through}@media(max-width:767px){.modal .card.side-window{height:92vh;max-height:92vh}.side-window .bag-grid,.bag-body{height:auto}}.storage{display:grid;gap:8px}.storage-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.store-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13.5px}.store-list li{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--cream);border-radius:10px}@media(max-width:767px){.storage-cols{grid-template-columns:1fr}}.tag-broken{color:#fff;background:var(--red, #c0392b);border-radius:6px;padding:0 5px;font-size:11px;margin-left:4px}.tag-q{color:var(--muted, #888);margin-left:4px}.tag-q.top{color:var(--purple);font-weight:800}.mix-panel{margin-top:10px;padding:10px;border:1px solid var(--line, #ddd);border-radius:10px}.use-text{color:var(--purple);font-weight:700}.item-buffs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;font-size:12px}.item-buffs span{background:var(--card, #fff6e8);border-radius:8px;padding:2px 8px}.buff-bar{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.buff-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 2px;border-radius:8px;background:#281c38c7;color:#fff;font-size:11px;line-height:1}.buff-chip .icon{width:20px;height:20px}.buff-chip b{color:#ffe066;font-variant-numeric:tabular-nums}.buff-chip.ending b{color:#ff8fa3}@media(max-width:640px){.buff-name{display:none}}.skill.dim{opacity:.62}.points-hint{gap:6px;margin:4px 0}.drag-handle{display:grid;justify-items:center;gap:2px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.skillbar-list .drag-handle{display:flex;align-items:center;gap:4px}.grip{color:var(--ink-soft);font-size:16px}.dragging{opacity:.45}.drag-over{outline:3px dashed var(--purple, #9b6dff);outline-offset:1px}.bag-left.drag-over{outline-offset:-3px;border-radius:16px}.equip li.drag-over{outline-offset:-3px}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%);opacity:.9}.track-head{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.mini.pin{padding:0 5px;min-height:22px;filter:grayscale(1);opacity:.55}.mini.pin.on{filter:none;opacity:1}.track li.pinned{background:var(--cream);border-radius:10px;padding:6px 8px}.test-ribbon{position:sticky;top:0;z-index:1000;padding:4px 12px;text-align:center;font-size:13px;font-weight:700;color:#fff;background:#d9480f}