:root{--text: #1c2744;--soft: #56658a;--accent: #1d4f9e;--good: #1b7a3b;--bad: #b3321f;--off: #8a94aa;--rim0: #8d98ad;--rim1: #2f9a55;--rim2: #2f6fd0;--rim3: #d89a1a;--tier0: #4a5160;--tier1: #1b7a3b;--tier2: #1f56c4;--tier3: #b87a00;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}html,body{margin:0;height:100%;overflow:hidden;background:transparent;color:var(--text);font-size:13px;user-select:none}#stage{position:fixed;left:0;bottom:0;width:100%;display:block}#floaters{position:fixed;inset:0;pointer-events:none;overflow:hidden}.pix{image-rendering:pixelated}.skin-window{border:4px solid transparent;border-image:url(/ui/skin/window.png) 4 fill / 4px stretch;image-rendering:pixelated}.ui *{box-sizing:border-box}.dmg{position:absolute;transform:translate(-50%,-100%);font-weight:800;color:#fff3a0;-webkit-text-stroke:5px #5a2a00;paint-order:stroke fill;text-shadow:0 2px 0 #5a2a00;will-change:transform,opacity}.dmg.crit{color:#ffe23a}.dmg.hurt{color:#ff6a5a;-webkit-text-stroke:4px #3a0a00}.bar{position:absolute;transform:translate(-50%);height:6px;background:#26331f;border:1px solid #000}.bar i{display:block;height:100%}.loot{position:absolute;transform:translate(-50%,-100%);font-weight:700;font-size:15px;-webkit-text-stroke:4px #000;paint-order:stroke fill}.nametag{position:absolute;transform:translate(-50%,-100%);padding:2px 8px;font-size:13px;color:#16275a;background:#f4f6fb;border:1px solid #46598d;cursor:pointer;pointer-events:auto;white-space:nowrap}.nametag:hover{background:#fff}#hud{position:fixed;left:0;right:0;bottom:0;pointer-events:none}.hud-left,.hud-right{position:absolute;bottom:8px;pointer-events:auto}.hud-left{left:8px;width:420px;height:112px}.hud-right{right:8px;width:216px;height:62px}.hud-card{position:absolute;inset:16px 0 0;border:5px solid transparent;border-image:url(/ui/skin/hud.png) 5 fill / 5px stretch;image-rendering:pixelated}.hud-right .hud-card{top:0}.hud-left canvas{position:absolute;left:4px;top:0;width:112px;height:112px}.hud-head{position:absolute;left:124px;top:17px;font-size:12px;color:#16275a;white-space:nowrap}.hud-prog{position:absolute;right:10px;top:17px;font-size:12px;color:#16275a}.cell{position:absolute;width:44px;height:44px;border:4px solid transparent;border-image:url(/ui/skin/hotbar.png) 4 fill / 4px stretch;image-rendering:pixelated;display:block;padding:0;background:none;cursor:pointer}.cell img{position:absolute;inset:-1px;width:36px;height:36px;object-fit:contain;image-rendering:auto}.cell .key{position:absolute;left:-1px;top:-4px;font-size:11px;color:#56658a}.cell .cnt{position:absolute;right:-2px;bottom:-4px;font-size:12px;font-weight:700;color:#fff;-webkit-text-stroke:3px #101830;paint-order:stroke fill}.cell .cd{position:absolute;left:-2px;right:-2px;bottom:-2px;background:#1a26508c;height:0}.cell .cdt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;-webkit-text-stroke:3px #101830;paint-order:stroke fill}.meter{position:absolute;left:124px;width:284px;height:9px;background:#b9c5de;border:1px solid #5e6f9a}.meter i{display:block;height:100%}.meter span{position:absolute;left:4px;top:-3px;font-size:11px;font-weight:700;color:#fff;-webkit-text-stroke:3px #101830;paint-order:stroke fill;line-height:14px}.buffs{position:absolute;left:124px;bottom:116px;display:flex;flex-wrap:wrap-reverse;gap:4px;width:320px}.buff{position:relative;width:34px;height:48px}.buff .frame{position:relative;width:34px;height:34px;background:#0b0e14;border:2px solid #3a4256;overflow:hidden}.buff img{width:100%;height:100%;object-fit:contain}.buff .sweep{position:absolute;inset:0}.buff small{display:block;text-align:center;font-size:11px;color:#eef2fa;-webkit-text-stroke:3px #000;paint-order:stroke fill}.hud-info{position:absolute;right:8px;top:3px;font-size:12px;color:#16275a}.menu{position:absolute;left:8px;top:20px;display:flex;gap:6px}.menu button{position:relative;width:34px;height:34px;padding:0;border:0;background:none;cursor:pointer}.menu img{width:34px;height:34px;object-fit:contain}.menu .dot{position:absolute;right:-2px;top:-4px;font-size:12px;color:#e0463a;display:none}#windows{position:fixed;inset:0;pointer-events:none}.win{position:absolute;pointer-events:auto;background:none;border:4px solid transparent;border-image:url(/ui/skin/window.png) 4 fill / 4px stretch;image-rendering:pixelated;padding:0;display:flex;flex-direction:column;gap:6px;color:var(--text)}.win .title{margin:-2px -2px 0;height:28px;border:4px solid transparent;border-image:url(/ui/skin/title.png) 4 fill / 4px stretch;display:flex;align-items:center;padding:0 6px 0 4px;cursor:move;font-size:15px;font-weight:600;color:#16275a;image-rendering:pixelated}.win .title b{flex:1;font-weight:600}.win .body{padding:0 6px 4px;display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.rbtn{width:20px;height:20px;border:11px solid transparent;border-image:url(/ui/skin/round_normal.png) 11 fill / 11px stretch;background:none;padding:0;cursor:pointer;position:relative;image-rendering:pixelated}.rbtn:after{content:attr(data-t);position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-size:15px;color:#16275a;line-height:1}.rbtn:hover{border-image-source:url(/ui/skin/round_hover.png)}.rbtn:active{border-image-source:url(/ui/skin/round_pressed.png)}.rbtn:disabled{border-image-source:url(/ui/skin/round_disabled.png)}.rbtn.plus{width:2px;height:2px}.rbtn.plus:after{font-size:17px;color:#1d4f9e}.btn{border:5px solid transparent;border-image:url(/ui/skin/button_normal.png) 5 fill / 5px stretch;background:none;padding:0 5px;min-height:26px;font:inherit;color:var(--accent);cursor:pointer;image-rendering:pixelated;white-space:nowrap}.btn:hover{border-image-source:url(/ui/skin/button_hover.png)}.btn:active,.btn.on{border-image-source:url(/ui/skin/button_pressed.png)}.btn:disabled{border-image-source:url(/ui/skin/button_disabled.png);color:var(--off);cursor:default}.row{border:4px solid transparent;border-image:url(/ui/skin/row.png) 4 fill / 4px stretch;image-rendering:pixelated;padding:1px 4px;display:flex;align-items:center;gap:8px}.row .grow{flex:1;min-width:0}.soft{color:var(--soft);font-size:12px}.good{color:var(--good)}.bad{color:var(--bad)}.accent{color:var(--accent)}.hline{display:flex;align-items:center;gap:6px}.grow{flex:1}.tabs{display:flex;gap:2px}.tab{height:24px;min-width:64px;border:5px solid transparent;border-image:url(/ui/skin/tab_idle.png) 5 fill / 5px stretch;background:none;padding:0 3px;font:inherit;font-size:12px;color:var(--text);cursor:pointer;image-rendering:pixelated}.tab.active{border-image-source:url(/ui/skin/tab_active.png)}.bar2{position:relative;height:16px;background:#b9c5de;border:1px solid #5e6f9a}.bar2 i{position:absolute;left:0;top:0;bottom:0}.bar2 span{position:absolute;inset:0;text-align:center;font-size:11px;line-height:14px;color:#0f1b3d}.win .toast{position:absolute;left:10px;right:10px;top:34px;z-index:6;padding:3px 8px;color:#16275a;font-size:13px;background:#e4f0ff;border:2px solid #2f6fd0;pointer-events:none}.tile{--bw: 4px;--frame: #5c6886}.tile.t1{--frame: #1f9a4c}.tile.t2{--frame: #2563d6}.tile.t3{--frame: #e0a000}.tile:after{content:"";position:absolute;inset:calc(-1 * var(--bw));border:2px solid var(--frame);pointer-events:none;box-sizing:border-box}.tile.t1:after{box-shadow:0 0 4px #1f9a4c8c}.tile.t2:after{box-shadow:0 0 5px #2563d6a6}.tile.t3:after{box-shadow:0 0 6px 1px #e0a000cc}.tile.sel:after{border-color:#ff8a00;border-width:3px;box-shadow:0 0 6px 1px #ff8a00cc}.tile.oval{--bw: 19px}.tile.oval:after{border-radius:50%}.tile{position:relative;width:38px;height:38px;flex:none;border:4px solid transparent;border-image:url(/ui/skin/tile_square_0.png) 4 fill / 4px stretch;image-rendering:pixelated;cursor:pointer;padding:0;background:none}.tile.t1{border-image-source:url(/ui/skin/tile_square_1.png)}.tile.t2{border-image-source:url(/ui/skin/tile_square_2.png)}.tile.t3{border-image-source:url(/ui/skin/tile_square_3.png)}.tile.sel{border-image-source:url(/ui/skin/tile_chosen_square.png)}.tile.oval{width:40px;height:40px;border-width:19px;border-image:url(/ui/skin/tile_oval_0.png) 19 fill / 19px stretch}.tile.oval.t1{border-image-source:url(/ui/skin/tile_oval_1.png)}.tile.oval.t2{border-image-source:url(/ui/skin/tile_oval_2.png)}.tile.oval.t3{border-image-source:url(/ui/skin/tile_oval_3.png)}.tile.oval.sel{border-image-source:url(/ui/skin/tile_chosen_oval.png)}.tile img{position:absolute;inset:-2px;width:34px;height:34px;object-fit:contain;image-rendering:auto}.tile.oval img{inset:-17px;width:36px;height:36px}.tile .lv{position:absolute;right:-1px;bottom:-3px;font-size:11px;font-weight:700;color:#fff;-webkit-text-stroke:3px #1c2230;paint-order:stroke fill}.tile .pl{position:absolute;left:-1px;top:-4px;font-size:11px;font-weight:700;color:#fff;-webkit-text-stroke:3px #1c2230;paint-order:stroke fill}.slot{position:relative;width:38px;height:38px;flex:none;border:4px solid transparent;border-image:url(/ui/skin/slot_square.png) 4 fill / 4px stretch;image-rendering:pixelated}.slot.oval{width:40px;height:40px;border-width:19px;border-image:url(/ui/skin/slot_oval.png) 19 fill / 19px stretch}.grid{display:grid;gap:3px}.equip{position:relative;width:400px;height:252px}.equip .col{position:absolute;top:0;display:flex;flex-direction:column;gap:2px}.equip .label{position:absolute;width:130px;line-height:15px;font-size:12px}.equip .label b{display:block;font-weight:400;font-size:11px;color:var(--soft)}.doll{position:absolute;left:126px;top:0;width:148px;height:252px;display:flex;align-items:flex-end;justify-content:center}.doll canvas{max-width:148px;max-height:252px;width:auto;height:auto}.stat{position:relative;height:26px}.stat>*{position:absolute;top:3px;white-space:nowrap}.tree{position:relative;flex:none}.cellsk{position:absolute;width:88px;height:94px}.cellsk .plate{position:absolute;left:20px;top:4px;width:48px;height:48px;border:4px solid transparent;border-image:url(/ui/skin/slot_square.png) 4 fill / 4px stretch;padding:0;background:none;cursor:pointer;image-rendering:pixelated}.cellsk .plate.on{border-image-source:url(/ui/skin/tile_square_2.png)}.cellsk .plate.eq{border-image-source:url(/ui/skin/tile_square_3.png)}.cellsk .plate.sel{border-image-source:url(/ui/skin/tile_chosen_square.png)}.cellsk .plate img{position:absolute;inset:-1px;width:40px;height:40px;object-fit:contain}.cellsk .nm{position:absolute;left:0;right:0;top:56px;text-align:center;font-size:12px}.cellsk .bd{position:absolute;right:-2px;bottom:-4px;font-size:12px;font-weight:700;color:#fff;-webkit-text-stroke:3px #1c2744;paint-order:stroke fill}.tree svg{position:absolute;inset:0;pointer-events:none}.pill{flex:1;text-align:center;border:11px solid transparent;border-image:url(/ui/skin/round_normal.png) 11 fill / 11px stretch;padding:0;height:2px;line-height:0;font-size:13px}#tip{position:fixed;z-index:50;pointer-events:none;min-width:200px;max-width:280px;border:4px solid transparent;border-image:url(/ui/skin/window.png) 4 fill / 4px stretch;padding:4px;image-rendering:pixelated}#tip div{margin:1px 0}#toast{position:fixed;left:50%;top:24px;transform:translate(-50%);padding:6px 14px;background:#141e3ce0;color:#fff;border-radius:4px;z-index:60}.pill-note{font-size:12px;color:var(--soft)}#modal *,#cloud-menu *{box-sizing:border-box}#modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080e1a8c;z-index:50}#modal[hidden],#cloud-menu[hidden]{display:none}.dialog{width:340px;max-width:calc(100vw - 24px);padding:10px 12px 12px;background:none;display:flex;flex-direction:column;gap:8px;user-select:text}.dialog .dtitle{font-weight:700;font-size:15px;color:#16275a;padding-bottom:2px;border-bottom:1px solid #b9c5de}.dialog input{width:100%;height:30px;padding:0 8px;font:inherit;color:var(--text);background:#f4f6fb;border:1px solid #5e6f9a;outline:none}.dialog input:focus{border-color:var(--accent);background:#fff}.dialog .note{font-size:12px;color:var(--soft);line-height:1.5}.dialog .row{display:flex;gap:8px}.dialog .row .btn{flex:1}.dialog .pick{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:#e6ebf6;border:1px solid #b9c5de;font-size:12px}.btn{height:30px;padding:0 12px;font:inherit;font-weight:600;color:#16275a;cursor:pointer;background:#dfe6f4;border:1px solid #5e6f9a}.btn:hover:not(:disabled){background:#eaf0fb}.btn.primary{background:var(--accent);color:#fff;border-color:#123a78}.btn.primary:hover:not(:disabled){background:#2a62bb}.btn.quiet{background:none;color:var(--soft);border-color:transparent}.btn:disabled{opacity:.55;cursor:default}#cloud-chip{position:fixed;top:8px;right:8px;z-index:20;height:30px;padding:0 12px;font:inherit;font-size:12px;font-weight:600;color:#16275a;cursor:pointer}#cloud-chip[data-status=synced]{color:var(--good)}#cloud-chip[data-status=conflict],#cloud-chip[data-status=error],#cloud-chip[data-status=signedout]{color:var(--bad)}#cloud-menu{position:fixed;top:44px;right:8px;z-index:20;width:220px;padding:8px;display:flex;flex-direction:column;gap:6px}#cloud-menu .note{font-size:12px;color:var(--soft)}#trial-bar{position:fixed;top:56px;left:50%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:10px;padding:4px 10px;font-size:13px;font-weight:600;color:#16275a;white-space:nowrap}#trial-bar[hidden]{display:none}#trial-bar .btn{height:24px;padding:0 10px;font-size:12px}.win .body.scroll{overflow-y:auto}body.desktop{background:linear-gradient(160deg,#2c3d5c,#1e2b46 48%,#3a5670)}.picker{display:flex;gap:12px;align-items:stretch}.picker .pv{flex:none;width:168px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;background:linear-gradient(#eef3fb,#d9e3f3);border:1px solid #b9c5de}.picker .gender{display:flex;gap:8px}.picker .gbtn{width:38px;height:28px;font-size:18px;line-height:1;cursor:pointer;color:#56658a;background:#e6ebf6;border:1px solid #8d98ad}.picker .gbtn.on{color:#fff;background:var(--accent);border-color:#123a78}.picker .pv-canvas{height:270px;max-width:150px;width:auto}.picker .pk{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.picker .pk b{font-size:12px;color:#16275a}.hair-grid{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:6px}.thumb{width:66px;height:66px;padding:2px;background:#e6ebf6;border:2px solid #b9c5de;cursor:pointer;display:flex;align-items:center;justify-content:center}.thumb.on{border-color:var(--accent);background:#fff;box-shadow:0 0 0 1px var(--accent)}.thumb canvas{max-width:60px;max-height:60px;width:auto;height:auto}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:28px;height:28px;padding:0;cursor:pointer;border:2px solid #8d98ad}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.dialog.wide{width:580px}.gp{margin:2px 0 6px;line-height:1.6;user-select:text}.gl{margin:2px 0 6px;padding-left:20px;line-height:1.6;user-select:text}.gl li{margin-bottom:3px}.foot-equip{gap:4px}.foot-equip .soft{font-size:11.5px;white-space:nowrap;letter-spacing:-.2px}.foot-equip .btn{padding:0 8px;min-width:0}.gt{width:100%;border-collapse:collapse;margin:2px 0 8px;font-size:12px;user-select:text}.gt th{text-align:left;padding:3px 6px;color:#16275a;background:#d5def0;border:1px solid #b9c5de}.gt td{padding:3px 6px;vertical-align:top;border:1px solid #c6d0e4;line-height:1.5}.gt tbody tr:nth-child(2n) td{background:#eef2fa}.legend{display:flex;gap:8px;margin:4px 0 8px}.legend .lg{padding:2px 10px;font-weight:700;background:#f4f6fb;border:2px solid var(--frame, #5c6886)}.legend .t0{--frame: #5c6886}.legend .t1{--frame: #1f9a4c}.legend .t2{--frame: #2563d6}.legend .t3{--frame: #e0a000}.intro{position:fixed;z-index:40;max-width:270px;padding:8px 10px;background:#f4f8ff;border:2px solid #2f6fd0;color:#16275a;font-size:13px;line-height:1.5;box-shadow:2px 3px 8px #0a122866}.intro[hidden]{display:none}.intro-btns{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.intro .btn{height:24px;padding:0 10px;font-size:12px}.intro .link{background:none;border:0;padding:0;color:#56658a;font-size:12px;text-decoration:underline;cursor:pointer}.intro:after{content:"";position:absolute;left:calc(var(--arrow-x, 20px) - 7px);width:12px;height:12px;background:#f4f8ff;transform:rotate(45deg)}.intro[data-dir=down]:after{bottom:-8px;border-right:2px solid #2f6fd0;border-bottom:2px solid #2f6fd0}.intro[data-dir=up]:after{top:-8px;border-left:2px solid #2f6fd0;border-top:2px solid #2f6fd0}.win{filter:drop-shadow(2px 4px 5px rgba(8,14,34,.45))}.win:not(.top) .title{filter:saturate(.55) brightness(1.08)}.win .body.scroll,.win .scroll{scrollbar-width:thin;scrollbar-color:#7d93c4 #dfe7f5}.win .body.scroll::-webkit-scrollbar{width:10px}.win .body.scroll::-webkit-scrollbar-track{background:#dfe7f5}.win .body.scroll::-webkit-scrollbar-thumb{background:#7d93c4;border:2px solid #dfe7f5}#stage{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28%);mask-image:linear-gradient(to bottom,transparent 0,#000 28%)}.dialog .dtitle{margin:-10px -12px 0;padding:6px 12px;background:linear-gradient(#cfe0ff,#8fb2ee);color:#16275a;border-bottom:1px solid #5e6f9a}