:root{--night:#0d0f1c;--panel:#171a2e;--line:#2b3050;--ink:#f1e9d6;--mute:#9b97ad;--gold:#f2c14e;--hp:#e2524f;--xp:#5fc3ff;--key:#8be0a0;--ui:"Press Start 2P",monospace;--ko:"Noto Sans KR","Apple SD Gothic Neo",sans-serif;color-scheme:dark;--top-h:72px;--bottom-min:120px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--ink);font-family:var(--ko);font-size:14px;line-height:1.4;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{max-width:430px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;overflow:hidden}#top{flex:0 0 auto;min-height:var(--top-h);padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px;background:var(--panel);border-bottom:2px solid var(--line);display:flex;flex-direction:column;gap:4px}[hidden]{display:none!important}.hudrow{display:flex;align-items:center;justify-content:space-between;gap:8px}#world{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;background:var(--night)}#game{position:absolute;inset:0}#game canvas{display:block;image-rendering:pixelated}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#bottom{flex:0 0 auto;min-height:var(--bottom-min);max-height:34%;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:2px solid var(--line);display:flex;flex-direction:column;gap:8px;overflow:hidden}@media(orientation:landscape)and (max-height:520px){#world:after{content:attr(data-rotate);position:absolute;inset:0;display:grid;place-items:center;background:var(--night);color:var(--mute);font-size:16px;z-index:5}}.num{font-family:var(--ui);font-size:16px;color:var(--gold);font-variant-numeric:tabular-nums}.hud{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mute);flex:1;min-width:0;overflow:hidden;white-space:nowrap;font-variant-numeric:tabular-nums}.hud b{font-family:var(--ui);font-size:12px;color:var(--ink);font-weight:400}.hud .gold b{color:var(--gold)}.ttl{font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button{font-family:var(--ko);font-weight:700;font-size:13px;min-height:44px;padding:8px 10px;background:var(--line);color:var(--ink);border:0;border-radius:4px;cursor:pointer;line-height:1.3}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button[disabled]{opacity:.45;cursor:default}button.primary{background:#7a5a1a;color:#fff}button.big{min-height:52px;font-size:16px}button.icon{min-height:40px;min-width:44px;padding:6px 10px;font-size:12px;font-weight:400;background:transparent;border:1px solid var(--line);color:var(--mute)}.bars{display:grid;gap:3px}.bar{display:grid;grid-template-columns:40px 1fr 96px;align-items:center;gap:6px;font-size:12px;color:var(--mute)}.track{height:10px;background:var(--night);border:1px solid var(--line);position:relative;border-radius:2px}.fill{position:absolute;inset:0;width:0%}.fill.hp{background:var(--hp)}.fill.xp{background:var(--xp)}.fill.gate{background:var(--gold)}.bar .v{text-align:right;color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.party{display:flex;gap:6px;flex-wrap:wrap}.card{background:#0d0f1cb3;border:1px solid var(--line);padding:3px 8px;display:flex;gap:6px;align-items:baseline;font-size:12px;color:var(--mute);border-radius:4px}.card b{color:var(--ink);font-weight:700}.card .lv{color:var(--key)}.card.locked{opacity:.5}.dlg{min-height:56px;background:var(--night);border:2px solid var(--line);padding:6px 10px;display:grid;gap:2px;cursor:pointer;position:relative;border-radius:6px}.dlg .who{font-size:12px;color:var(--key)}.dlg p{margin:0;font-size:14px}.dlg .tap{position:absolute;right:8px;bottom:2px;font-size:12px;color:var(--mute)}.dlg.idle{opacity:.75;cursor:default}.skills{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.skills button.ult{background:#5a3f1a;border-color:#a87a2a;display:grid;gap:2px;align-content:center}.skills button.ult.ready{background:#8a5a1a}.skills button.ult .cd{position:static;display:block;font-size:12px;line-height:1.05;color:#e8d8a0;white-space:normal}.skills button{position:relative;min-height:52px;font-size:13px;background:#3b2f55}.skills button.ready{background:#5a3f8a}.skills button.locked{background:var(--night);color:var(--mute);border:1px dashed var(--line)}.skills button .cd{position:absolute;right:6px;bottom:3px;font-size:12px;color:var(--gold)}.actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.note{font-size:12px;color:var(--mute);text-align:center}.dot{position:relative}.dot:after{content:"";position:absolute;top:4px;right:4px;width:12px;height:12px;border-radius:50%;background:var(--hp);box-shadow:0 0 0 2px var(--panel)}.village{position:absolute;left:0;right:0;bottom:0;width:100%;aspect-ratio:9/10;max-height:100%;background:var(--bg-village,none) center bottom / 100% auto no-repeat}.village-sky{position:absolute;inset:0;background:#0b1326}.spot{position:absolute;transform:translate(-50%,-50%);min-width:64px;max-width:46%;min-height:44px;padding:6px 12px;border-radius:22px;background:#0d0f1ccc;border:2px solid var(--line);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot.dot:after{top:-3px;right:-3px}.spot .sub{display:block;font-size:12px;font-weight:400;color:var(--mute);line-height:1.2;overflow:hidden;text-overflow:ellipsis}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.row3 button{min-height:48px;font-size:12px;line-height:1.3;background:var(--night);border:2px solid var(--line);padding:6px 4px}.res{display:flex;gap:10px;font-size:12px;color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}.res b{font-family:var(--ui);font-size:12px;color:var(--ink);font-weight:400}.mapwrap{position:absolute;inset:0;overflow-y:auto;background:var(--bg-map,none) center / cover no-repeat}.path{display:flex;flex-direction:column-reverse;align-items:center;gap:16px;padding:28px 0;min-height:100%}.path button{width:64px;height:64px;border-radius:50%;font-size:13px;background:#0d0f1cd1;border:2px solid var(--line)}.path button:nth-child(odd){margin-left:48px}.path button:nth-child(2n){margin-right:48px}.path button.clear{background:#2b3a2e;color:var(--key)}.path button.next{background:#7a5a1a;color:#fff;border-color:#a87a2a;transform:scale(1.15)}.path button[disabled]{opacity:.45}.modal{position:fixed;inset:0;background:#0d0f1cb3;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal .box{background:var(--panel);border:3px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0;padding:10px 14px calc(14px + env(safe-area-inset-bottom,0px));width:min(430px,100%);display:grid;gap:10px;max-height:85dvh;overflow:auto;animation:sheet .22s ease-out}.modal .box:before{content:"";width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto}@keyframes sheet{0%{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}.modal h2{font-family:var(--ui);font-size:12px;color:var(--gold);margin:0;font-weight:400}.modal h3{font-size:14px;margin:10px 0 2px;color:var(--gold)}.modal p{margin:0;font-size:14px}.modal .num{font-family:var(--ui);font-size:16px;color:var(--gold)}.modal table{width:100%;border-collapse:collapse;font-size:13px}.modal td{padding:4px;border-bottom:1px solid var(--line)}.modal td.lv{font-family:var(--ui);font-size:12px;text-align:right}.modal tr.me td{color:var(--gold)}.grid28{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.grid28 div{aspect-ratio:1;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;color:var(--mute)}.grid28 div.done{background:#2b3a2e;color:var(--key)}.grid28 div.today{border-color:var(--gold);color:var(--gold)}.grid28 div.hi{border-style:double}.list{display:grid;gap:6px}.row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:var(--night);border:1px solid var(--line);padding:8px;font-size:13px;border-radius:4px}.row b{display:block;font-size:13px}.row .sub{color:var(--mute);font-size:12px}.row button{font-size:12px;padding:8px 10px;min-height:40px}.row .btns{display:flex;gap:4px}.scene{display:grid;gap:8px;background:var(--night);border:2px solid var(--line);padding:12px;border-radius:6px}.scene .who{font-size:12px;color:var(--key)}.scene p{margin:0;font-size:14px}.result{display:grid;gap:6px}.result .num{font-family:var(--ui);font-size:16px;color:var(--gold)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0}.grid3 button{font-size:13px;padding:8px 4px}.toast{position:fixed;left:50%;top:38%;transform:translate(-50%);font-family:var(--ui);font-size:20px;color:var(--gold);text-shadow:0 2px 0 #000;z-index:30;pointer-events:none;animation:toast .9s ease-out forwards}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}textarea{width:100%;min-height:70px;background:var(--night);color:var(--ink);border:1px solid var(--line);font-size:13px}@media(prefers-reduced-motion:reduce){.toast,.modal .box{animation:none}}.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.picks .pick{aspect-ratio:3/4;min-height:96px;font-size:24px;background:var(--night);border:2px solid var(--line);display:grid;place-content:center;gap:4px;padding:6px}.picks .pick.chosen{background:#7a5a1a;color:#fff}.picks .pick b{display:block;font-size:14px}.picks .pick .sub{display:block;font-size:12px;color:var(--mute)}.picks .pick.chosen .sub{color:#f1e9d6}.skin .modal .box{border:14px solid transparent;border-bottom:0;border-image:var(--ui-panel) 16 fill stretch;border-radius:0;padding:4px 6px calc(10px + env(safe-area-inset-bottom,0px))}.skin .dlg,.skin .scene{border:14px solid transparent;border-image:var(--ui-dialog) 20 fill stretch;padding:2px 4px;border-radius:0}.skin .card{border:8px solid transparent;border-image:var(--ui-card) 16 fill stretch;padding:0 2px;border-radius:0}.skin button.primary,.skin .skills button,.skin .row3 button,.skin .path button,.skin .spot,.skin .picks .pick{border:8px solid transparent;border-image:var(--ui-button) 8 fill stretch;border-radius:0}.skin .modal .box,.skin .dlg,.skin .scene,.skin .card,.skin button,.skin .village,.skin .mapwrap{image-rendering:pixelated}.dlg.band{position:absolute;left:8px;right:8px;top:8px;min-height:0;background:#0d0f1cc7;border-radius:8px;z-index:3}.dlg.band.idle{opacity:.9}.alert{position:absolute;left:12px;right:12px;top:30%;background:#0d0f1ceb;border:2px solid var(--gold);border-radius:10px;padding:10px 12px;display:grid;gap:8px;z-index:4;animation:sheet .2s ease-out}.alert .who{font-size:12px;color:var(--key)}.alert p{margin:0;font-size:15px;font-weight:700}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skin .alert{border:10px solid transparent;border-image:var(--ui-dialog) 20 fill stretch;border-radius:0}:root{--w-cream:#f4ecd8;--w-paper:#fffaee;--w-ink:#1d1a2c;--w-mute:#5d576f;--w-edge:#14121c;--w-red:#b3262b;--w-navy:#263a7a;--w-wood:#7a4f2a;--w-blue:#2a52be;--c-guild:#2f4a8a;--c-shop:#9a3b2a;--c-training:#3f7a3a;--c-nest:#5a3f8a;--c-chief:#7a4f2a;--c-gate:#4a5a6a;--c-chapel:#3a3a7a}.c-guild{--wc:var(--c-guild)}.c-shop{--wc:var(--c-shop)}.c-training{--wc:var(--c-training)}.c-nest{--wc:var(--c-nest)}.c-chief{--wc:var(--c-chief)}.c-gate{--wc:var(--c-gate)}.c-chapel{--wc:var(--c-chapel)}.c-wood{--wc:var(--w-wood)}.modal .box,.skin .modal .box{background:var(--w-cream);color:var(--w-ink);border:2px solid var(--w-edge);border-image:none;border-radius:0;box-shadow:4px 4px 0 var(--w-edge);padding:0 14px calc(14px + env(safe-area-inset-bottom,0px));width:min(422px,calc(100% - 8px));margin-bottom:4px}.modal .box:before{display:none}.modal .box>h2:first-child{position:sticky;top:0;z-index:1;margin:0 -14px 2px;padding:10px 52px 10px 12px;min-height:44px;display:flex;align-items:center;background:var(--wc,var(--w-wood));color:#fff;font-family:var(--ko);font-weight:700;font-size:16px;line-height:1.4;border-bottom:2px solid var(--w-edge)}.modal h3{color:var(--wc,var(--w-wood))}.modal p,.modal td{color:var(--w-ink)}.modal .num{color:var(--w-blue)}.modal .note,.modal .sub{color:var(--w-mute)}.modal td{border-bottom-color:#d8ccb0}.modal tr.me td{color:var(--w-blue)}.modal .row{background:var(--w-paper);border:2px solid var(--w-edge);border-radius:0;color:var(--w-ink)}.modal .row .sub{color:var(--w-mute)}.modal button,.skin .modal button{background:#e2d6bc;color:var(--w-ink);border:2px solid var(--w-edge);border-image:none;border-radius:0;box-shadow:2px 2px 0 var(--w-edge)}.modal button.primary,.skin .modal button.primary{background:var(--wc,var(--w-wood));color:#fff}.modal button:active{transform:translate(2px,2px);box-shadow:none}.modal button[disabled]{box-shadow:none}.modal textarea{background:var(--w-paper);color:var(--w-ink);border:2px solid var(--w-edge)}.modal .grid28 div{border-color:#bfb194;color:var(--w-mute)}.modal .grid28 div.done{background:#cfe3c4;color:#2b4a2e}.modal .grid28 div.today{border-color:var(--w-red);color:var(--w-red)}.modal .scene{background:var(--w-paper);border:2px solid var(--w-edge);border-image:none;border-radius:0}.modal .scene .who{color:var(--w-navy)}.modal .scene p{color:var(--w-ink)}.wx{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important}.wx:before,.wx:after{content:"";position:absolute;left:12px;top:19px;width:20px;height:6px;background:#fff;box-shadow:0 0 0 2px var(--w-edge)}.wx:before{transform:rotate(45deg)}.wx:after{transform:rotate(-45deg)}.dlg,.skin .dlg,.scene,.skin .scene{background:var(--w-cream);color:var(--w-ink);border:2px solid var(--w-edge);border-image:none;border-radius:0;box-shadow:4px 4px 0 var(--w-edge);padding:0 10px 8px}.dlg .who,.scene .who{display:block;margin:0 -10px 4px;padding:3px 10px;min-height:22px;background:var(--w-navy);color:#fff;font-size:12px;font-weight:700;border-bottom:2px solid var(--w-edge)}.dlg p,.scene p{color:var(--w-ink)}.dlg .tap{color:var(--w-navy)}.dlg.band{background:var(--w-cream);border-radius:0}.dlg.band.idle,.dlg.idle{opacity:.92}.alert,.skin .alert{background:var(--w-cream);color:var(--w-ink);border:2px solid var(--w-edge);border-image:none;border-radius:0;box-shadow:4px 4px 0 var(--w-edge);padding:0 12px 10px}.alert .who{display:block;margin:0 -12px;padding:6px 12px;background:var(--w-red);color:#fff;font-size:12px;font-weight:700;border-bottom:2px solid var(--w-edge)}.alert p{color:var(--w-ink)}.alert button,.skin .alert button{background:#e2d6bc;color:var(--w-ink);border:2px solid var(--w-edge);border-image:none;border-radius:0}.alert button.primary,.skin .alert button.primary{background:var(--w-red);color:#fff}.place{position:absolute;inset:0;background:#0d0c14;display:flex;align-items:center;justify-content:center;padding-bottom:88px}.place .room{position:relative;width:100%;max-width:100%;aspect-ratio:1;max-height:100%;background:transparent center / contain no-repeat;image-rendering:pixelated}.win.talk.pdlg{position:absolute;left:8px;right:8px;bottom:8px;background:var(--w-cream);border:2px solid var(--w-edge);box-shadow:4px 4px 0 var(--w-edge);padding:0 10px 8px;z-index:2}.win .wt{position:relative;display:flex;align-items:center;min-height:28px;margin:0 -10px 4px;padding:4px 52px 4px 10px;background:var(--wc,var(--w-navy));color:#fff;font-size:12px;font-weight:700;border-bottom:2px solid var(--w-edge)}.win.talk p{margin:0;font-size:14px;color:var(--w-ink)}.win.menu{background:var(--w-cream);border:2px solid var(--w-edge);box-shadow:4px 4px 0 var(--w-edge);padding:0 10px 10px}.win.menu .wt{min-height:40px;font-size:15px}.win.menu .tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{display:flex;align-items:center;gap:8px;min-height:56px;padding:6px 10px;background:var(--w-paper);color:var(--w-ink);border:2px solid var(--w-edge);border-radius:0;box-shadow:2px 2px 0 var(--w-edge);text-align:left;font-size:14px}.skin .tile{border:2px solid var(--w-edge);border-image:none}.tile:active{transform:translate(2px,2px);box-shadow:none}.tile.dot:after{top:4px;right:4px}.ic{display:inline-block;flex:0 0 auto;width:32px;height:32px;background:var(--ic,none) center / contain no-repeat;image-rendering:pixelated}.ic.sm{width:16px;height:16px;vertical-align:-3px;margin-right:4px}.row.dead .who{display:flex;align-items:center;gap:8px}.por{display:inline-block;flex:0 0 auto;width:32px;height:32px;background-repeat:no-repeat;background-position:0 0;image-rendering:pixelated;filter:grayscale(1) brightness(.85);transform:scale(1.25);transform-origin:left center}.dlg:has(#dText:empty){visibility:hidden}.dlg .who:empty{display:none}.r-N{color:#9e9e9e}.r-R{color:#5aa0ff}.r-SR{color:#b36bff}.r-SSR{color:#ffd54a}.list button.card{display:grid;gap:2px;text-align:left;padding:8px 10px}.card .sub.fit{color:#9be27a}.card .sub.off{color:var(--mute)}.modal .card,.modal .card b{color:var(--w-ink)}.modal .card .sub{color:var(--w-mute)}.modal .card .sub.fit{color:#2b6a2e}.modal .card[disabled]{opacity:.5}.person{position:absolute;transform:translate(-50%,-100%);min-height:0;padding:0;border:0;border-radius:0;background:transparent center bottom / 100% 100% no-repeat;image-rendering:pixelated;box-shadow:none;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6))}.skin .person{border:0;border-image:none}.person.staff{background-position:0 0;background-repeat:no-repeat;animation:none}.person.staff:after{content:"";position:absolute;inset:-6px}@keyframes strip{to{background-position-x:calc(-1 * var(--len))}}.person.guest{transition:left 1.2s linear,top 1.2s linear}.person.guest.walking{animation:walkbob .3s steps(2) infinite}@keyframes walkbob{50%{transform:translate(-50%,calc(-100% - 2px))}}.person.guest.idle{animation:breath 2.4s steps(2) infinite}@keyframes breath{50%{transform:translate(-50%,-100%) scaleY(.97)}}.mark{position:absolute;transform:translate(-50%,-100%);width:22px;height:26px;min-height:26px;padding:0;background:var(--w-cream);color:var(--w-red);border:2px solid var(--w-edge);border-radius:0;box-shadow:2px 2px 0 var(--w-edge);font-family:var(--ui);font-size:14px;line-height:22px;animation:markpulse 1.2s ease-in-out infinite}.skin .mark{border:2px solid var(--w-edge);border-image:none}.mark:after{content:"";position:absolute;left:50%;bottom:-8px;width:0;height:0;margin-left:-4px;border:4px solid transparent;border-top:4px solid var(--w-edge);border-bottom:0}@keyframes markpulse{50%{transform:translate(-50%,-100%) scale(1.12)}}.bubble{position:absolute;transform:translate(-50%,-100%);min-width:120px;max-width:220px;min-height:0;padding:4px 8px;background:var(--w-cream);color:var(--w-ink);border:2px solid var(--w-edge);border-radius:0;box-shadow:3px 3px 0 var(--w-edge);font-size:12px;font-weight:400;text-align:left;line-height:1.3;z-index:3;white-space:normal}.bubble b{display:block;color:var(--w-navy);font-size:12px}.skin .bubble{border:2px solid var(--w-edge);border-image:none}.tabs{display:flex;gap:4px;margin:4px 0}.tabs button{flex:1;min-height:36px;padding:4px;font-size:13px;background:#e2d6bc}.tabs button.on{background:var(--wc,var(--w-wood));color:#fff}.tabs button.dot:after{top:2px;right:2px}.act{display:grid;gap:4px;font-size:13px}.act .track{height:10px;background:#d8ccb0;border:1px solid var(--w-edge)}.boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:6px 0}.boxes button{min-height:48px;padding:4px 2px;font-size:12px;display:grid;gap:2px;line-height:1.1}.boxes button .sub{font-size:12px;font-weight:400;color:var(--w-mute);white-space:normal}.boxes button.done{opacity:.6}.row.dim{opacity:.55}.grid28.g7{grid-template-columns:repeat(7,1fr)}button#vStatus{min-height:0;padding:0;background:transparent;border:0;box-shadow:none;text-align:left;position:relative}.skin button#vStatus{border:0;border-image:none}.load{position:fixed;inset:0;z-index:35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(16px + env(safe-area-inset-top,0px)) 24px calc(16px + env(safe-area-inset-bottom,0px));background:var(--night);color:var(--ink);text-align:center}.load.chapter{background:linear-gradient(#0d0f1cc7,#0d0f1cc7),var(--load-bg,none) center / cover no-repeat var(--night);image-rendering:pixelated}.load .logo{display:grid;justify-items:center;gap:10px;margin-bottom:10px}.load .logo b{font-family:var(--ui);font-size:16px;color:var(--gold);font-weight:400;line-height:1.6;text-shadow:0 2px 0 #000;text-wrap:balance}.load.chapter .logo b{font-family:var(--ko);font-size:22px;font-weight:700}.load .sub{font-size:12px;color:var(--mute);min-height:1em}.load .bar{position:relative;width:70%;max-width:300px;height:12px;background:var(--panel);border:2px solid var(--line)}.load .fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:var(--gold);transition:width .18s linear}.load .knob{position:absolute;top:50%;left:calc(var(--p,0) * 100%);transform:translate(-50%,-50%);transition:left .18s linear}.load .step{font-size:12px;color:var(--mute);min-height:1.4em}.load .tip{position:absolute;left:24px;right:24px;bottom:calc(12% + env(safe-area-inset-bottom,0px));font-size:13px;color:var(--ink);line-height:1.5;text-wrap:balance}.load .fail{display:grid;gap:8px}.keyic{display:inline-block;flex:0 0 auto;width:12px;height:12px;border:3px solid var(--gold);border-radius:50%;position:relative;animation:keyspin 1.6s linear infinite}.keyic:after{content:"";position:absolute;left:100%;top:50%;width:12px;height:3px;margin-top:-1.5px;background:var(--gold);box-shadow:5px 3px 0 0 var(--gold),9px 3px 0 0 var(--gold)}.keyic.big{width:24px;height:24px;border-width:5px;margin:44px}.keyic.big:after{width:24px;height:5px;margin-top:-2.5px;box-shadow:10px 5px 0 0 var(--gold),18px 5px 0 0 var(--gold)}@keyframes keyspin{to{transform:rotate(360deg)}}.doors{position:fixed;inset:0;z-index:25;pointer-events:none;overflow:hidden}.doors.shut{pointer-events:auto}.door{position:absolute;top:0;bottom:0;width:50.5%;background:#1a120c repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 24px);transition:transform .2s ease-in}.door.l{left:0;transform:translate(-101%);border-right:3px solid #000;box-shadow:inset -6px 0 #2a1c12}.door.r{right:0;transform:translate(101%);border-left:3px solid #000;box-shadow:inset 6px 0 #2a1c12}.doors.shut .door{transform:none;transition-timing-function:ease-out}.doors .wait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;align-items:center;gap:30px;padding-left:16px;color:var(--ink);font-size:13px;white-space:nowrap}.doors.slow .wait{display:flex}@media(prefers-reduced-motion:reduce){.door,.load .fill,.load .knob{transition:none}.keyic{animation:none}}.skills button.combo{box-shadow:0 0 0 2px var(--gold),0 0 12px var(--gold);animation:comboglow .7s ease-in-out infinite alternate}@keyframes comboglow{to{box-shadow:0 0 0 2px var(--gold),0 0 3px var(--gold)}}.sub.hint{color:#a8701e}.modal .sub.hint{color:#8a5a1a}@media(prefers-reduced-motion:reduce){.skills button.combo{animation:none}}.runpicks{position:absolute;left:8px;right:8px;bottom:8px;z-index:6;display:grid;gap:6px;animation:sheet .22s ease-out}.runpicks-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--ui);font-size:12px;color:var(--gold);text-shadow:0 1px 0 #000}.runpicks-head .auto{color:var(--mute)}.runpicks .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.runpicks .card{display:grid;gap:3px;align-content:start;min-height:92px;padding:8px 6px;text-align:left;background:#0d0f1ceb;border:2px solid var(--line);border-radius:8px;color:var(--ink);font-size:12px;line-height:1.25;transition:transform .15s}.runpicks .card .kind{font-family:var(--ui);font-size:12px;line-height:1.1}.runpicks .card .name{font-size:14px;font-weight:700}.runpicks .card b{color:var(--gold);font-size:12px}.runpicks .card .desc{color:var(--mute);font-size:12px}.runpicks .card.swap{border-color:#4a7ad8}.runpicks .card.swap .kind{color:#8fb4ff}.runpicks .card.upgrade{border-color:var(--gold)}.runpicks .card.upgrade .kind{color:var(--gold)}.runpicks .card.buff{border-color:#4caf6a}.runpicks .card.buff .kind{color:#8fe0a4}.runpicks .card.picked{transform:scale(1.08);box-shadow:0 0 0 2px var(--gold),0 0 14px var(--gold)}.runbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-height:18px;font-size:12px;color:var(--mute)}.runbar .lv{font-family:var(--ui);font-size:12px;color:var(--gold)}.runbar .chip{padding:1px 6px;border:1px solid var(--line);border-radius:10px;background:var(--night);color:var(--ink);white-space:nowrap}.runbar .chip.buff{border-color:#4caf6a}.runbar .chip.summon{border-color:#a87a2a}.runbar .chip i{font-style:normal;color:var(--gold)}.skills button .dur{position:absolute;left:4px;right:4px;bottom:0;height:3px;background:var(--night);border-radius:2px;overflow:hidden}.skills button .dur:after{content:"";display:block;height:100%;width:calc(var(--left,0) * 100%);background:var(--gold)}.vols{display:grid;gap:6px}.vol{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:8px;font-size:13px}.vol input{width:100%}.skin .dlg,.skin .scene,.skin .win.talk{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-talk) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .dlg>h2:first-child,.skin .dlg>.wt,.skin .dlg>.who,.skin .scene>h2:first-child,.skin .scene>.wt,.skin .scene>.who,.skin .win.talk>h2:first-child,.skin .win.talk>.wt,.skin .win.talk>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .alert{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-alert) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .alert>h2:first-child,.skin .alert>.wt,.skin .alert>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-wood) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box>h2:first-child,.skin .modal .box>.wt,.skin .modal .box>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box.c-guild,.skin .win.menu.c-guild{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-guild) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box.c-guild>h2:first-child,.skin .modal .box.c-guild>.wt,.skin .modal .box.c-guild>.who,.skin .win.menu.c-guild>h2:first-child,.skin .win.menu.c-guild>.wt,.skin .win.menu.c-guild>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box.c-shop,.skin .win.menu.c-shop{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-shop) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box.c-shop>h2:first-child,.skin .modal .box.c-shop>.wt,.skin .modal .box.c-shop>.who,.skin .win.menu.c-shop>h2:first-child,.skin .win.menu.c-shop>.wt,.skin .win.menu.c-shop>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box.c-training,.skin .win.menu.c-training{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-training) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box.c-training>h2:first-child,.skin .modal .box.c-training>.wt,.skin .modal .box.c-training>.who,.skin .win.menu.c-training>h2:first-child,.skin .win.menu.c-training>.wt,.skin .win.menu.c-training>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box.c-nest,.skin .win.menu.c-nest{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-nest) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box.c-nest>h2:first-child,.skin .modal .box.c-nest>.wt,.skin .modal .box.c-nest>.who,.skin .win.menu.c-nest>h2:first-child,.skin .win.menu.c-nest>.wt,.skin .win.menu.c-nest>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box.c-gate,.skin .win.menu.c-gate{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-gate) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box.c-gate>h2:first-child,.skin .modal .box.c-gate>.wt,.skin .modal .box.c-gate>.who,.skin .win.menu.c-gate>h2:first-child,.skin .win.menu.c-gate>.wt,.skin .win.menu.c-gate>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal .box.c-chapel,.skin .win.menu.c-chapel{border-style:solid;border-color:transparent;border-width:24px 24px 27px 6px;border-image:var(--win-chapel) 8 8 9 2 fill stretch;border-radius:0;box-shadow:none;background:transparent;image-rendering:pixelated}.skin .modal .box.c-chapel>h2:first-child,.skin .modal .box.c-chapel>.wt,.skin .modal .box.c-chapel>.who,.skin .win.menu.c-chapel>h2:first-child,.skin .win.menu.c-chapel>.wt,.skin .win.menu.c-chapel>.who{position:relative;margin-top:-21px;margin-bottom:6px;min-height:18px;height:18px;line-height:18px;padding-top:0;padding-bottom:0;background:transparent;border:0;color:#fff;font-size:13px;font-weight:700;overflow:visible;white-space:nowrap}.skin .modal{flex-direction:column;align-items:center;overflow-y:auto}.skin .modal .box{overflow:visible;max-height:none;margin-top:auto;flex:0 0 auto}.skin .modal .box>h2:first-child{position:relative;top:auto}.skin .wx{width:36px;height:36px;min-height:36px;background:var(--ui-win-close) center / 24px no-repeat!important;image-rendering:pixelated}.skin .wx:before,.skin .wx:after{display:none}.skin .dlg .tap{font-size:0;width:18px;height:18px;background:var(--ui-win-next) center / contain no-repeat;image-rendering:pixelated;animation:tapbob 1s steps(2) infinite}@keyframes tapbob{50%{transform:translateY(2px)}}