@font-face{font-family:VT323;src:url(../fonts/vt323-400.woff2)format("woff2");font-display:block}@font-face{font-family:Bebas Neue;src:url(../fonts/bebas-neue.ttf)format("truetype");font-display:block}:root{--cream:#f3e6c8;--amber:#ffb12a;--ink:#e9e2d2;--dim:#9aa3b5;--hostile:#e8784a;--panel:radial-gradient(120% 140% at 30% 0%, #172238e6, #07090fe6);--edge:#e2e8ff38}*{box-sizing:border-box}html,body{background:#000;height:100%;margin:0;overflow:hidden}#app{color:var(--ink);font-family:VT323,monospace;position:fixed;inset:0}#view{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:6px;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0f}.loading{z-index:50;background:#000;flex-direction:column;justify-content:flex-end;padding:0 0 60px 48px;transition:opacity .6s;display:flex;position:absolute;inset:0}.loading .wordmark{color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:96px;line-height:.9}.loading .tagline{color:var(--cream);opacity:.8;font-size:26px}.loading.gone{opacity:0}.menus{pointer-events:none;position:absolute;inset:0}.screen{pointer-events:auto;background:linear-gradient(90deg,#04060cb8 0%,#04060c59 38%,#04060c00 65%);position:absolute;inset:0}.screen .title{text-shadow:0 2px #0000008c,0 0 22px #0000008c;position:absolute;top:34px;left:48px}.screen .wordmark{letter-spacing:2px;color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:112px;line-height:.88}.screen .tagline{color:var(--cream);opacity:.86;margin-top:4px;font-size:28px}.create-screen .wordmark,.select-screen .wordmark,.credits-screen .wordmark,.settings-screen .wordmark{font-size:76px}.menu-list{flex-direction:column;gap:10px;width:330px;display:flex;position:absolute;top:260px;left:48px}.item{color:var(--ink);cursor:pointer;border:1px solid var(--edge);background:radial-gradient(120% 160% at 25% 0,#172238e6,#07090fe6);border-radius:6px;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 18px;font-size:30px;display:flex;position:relative;overflow:hidden}.item small{color:var(--dim);font-size:21px}.item.focus{border-color:var(--amber);color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 0 18px #ffb12a2e}.item.focus small{color:#e7c48a}.item.small{padding:4px 12px;font-size:22px}.hold-fill{background:var(--amber);width:0;height:4px;position:absolute;bottom:0;left:0}.footer{color:var(--ink);text-shadow:0 1px #000,0 0 10px #000000b3;align-items:center;gap:28px;font-size:22px;display:flex;position:absolute;bottom:22px;left:48px;right:48px}.footer b,.hints b,.prompt b,.invite b,.pocket small b{border:1px solid var(--edge);min-width:24px;color:var(--cream);text-align:center;background:#07090fc7;border-radius:5px;margin:0 2px;padding:0 6px;font-weight:400;display:inline-block}.footer .prompts{margin-left:auto}.footer .ver{color:var(--dim);margin-left:10px}.status{align-items:center;gap:8px;display:flex}.dot{background:#777;border-radius:50%;width:11px;height:11px;display:inline-block}.dot.on{background:#8fd18a;box-shadow:0 0 8px #8fd18a}.dot.wait{background:var(--amber)}.dot.off{background:#c95a3a}.notice{max-width:640px;padding:16px 22px;font-size:26px;position:absolute;top:190px;left:48px}.notice .big{color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:44px}.full-screen .menu-list{top:320px}.credits-box{width:min(860px,80vw);padding:18px 24px;position:absolute;top:190px;left:48px}.credit{color:var(--ink);margin:6px 0;font-size:26px}.credit.dim{color:var(--dim);font-size:22px}.credits-screen .menu-list{top:auto;bottom:80px}.settings-box{flex-direction:column;gap:6px;width:520px;padding:10px;display:flex;position:absolute;top:180px;left:48px}.settings-screen .menu-list{top:auto;bottom:80px}.slots-list{flex-direction:column;gap:10px;width:620px;display:flex;position:absolute;top:190px;left:48px}.slot-row{align-items:stretch;gap:10px;display:flex}.slot-card{border-left:5px solid var(--cls,var(--edge));flex-direction:column;flex:1;align-items:flex-start;gap:0}.slot-card.empty{color:var(--dim);border-left-color:var(--edge)}.item.del{color:var(--dim);align-items:center;font-size:20px}.class-cards{gap:14px;display:flex;position:absolute;top:170px;left:48px}.class-card{cursor:pointer;border-top:4px solid var(--cls);width:248px;padding:12px 14px}.class-card.focus{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 0 18px #ffb12a33}.class-card.chosen{background:radial-gradient(120% 140% at 30% 0,#2c3854f2,#090c14f2)}.class-card.chosen .cc-name:after{content:" ·";color:var(--amber)}.cc-head{justify-content:space-between;align-items:baseline;display:flex}.cc-name{color:var(--cream);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:40px}.cc-tag{color:#1a120a;background:var(--amber);border-radius:4px;padding:0 7px;font-size:18px}.cc-line{color:var(--ink);min-height:46px;margin:2px 0 8px;font-size:22px}.cc-bars{flex-direction:column;gap:3px;display:flex}.cc-bar{color:var(--dim);grid-template-columns:52px 1fr 24px;align-items:center;gap:8px;font-size:19px;display:grid}.cc-bar b{color:var(--cream);text-align:right;font-weight:400}.cc-bar .bar{height:8px}.cc-extra{color:#e7c48a;margin-top:8px;font-size:20px}.cc-res{color:var(--dim);margin-top:6px;font-size:18px}.create-row{flex-wrap:wrap;align-items:center;gap:12px;width:min(1036px,92vw);padding:12px 16px;display:flex;position:absolute;top:560px;left:48px}.create-row .label{color:var(--dim);font-size:22px}.name-input{width:280px;color:var(--cream);border:1px solid var(--edge);background:#04060ccc;border-radius:5px;outline:none;padding:4px 12px;font-family:VT323,monospace;font-size:30px}.name-input.focus{border-color:var(--amber)}.shirts{align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #ffffff40;border-radius:5px;width:34px;height:34px}.swatch.chosen{border-color:var(--cream)}.swatch.focus{box-shadow:0 0 0 2px var(--amber)}.create-row .go{margin-left:auto}.create-row .error{color:var(--hostile);width:100%;font-size:22px}.keyboard{pointer-events:auto;z-index:30;padding:12px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.kb-head{color:var(--dim);justify-content:space-between;font-size:22px;display:flex}.kb-chan{color:var(--amber)}.kb-text{color:var(--cream);border:1px solid var(--edge);background:#04060cb3;border-radius:5px;min-width:520px;min-height:40px;margin:6px 0;padding:4px 8px;font-size:30px}.kb-row{justify-content:center;gap:5px;margin:5px 0;display:flex}.kb-key{text-align:center;border:1px solid var(--edge);cursor:pointer;background:#07090fd9;border-radius:5px;min-width:42px;padding:2px 6px;font-size:26px}.kb-key.wide{min-width:96px;font-size:21px}.kb-key.focus{border-color:var(--amber);color:var(--amber)}.kb-hint{color:var(--dim);text-align:center;font-size:18px}.hud{pointer-events:none;position:absolute;inset:0}.hud.bare>:not(.labels):not(.numbers){display:none!important}.labels,.numbers{position:absolute;inset:0;overflow:hidden}.tag{text-align:center;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 6px #000c;will-change:transform;position:absolute;top:0;left:0}.tag-name{font-size:19px;line-height:1}.tag-sub{color:var(--dim);font-size:15px;line-height:1}.tag-m .tag-sub{color:#e8a084}.tag-bar{background:#141016cc;border:1px solid #e8784a80;width:72px;height:4px;margin:2px auto 0}.tag-bar i{background:var(--hostile);height:100%;display:block}.tag.self .tag-name,.tag-npc .tag-name{color:var(--cream)}.zz{color:var(--dim);font-size:16px;animation:2.4s infinite zz}@keyframes zz{0%{opacity:0;transform:translate(6px,4px)}30%{opacity:1}to{opacity:0;transform:translate(18px,-10px)}}.bubble{color:#1c1712;white-space:normal;text-align:center;background:#f3ead6;border-radius:6px;max-width:260px;padding:4px 10px;font-size:20px;line-height:1.05;position:absolute;top:0;left:0;box-shadow:0 2px 6px #00000073}.bubble:after{content:"";background:#f3ead6;width:10px;height:10px;position:absolute;bottom:-5px;left:calc(50% - 5px);transform:rotate(45deg)}.emote-icon{color:var(--cream);border:1px solid var(--edge);background:#07090fbf;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:0;left:0}.dmg{color:#ffe0a4;text-shadow:0 2px 2px #000,0 0 4px #000;white-space:nowrap;font-size:22px;position:absolute;top:0;left:0}.dmg-in{color:#ff8f7a}.dmg-heal{color:#a8f0a0}.dmg-note{color:var(--ink);font-size:18px}.me{width:300px;padding:10px 12px 8px;position:absolute;top:20px;left:24px}.me-top{justify-content:space-between;align-items:baseline;display:flex}.me-name{color:var(--cream);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:28px}.me-lv{color:var(--dim);font-size:19px}.bar{border:1px solid var(--edge);background:#04060cb3;border-radius:3px;height:16px;margin-top:5px;position:relative;overflow:hidden}.bar i{background:#c94a3a;transition:width .12s;position:absolute;top:0;bottom:0;left:0}.bar span{color:var(--cream);text-shadow:0 1px 1px #000;font-size:17px;position:absolute;top:-3px;left:6px}.bar.res i{background:var(--amber)}.bar.xp{height:5px}.bar.xp i{background:#d8d0a8}.bar.thin{height:5px}.pennies{color:#e7c48a;margin-top:4px;font-size:19px}.partyframes{flex-direction:column;gap:6px;width:220px;display:flex;position:absolute;top:168px;left:24px}.pf{padding:5px 8px;font-size:19px}.pf.down{border-color:#c95a3a}.pf-top{align-items:center;gap:6px;display:flex}.pf-top small{color:var(--dim);margin-left:auto}.pf .bar{height:7px;margin-top:3px}.pf-down{color:#ff8f7a;font-size:17px}.cls{border-radius:3px;width:12px;height:12px;display:inline-block}.cls-warrior{background:#c2453a}.cls-archer{background:#4f9a55}.cls-mage{background:#4a6fc9}.cls-chud{background:#5e8c88}.target{text-align:center;width:300px;padding:6px 12px 8px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.t-name{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:26px}.t-name small{color:var(--amber);font-family:VT323,monospace;font-size:17px}.t-sub{color:var(--dim);font-size:17px}.minimap{border-radius:50%;width:200px;height:200px;position:absolute;top:22px;right:26px}.minimap canvas{border-radius:50%;width:200px;height:200px;display:block}.minimap:after{content:"";box-shadow:0 0 0 1px var(--edge), inset 0 0 0 1px var(--edge), 0 8px 24px #0009;pointer-events:none;border:5px solid #0d1322;border-radius:50%;position:absolute;inset:-5px}.compass{border:1px solid var(--amber);width:22px;height:22px;color:var(--amber);text-align:center;background:#0d1322;border-radius:50%;margin-left:-11px;font-size:17px;line-height:20px;position:absolute;top:-9px;left:50%}.quest-tracker{width:260px;padding:8px 12px;position:absolute;top:240px;right:26px}.q-title{color:var(--amber);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:22px}.q-line{color:var(--ink);font-size:20px}.q-line.done{color:#a8f0a0}.slots{gap:10px;display:flex;position:absolute;bottom:58px;left:50%;transform:translate(-50%)}.slot{text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:6px;width:118px;padding:6px 8px 5px;position:relative;overflow:hidden}.slot b{border:1px solid var(--edge);min-width:28px;color:var(--cream);background:#07090fd9;border-radius:5px;padding:0 6px;font-size:20px;font-weight:400;display:inline-block}.slot span{color:var(--cream);font-size:20px;display:block}.slot small{color:var(--dim);font-size:16px;display:block}.slot.dim span{color:var(--dim)}.slot .sweep{background:conic-gradient(#0000008c var(--k), transparent 0);pointer-events:none;position:absolute;inset:0}.pocket{align-items:center;gap:6px;display:flex;position:absolute;bottom:152px;left:50%;transform:translate(-50%)}.pocket-title{color:var(--cream);margin-right:4px;font-family:Bebas Neue,sans-serif;font-size:20px}.pocket-title small{color:var(--dim);font-family:VT323,monospace;font-size:16px}.pk{text-align:center;background:var(--panel);border:1px solid var(--edge);border-radius:5px;min-width:92px;padding:3px 8px;font-size:19px}.pk.sel{border-color:var(--amber);color:var(--amber)}.pk.empty{color:#555c6a}.chat{width:420px;transition:opacity .6s;position:absolute;bottom:56px;left:24px}.chat.idle{opacity:.25}.chat-log{text-shadow:0 1px 2px #000,0 0 6px #000c;flex-direction:column;justify-content:flex-end;max-height:190px;font-size:20px;display:flex;overflow:hidden}.cl b{color:var(--cream);font-weight:400}.cl-party b,.cl-party{color:#9fd0ff}.cl-sys{color:var(--dim)}.chat-line{pointer-events:auto;gap:8px;margin-top:4px;padding:4px 8px;display:flex}.chat-line .chan{color:var(--amber);font-size:22px}.chat-input{color:var(--cream);background:0 0;border:none;outline:none;flex:1;font-family:VT323,monospace;font-size:22px}.area-name{letter-spacing:2px;color:var(--cream);text-shadow:0 2px 6px #000;opacity:0;font-family:Bebas Neue,sans-serif;font-size:40px;position:absolute;top:112px;left:50%;transform:translate(-50%)}.area-name.show{animation:4s forwards area}@keyframes area{0%{opacity:0}12%{opacity:1}70%{opacity:1}to{opacity:0}}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:164px;left:50%;transform:translate(-50%)}.toast{color:var(--cream);padding:4px 16px;font-size:22px;transition:opacity .5s}.toast.gone{opacity:0}.habit-card{flex-direction:column;width:300px;padding:10px 14px;transition:right .5s;display:flex;position:absolute;top:330px;right:-360px}.habit-card.show{animation:6s forwards card}@keyframes card{0%{right:-360px}10%{right:26px}85%{right:26px}to{right:-360px}}.habit-card small{color:var(--amber);font-size:18px}.habit-card b{color:var(--cream);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:34px;font-weight:400}.habit-card span{color:var(--ink);font-size:21px}.prompt{color:var(--cream);text-shadow:0 1px 2px #000,0 0 8px #000;font-size:24px;position:absolute;bottom:196px;left:50%;transform:translate(-50%)}.invite{text-align:center;padding:10px 16px;font-size:22px;position:absolute;top:200px;left:50%;transform:translate(-50%)}.down-ring{flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.down-ring .ring{background:conic-gradient(#c95a3a var(--k), #141016bf 0);border-radius:50%;width:120px;height:120px;-webkit-mask:radial-gradient(circle,#0000 52px,#000 53px);mask:radial-gradient(circle,#0000 52px,#000 53px)}.down-text{text-shadow:0 2px 4px #000;flex-direction:column;align-items:center;display:flex}.down-text b{color:#ff8f7a;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:44px;font-weight:400}.down-text span{font-size:22px}.hints{color:var(--ink);text-shadow:0 1px #000,0 0 10px #000000b3;flex-wrap:wrap;gap:4px 18px;font-size:20px;display:flex;position:absolute;bottom:16px;left:24px;right:260px}.perf{background:var(--panel);border:1px solid var(--edge);color:var(--ink);border-radius:6px;margin:0;padding:6px 10px;font-family:VT323,monospace;font-size:18px;line-height:1.05;position:absolute;bottom:16px;right:26px}.bigmap{padding:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigmap canvas{width:min(816px,86vw);height:auto;image-rendering:pixelated;display:block}.bigmap-title{color:var(--cream);margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:30px}.wheel{pointer-events:auto;background:radial-gradient(circle,#04060c8c,#04060c00 60%);position:absolute;inset:0}.wheel-title{color:var(--cream);letter-spacing:2px;text-shadow:0 2px 6px #000;font-family:Bebas Neue,sans-serif;font-size:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-item{white-space:nowrap;cursor:pointer;padding:5px 14px;font-size:22px;position:absolute;transform:translate(-50%,-50%)}.wheel-item.focus{border-color:var(--amber);color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.panels{pointer-events:auto;flex-direction:column;width:min(760px,92vw);max-height:82vh;padding:12px 16px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.tabs{border-bottom:1px solid var(--edge);align-items:baseline;gap:6px;margin-bottom:8px;padding-bottom:6px;display:flex}.tab{color:var(--dim);cursor:pointer;letter-spacing:1px;padding:0 8px;font-family:Bebas Neue,sans-serif;font-size:26px}.tab.on{color:var(--amber)}.tab-hint{color:var(--dim);margin-left:auto;font-size:18px}.panel-body{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.p-title{color:var(--cream);font-family:Bebas Neue,sans-serif;font-size:34px}.p-sub{color:var(--dim);font-size:22px}.p-head{color:var(--amber);letter-spacing:1px;margin-top:8px;font-family:Bebas Neue,sans-serif;font-size:22px}.p-line{font-size:21px}.p-line.dim{color:var(--dim)}.p-line.done{color:#a8f0a0}.p-line.now{color:var(--cream)}.p-stats{grid-template-columns:repeat(3,1fr);gap:4px 18px;font-size:22px;display:grid}.p-stat{border-bottom:1px solid #e2e8ff14;justify-content:space-between;display:flex}.p-stat b{color:var(--cream);font-weight:400}.p-member{align-items:center;gap:8px;font-size:22px;display:flex}.dialog{pointer-events:auto;width:min(680px,100vw - 40px);padding:14px 20px 12px;position:absolute;bottom:160px;left:50%;transform:translate(-50%)}.dialog .name{letter-spacing:1px;color:var(--amber);margin-bottom:6px;font-family:Bebas Neue,sans-serif;font-size:30px;line-height:1}.dialog .name small{color:var(--dim);letter-spacing:0;font-family:VT323,monospace;font-size:19px}.dialog .text{color:var(--ink);margin:2px 0;font-size:26px;line-height:1.12}.choices{gap:10px;margin-top:10px;display:flex}.choice{padding:4px 14px;font-size:24px}.dot.solo{background:var(--amber);box-shadow:0 0 8px #ffb12ab3}.solo-badge{z-index:40;pointer-events:none;letter-spacing:2px;color:var(--amber);background:radial-gradient(120% 160% at 25% 0,#172238e6,#07090fe6);border:1px solid #ffb12a8c;border-radius:5px;padding:2px 12px 0;font-family:Bebas Neue,sans-serif;font-size:22px;position:absolute;top:22px;right:24px}.hud:not(.hidden)~.solo-badge{top:20px;left:336px;right:auto}@media (max-width:760px){.loading{padding:0 0 48px 24px}.loading .wordmark{font-size:64px}.screen{background:linear-gradient(#04060cb3 0%,#04060c4d 45%,#04060c8c 100%)}.screen .title{top:26px;left:24px}.screen .wordmark{letter-spacing:1px;font-size:58px}.create-screen .wordmark,.select-screen .wordmark,.credits-screen .wordmark,.settings-screen .wordmark{font-size:50px}.screen .tagline{font-size:22px}.menu-list{width:min(360px,100% - 48px);top:170px;left:24px}.full-screen .menu-list{top:auto;bottom:90px}.notice,.credits-box,.settings-box{width:auto;max-width:none;top:140px;left:24px;right:24px}.credit{font-size:22px}.item{padding:7px 14px;font-size:26px}.item small{font-size:19px}.footer{flex-wrap:wrap;gap:4px 14px;font-size:19px;bottom:14px;left:24px;right:24px}.footer .prompts{margin-left:0}.slots-list{width:auto;top:140px;left:24px;right:24px}.slot-card{min-width:0}.item.del{white-space:normal;text-align:center;flex:0 0 96px;font-size:17px;line-height:1}.class-cards{grid-template-columns:1fr 1fr;gap:8px;display:grid;top:124px;left:14px;right:14px}.class-card{width:auto;padding:8px 10px}.cc-name{font-size:30px}.cc-tag{font-size:15px}.cc-line{min-height:0;margin:0 0 4px;font-size:18px}.cc-bars{gap:1px}.cc-bar{grid-template-columns:40px 1fr 18px;gap:4px;font-size:15px}.cc-bar .bar{height:6px}.cc-extra{margin-top:4px;font-size:16px}.cc-res{margin-top:3px;font-size:15px}.create-row{gap:8px;width:auto;padding:8px 10px;inset:auto 14px 66px}.name-input{width:210px;font-size:26px}.keyboard{width:calc(100% - 16px);bottom:16px}.kb-text{min-width:0}.kb-key{min-width:34px;padding:2px 3px;font-size:22px}.kb-key.wide{min-width:70px;font-size:18px}.solo-badge{padding:1px 9px 0;font-size:19px;top:14px;right:14px}.hud:not(.hidden)~.solo-badge{top:12px;left:262px}.me{width:240px;padding:8px 10px 6px;top:12px;left:12px}.me-top{flex-wrap:wrap;column-gap:8px}.me-name{white-space:nowrap;font-size:24px}.me-lv{font-size:17px}.partyframes{width:200px;top:140px;left:12px}.minimap,.minimap canvas{width:140px;height:140px}.minimap{top:12px;right:12px}.quest-tracker{width:230px;top:166px;right:12px}.target{width:260px;top:258px}.area-name{white-space:nowrap;font-size:32px;top:340px}.toasts{width:calc(100% - 24px);top:386px}.slots{gap:6px;bottom:62px}.slot{width:102px;padding:4px 6px}.slot span{font-size:18px}.slot small{font-size:15px}.pocket{flex-wrap:wrap;justify-content:center;width:calc(100% - 24px);bottom:142px}.pocket-title{text-align:center;width:100%}.pk{min-width:80px}.prompt{white-space:nowrap;bottom:240px}.chat{width:300px;bottom:236px;left:12px}.chat-log{max-height:100px;font-size:17px}.hints{gap:2px 12px;font-size:17px;bottom:8px;left:12px;right:12px}.habit-card{width:260px;top:250px}.tabs{flex-wrap:wrap}.tab{white-space:nowrap;font-size:22px}}