@font-face{font-family:Galmuri14;font-display:swap;src:url(/assets/Galmuri14-BIHuh8Vm.woff2)format("woff2")}@font-face{font-family:Galmuri11;font-display:swap;src:url(/assets/Galmuri11-DfQIlyDK.woff2)format("woff2")}#overlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#overlay[hidden]{display:none}.overlay-frame{width:calc(640px * var(--zoom,1));height:calc(360px * var(--zoom,1));position:relative}.overlay-stage{width:640px;height:360px;transform:scale(var(--zoom,1));transform-origin:0 0;color:#f4efe6;font:12px Galmuri11,sans-serif;position:absolute;top:0;left:0}.overlay-stage *{box-sizing:border-box}.px-button{pointer-events:auto;cursor:pointer;font:inherit;color:#f4efe6;background:#262040;border:1px solid #5d6675;padding:5px 12px}.px-button:hover:not(:disabled){background:#3a3346;border-color:#f2c14e}.px-button:disabled{opacity:.5;cursor:default}.px-button.primary{color:#1a1423;background:#f2c14e;border-color:#f2c14e}.px-button.primary:hover:not(:disabled){background:#fff1b0}.title-menu{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:262px;left:0;right:0}.title-menu .row{gap:8px;display:flex}.title-menu .notice{color:#e0605e}.title-corner{gap:6px;display:flex;position:absolute;bottom:10px;right:12px}.progress-panel{pointer-events:auto;background:#100d1a;flex-direction:column;gap:8px;padding:12px 18px;display:flex;position:absolute;inset:0}.progress-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.progress-head h1{color:#f2c14e;margin:0;font:15px Galmuri14,sans-serif}.progress-gold{color:#f2c14e}.xp-bar{background:#262040;border:1px solid #5d6675;height:8px;position:relative}.xp-bar i{background:#7fb0ff;position:absolute;top:0;bottom:0;left:0}.xp-text{color:#9aa4b2}.tab-row{gap:4px;display:flex}.tab{pointer-events:auto;cursor:pointer;font:inherit;color:#9aa4b2;background:#1d1830;border:1px solid #5d6675;padding:4px 12px}.tab[aria-selected=true]{color:#f4efe6;background:#2b2445;border-color:#f2c14e}.list{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.list-row{background:#1d1830;border:1px solid #3a3346;grid-template-columns:110px 1fr auto;align-items:center;gap:8px;padding:4px 8px;display:grid}.list-row.equipped{border-color:#f2c14e}.list-row small{font:inherit;color:#9aa4b2}.list-row .px-button{min-width:76px;padding:2px 8px}.progress-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.progress-error{color:#e0605e;min-height:15px;margin:0}.ranking-table{flex-direction:column;flex:1;min-height:0;display:flex}.ranking-rows{flex:1;min-height:0;overflow-y:auto}.rank-row{border-bottom:1px solid #262040;grid-template-columns:34px 1fr 52px 76px 52px 52px;gap:6px;padding:3px 6px;display:grid}.rank-row span:nth-child(n+4){text-align:right}.rank-row.head{color:#9aa4b2;border-bottom-color:#5d6675}.rank-row.me{color:#f2c14e;background:#2b2445}.rank-mine{border-top:1px solid #f2c14e}.rank-empty{color:#9aa4b2;text-align:center;padding:40px 0}.create-panel{pointer-events:auto;background:#100d1a;grid-template-columns:1fr 190px;gap:16px;padding:18px 24px;display:grid;position:absolute;inset:0}.create-panel h1{color:#f2c14e;margin:0 0 12px;font:15px Galmuri14,sans-serif}.create-panel label,.create-panel .field-title{color:#9aa4b2;margin:0 0 4px;display:block}.create-panel input[type=text]{color:#f4efe6;background:#262040;border:1px solid #5d6675;outline:0;width:100%;padding:5px 7px;font:15px Galmuri14,sans-serif}.create-panel input[type=text]:focus{border-color:#f2c14e}.job-list{flex-direction:column;gap:5px;margin-bottom:10px;display:flex}.job-card{pointer-events:auto;cursor:pointer;text-align:left;font:inherit;color:#f4efe6;background:#1d1830;border:1px solid #5d6675;justify-content:space-between;padding:5px 9px;display:flex}.job-card small{font:inherit;color:#9aa4b2}.job-card[aria-pressed=true]{background:#2b2445;border-color:#f2c14e}.create-form{min-width:0}.create-form .name-field{margin-bottom:10px}.create-error{color:#e0605e;min-height:15px;margin:8px 0 0}.create-side{flex-direction:column;align-items:center;gap:8px;display:flex}.create-side canvas{width:128px;height:136px;image-rendering:pixelated;background:#3a3346}.swatches{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;display:grid}.swatch{pointer-events:auto;cursor:pointer;font:inherit;color:#f4efe6;background:#1d1830;border:1px solid #5d6675;justify-content:center;align-items:center;gap:4px;padding:3px 0;display:flex}.swatch i{width:8px;height:8px;display:block}.swatch[aria-pressed=true]{background:#2b2445;border-color:#f2c14e}.create-actions{justify-content:flex-end;gap:8px;width:100%;margin-top:auto;display:flex}.rank-job{align-items:center;gap:4px;display:flex}.rank-job canvas{width:32px;height:15px;image-rendering:pixelated}.job-card:disabled{opacity:.4;cursor:not-allowed}.character-list{flex-direction:column;flex:1;gap:6px;display:flex}.character-row{background:#1d1830;border:1px solid #3a3346;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:4px 10px;display:grid}.character-row.selected{background:#2b2445;border-color:#f2c14e}.character-row canvas{width:48px;height:51px;image-rendering:pixelated}.character-row small{font:inherit;color:#9aa4b2;display:block}.guest-form{flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;top:230px;left:0;right:0}.guest-form input{pointer-events:auto;color:#f4efe6;background:#100d1a;border:1px solid #5d6675;width:170px;padding:3px 6px;font:12px Galmuri11,sans-serif}.guest-form input:focus{border-color:#f2c14e;outline:0}.guest-form .px-button{padding:3px 10px}.guest-error{text-align:center;color:#e0605e;width:100%;min-height:14px;margin:0}.touch-actions{justify-content:center;gap:8px;display:flex}body.touch #overlay{display:block}body.touch #overlay[hidden]{display:none}body.touch .overlay-frame{width:auto;height:auto;position:fixed;inset:0}body.touch .overlay-stage{width:auto;height:auto;font-size:13px;position:absolute;inset:0;transform:none}body.touch .px-button{padding:10px 14px}body.touch .title-menu,body.touch .title-corner,body.touch .guest-form,body.touch .touch-actions{bottom:auto;left:8px;right:8px;top:min(calc(360px * var(--zoom,1) + 10px), calc(100% - 120px));flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute}body.touch .guest-form{top:calc(360px * var(--zoom,1) + 8px)}body.touch .guest-form+.touch-actions{top:calc(360px * var(--zoom,1) + 74px)}body.touch .guest-form input{flex:1 1 0;width:auto;min-width:0;padding:8px 10px;font-size:16px}body.touch .guest-form .px-button{white-space:nowrap;flex:none}body.touch .title-menu .row{flex-wrap:wrap;justify-content:center}body.touch .touch-actions .px-button{flex:1}body.touch .progress-panel{padding:12px;overflow-y:auto}body.touch .progress-head{flex-wrap:wrap}body.touch .list-row{grid-template-columns:1fr auto}body.touch .list-row small{grid-area:2/1}body.touch .list-row .px-button{grid-area:1/2/span 2}body.touch .rank-row{grid-template-columns:28px 1fr 86px 66px}body.touch .rank-job{white-space:nowrap}body.touch .rank-row span:nth-child(n+5){display:none}body.touch .create-panel{padding:14px;display:block;overflow-y:auto}body.touch .create-panel input[type=text]{font-size:16px}body.touch .create-side,body.touch .create-actions{margin-top:12px}body.touch .character-row{grid-template-columns:52px 1fr}body.touch .character-row .px-button{grid-column:1/-1}body.touch .character-list{overflow-y:auto}body.landscape .guest-form{background:#0d0b14;top:calc(100% - 122px)}body.landscape .touch-actions,body.landscape .guest-form+.touch-actions{top:calc(100% - 56px)}