:root{font-family:Barlow,Segoe UI,sans-serif;color:#e4e6dc;background:#111917;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}#game{position:fixed;inset:0}canvas{display:block}header{position:fixed;top:28px;left:32px;right:32px;display:flex;gap:15px;align-items:center;pointer-events:none}.mark{border:1px solid #cfdb98;color:#cfdb98;font-weight:700;padding:13px 10px;font-size:20px}small{font-size:10px;letter-spacing:2px;color:#aab99f}h1{font:600 26px Barlow Condensed,sans-serif;margin:3px 0;text-transform:uppercase;letter-spacing:1px}h1 span{font-size:14px;color:#a1b08b;margin-left:12px}.connection{margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:1px;display:flex;gap:9px;align-items:center}#light{background:#d8a071;width:6px;height:6px;border-radius:50%}.brief{position:fixed;left:32px;top:140px;width:280px;pointer-events:none}h2{font:500 30px Barlow Condensed,sans-serif;margin:12px 0}p{color:#97a397;font-size:13px;line-height:1.7}.objective{font-size:12px;display:flex;gap:12px;margin:17px 0;line-height:1.6}.objective b{color:#c5d78b}.tag{border-top:1px solid #56634c66;padding-top:16px;color:#8a9b81;font-size:9px;letter-spacing:2px}.tools{position:fixed;right:32px;top:113px;display:flex;gap:8px;align-items:center;font-size:11px}.tools button,.tools label{background:#14201ce8;border:1px solid #34463b;padding:9px;color:#b8c3ad}select{background:transparent;border:0;color:#c3d396;font:inherit}option{background:#14201c}button{cursor:pointer;font:inherit;color:inherit}button:hover{border-color:#cfdb98!important;color:#ecf8bf}button:focus-visible,select:focus-visible{outline:2px solid #d1e994;outline-offset:3px}#target{position:fixed;bottom:244px;left:50%;transform:translate(-50%);font-size:12px;color:#cfdb98;background:#14201cdd;padding:9px 18px;border:1px solid #4e6143;white-space:nowrap}#notice{position:fixed;bottom:287px;left:50%;transform:translate(-50%);color:#efd3aa;font-size:13px;pointer-events:none}.hud{position:fixed;bottom:54px;left:50%;transform:translate(-50%);width:440px;padding:20px 24px;background:linear-gradient(120deg,#172620f5,#15201af5);border:1px solid #4e614355;border-top:2px solid #a6b879;box-shadow:0 18px 60px #0005}.survivor{display:flex;justify-content:space-between;margin-bottom:15px}.survivor span{font-size:10px;color:#b2bca8}.vitals{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}.vitals label{font-size:9px;letter-spacing:1px;grid-row:1}.vitals strong{float:right;font-weight:400}.vitals progress{width:100%;height:5px;border:0;background:#33433a;appearance:none}.vitals progress::-webkit-progress-bar{background:#33433a}.vitals progress::-webkit-progress-value{background:#b8cd8f}#stamina::-webkit-progress-value{background:#c7ac73}.hotbar{display:flex;gap:8px;margin-top:19px}.hotbar button{position:relative;width:25%;background:#0f1c17;border:1px solid #34483a;padding:6px 4px 8px;font-size:10px;color:#b3bfaa}.hotbar button.active{border-color:#c5d78b;background:#34422b;color:#e1edc0}.hotbar button span{display:block;font-size:26px;height:36px}.hotbar kbd{position:absolute;top:4px;left:5px;font-size:9px;color:#c4d19f}footer{position:fixed;bottom:18px;left:32px;right:32px;display:flex;justify-content:space-between;color:#82917d;font-size:9px;letter-spacing:.6px}footer b{font-weight:400;color:#bbc6af;margin-left:5px}#respawn{background:#583c31;border:1px solid #bd8967;padding:8px;width:100%;margin-top:8px}@media(max-width:1000px){.brief{width:210px;top:110px}.brief h2{font-size:25px}.tools{top:90px;flex-direction:column;align-items:flex-end}footer{font-size:8px}header{top:18px}}@media(max-height:650px){.brief p,.objective,.tag{display:none}.hud{bottom:40px;padding:12px 20px}#target{bottom:210px}#notice{bottom:245px}}:root{--touch-bottom: max(20px, env(safe-area-inset-bottom))}#game canvas{touch-action:none}.hotbar button{width:20%}#joystick,.touch-zoom{display:none}.mobile-controls{user-select:none;-webkit-user-select:none;touch-action:auto}.mobile-controls .brief,.mobile-controls .tools,.mobile-controls kbd,.mobile-controls footer #metrics{display:none}.mobile-controls header{top:max(12px,env(safe-area-inset-top));left:16px;right:16px;gap:8px}.mobile-controls .mark{padding:7px;font-size:16px}.mobile-controls h1{font-size:18px}.mobile-controls header small{font-size:8px;letter-spacing:1px}.mobile-controls .connection{font-size:8px;max-width:100px}.mobile-controls .hud{display:contents}.mobile-controls .survivor{position:fixed;top:80px;left:16px;right:16px;margin:0}.mobile-controls .survivor small{font-size:8px;letter-spacing:1px}.mobile-controls .vitals{position:fixed;top:103px;left:16px;right:16px;background:#14201ce8;padding:8px}.mobile-controls .hotbar{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(var(--touch-bottom) + 20px);display:grid;grid-template-columns:repeat(2,1fr);width:156px;gap:6px;margin:0}.mobile-controls .hotbar button{width:100%;min-height:54px;font-size:11px;touch-action:none}.mobile-controls .hotbar button span{height:25px;font-size:21px}.mobile-controls #attack{grid-column:span 2;background:#485333;border-color:#c5d78b}.mobile-controls #joystick{display:grid;place-items:center;position:fixed;left:max(12px,env(safe-area-inset-left));bottom:calc(var(--touch-bottom) + 35px);width:128px;height:128px;border-radius:50%;background:#15241ebd;border:2px solid #8c9e6977;touch-action:none}#joystick-knob{width:44px;height:44px;border-radius:50%;background:#b5c78ac9;border:2px solid #d9e5b4;pointer-events:none}.mobile-controls #target{top:146px;bottom:auto;max-width:calc(100% - 32px);white-space:normal;text-align:center;font-size:10px;padding:7px 10px}.mobile-controls #notice{top:184px;bottom:auto;width:calc(100% - 40px);text-align:center;font-size:12px}.mobile-controls footer{left:12px;right:12px;bottom:max(5px,env(safe-area-inset-bottom));font-size:8px;justify-content:center;text-align:center}.mobile-controls #respawn{position:fixed;left:50%;top:48%;transform:translate(-50%,-50%);width:220px;min-height:48px;z-index:5}.mobile-controls .touch-zoom{display:flex;position:fixed;right:12px;top:220px;gap:8px}.touch-zoom button{width:44px;height:44px;background:#14201ce8;border:1px solid #65784c;font-size:22px;touch-action:none}@media(orientation:landscape)and (max-height:600px){.mobile-controls .survivor{display:none}.mobile-controls .vitals{top:65px;right:auto;width:260px}.mobile-controls .hotbar{grid-template-columns:repeat(3,1fr);width:216px;bottom:var(--touch-bottom)}.mobile-controls #attack{grid-column:auto}.mobile-controls #target{top:12px;max-width:240px}.mobile-controls #notice{top:110px}.mobile-controls .touch-zoom{top:72px}.mobile-controls #joystick{bottom:calc(var(--touch-bottom) + 10px)}}#field-panel{position:fixed;top:132px;left:24px;width:280px;max-height:calc(100dvh - 190px);overflow:auto;background:#13221eef;border:1px solid #526147;padding:12px;font-size:12px;z-index:3}#field-panel summary{cursor:pointer;color:#d2dfa5;padding:4px;font-weight:600}#field-panel>div{line-height:1.6;margin-top:10px;color:#c0cbb7}.field-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.field-actions button,.field-actions label{background:#223327;border:1px solid #516347;padding:8px;color:#d3dfbf;min-height:38px;font-size:11px}.field-actions label{grid-column:span 2}.field-actions select{max-width:175px}button:disabled{opacity:.5;cursor:default}.mobile-controls #field-panel{top:182px;left:12px;max-width:calc(100% - 80px);width:310px;max-height:calc(100dvh - 235px);padding:6px;font-size:11px;z-index:6}.mobile-controls #field-panel[open]{max-height:calc(100dvh - 210px);background:#13221efa}.mobile-controls .field-actions button{min-height:44px}@media(orientation:landscape)and (max-height:600px){.mobile-controls #field-panel{top:110px;max-height:calc(100dvh - 150px)}.mobile-controls #field-panel[open]{top:12px;max-height:calc(100dvh - 28px)}}.hud{width:min(640px,calc(100vw - 24px))}.hotbar button{width:12.5%;min-width:0;font-size:9px}.hotbar button span{font-size:22px;height:30px}#gun-hud{position:absolute;right:calc(100% + 12px);bottom:12px;min-width:170px;padding:8px 12px;background:#101a15f0;border:1px solid #4e6143;border-left:3px solid #c5d78b;display:grid;gap:3px}#gun-hud[hidden]{display:none}#gun-hud strong{font-size:11px;letter-spacing:1px;color:#d5e6ab}#gun-hud #gun-ammo{font:700 22px monospace;color:#f0f3e0}#gun-hud.empty #gun-ammo{color:#f08a70}#gun-hud small{font-size:9px;color:#8fa084}#reload-bar{width:100%;height:4px}.mobile-controls #gun-hud{position:fixed;left:16px;right:auto;bottom:calc(var(--touch-bottom) + 130px)}#prompt{position:fixed;left:50%;bottom:150px;transform:translate(-50%);padding:8px 16px;background:#101a15f0;border:1px solid #d8b96a;color:#f2e6b8;font:700 14px monospace;letter-spacing:1px;z-index:5;pointer-events:none}#prompt[hidden]{display:none}.mobile-controls #prompt{bottom:calc(var(--touch-bottom) + 190px)}#fade{position:fixed;inset:0;background:#0a100d;opacity:0;pointer-events:none;transition:opacity .5s ease-out;z-index:20}#fade.on{opacity:1;transition:none}#mission-modal{position:fixed;top:120px;left:50%;transform:translate(-50%);margin:0;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 240px);overflow:auto;padding:14px;background:#13221efa;color:#dfe6cf;border:1px solid #6a7d58;z-index:8}#mission-modal[open]{display:grid;gap:10px}#mission-modal h2{margin:0;font-size:14px;letter-spacing:2px;color:#d5e6ab}#mission-modal section{display:grid;gap:4px;padding:8px;background:#0f1a15;border:1px solid #33422f}#mission-modal small{color:#9aab8a}#mission-modal button{background:#223327;border:1px solid #516347;padding:8px;color:#d3dfbf;min-height:38px;font-size:11px}#interact-label{font-style:normal}#chat{position:fixed;left:24px;bottom:54px;width:360px;z-index:5;display:flex;flex-direction:column;background:#101a17e6;border:1px solid #4e614377;border-top:2px solid #a6b879;box-shadow:0 12px 40px #0006;font-size:12px}#chat nav{display:flex;gap:1px;background:#0c1411;padding:0 26px 0 0}#chat nav button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:#98a78f;font:600 10px Barlow,sans-serif;letter-spacing:.5px;padding:6px 0;cursor:pointer}#chat nav button[aria-selected=true]{color:#e4e6dc;border-bottom-color:#cfdb98;background:#1b2a24}#chat ol{list-style:none;margin:0;padding:6px 8px;height:150px;overflow-y:auto;scrollbar-width:thin;line-height:1.35;word-break:break-word}#chat li{padding:1px 0;color:#e4e6dc}#chat .tag{margin-right:4px;font-weight:600}#chat .who{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#f0d9a0;cursor:pointer}#chat .who:hover{text-decoration:underline}#chat li[data-channel=world] .tag{color:#e8a25a}#chat li[data-channel=town] .tag{color:#7fc6b8}#chat li[data-channel=nearby] .tag{color:#e4e6dc}#chat li[data-channel=party] .tag{color:#86b6ff}#chat li[data-channel=guild] .tag{color:#9fd67a}#chat li[data-channel=trade] .tag{color:#e6d36b}#chat li[data-channel=whisper],#chat li[data-channel=whisper] .tag{color:#f2a8d8}#chat li[data-channel=system]{color:#aab99f;font-style:italic}#chat li[data-channel=system] .tag{color:#c5d78b}#chat ol[data-tab=world] li:not([data-channel=world]):not([data-channel=system]),#chat ol[data-tab=town] li:not([data-channel=town]):not([data-channel=system]),#chat ol[data-tab=nearby] li:not([data-channel=nearby]):not([data-channel=system]),#chat ol[data-tab=party] li:not([data-channel=party]):not([data-channel=system]),#chat ol[data-tab=guild] li:not([data-channel=guild]):not([data-channel=system]),#chat ol[data-tab=trade] li:not([data-channel=trade]):not([data-channel=system]),#chat ol[data-tab=whisper] li:not([data-channel=whisper]):not([data-channel=system]),#chat ol[data-tab=system] li:not([data-channel=system]){display:none}#chat form{display:flex;gap:6px;padding:6px;border-top:1px solid #4e614355}#chat .chip{background:#1b2a24;border:1px solid #526147;color:#e4e6dc;font:600 10px Barlow,sans-serif;padding:0 8px;min-width:58px;cursor:pointer}#chat .chip[data-channel=world]{color:#e8a25a}#chat .chip[data-channel=party]{color:#86b6ff}#chat .chip[data-channel=trade]{color:#e6d36b}#chat .chip[data-channel=guild]{color:#9fd67a}#chat .chip[data-channel=town]{color:#7fc6b8}#chat input{flex:1;min-width:0;background:#0c1411;border:1px solid #3b4a36;color:#e4e6dc;font:12px Barlow,sans-serif;padding:6px 8px}#chat input:focus{outline:none;border-color:#cfdb98}#chat .chat-toggle{position:absolute;right:0;top:0;height:26px;width:26px;background:none;border:0;color:#98a78f;font-size:0;cursor:pointer}#chat .chat-toggle:before{content:"−";font-size:16px}#chat.collapsed .chat-toggle:before{content:"+"}#chat.collapsed ol,#chat.collapsed form{display:none}#chat:not(.typing):not(:hover) ol{scrollbar-color:transparent transparent}.chat-menu{position:absolute;z-index:7;min-width:140px;background:#15221ef7;border:1px solid #a6b879;padding:4px;display:flex;flex-direction:column;box-shadow:0 8px 24px #0008}.chat-menu[hidden]{display:none}.chat-menu strong{font-size:11px;padding:4px 6px;color:#cfdb98}.chat-menu button{background:none;border:0;color:#e4e6dc;text-align:left;padding:5px 6px;font:12px Barlow,sans-serif;cursor:pointer}.chat-menu button:hover{background:#26382f}@media(max-width:1420px){#chat{width:320px;bottom:210px}#chat ol{height:110px}}.mobile-controls #chat{left:12px;bottom:auto;top:calc(max(12px,env(safe-area-inset-top)) + 150px);width:min(300px,calc(100vw - 190px))}.mobile-controls #chat ol{height:96px}:root{--ui-scale: 1}.vital-row{display:grid;gap:3px}.vital-row label{font-size:10px;letter-spacing:.8px;color:#9aab8a}.vital-row label strong{color:#dfe6cf;margin-left:4px}#hunger::-webkit-progress-value{background:#9dc06b}#hunger[data-band=hungry]::-webkit-progress-value{background:#d9c66a}#hunger[data-band=very_hungry]::-webkit-progress-value{background:#e6a24a}#hunger[data-band=starving]::-webkit-progress-value{background:#e0463e}#weight::-webkit-progress-value{background:#8fb3c9}#weight[data-band=heavy]::-webkit-progress-value{background:#e6a24a}#weight[data-band=over]::-webkit-progress-value,#weight[data-band=immobile]::-webkit-progress-value{background:#e0463e}.hotbar #quick-eat,.hotbar #quick-cure{position:relative}.hotbar button{width:10%}#status-strip{position:fixed;top:96px;left:50%;transform:translate(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:min(560px,calc(100vw - 300px));pointer-events:none;z-index:4}#status-strip:empty{display:none}.chip{display:inline-flex;gap:5px;align-items:center;padding:3px 9px;background:#101a15ee;border:1px solid #4e6143;font-size:11px;color:#dfe6cf;letter-spacing:.3px}.chip b{font-weight:400}.chip.warn{border-color:#d9a24e;color:#f3d9a0}.chip.danger{border-color:#e0574a;color:#ffc4bb;background:#2a1512f0}.chip.info{border-color:#6fa3c9;color:#cfe4f4}#infection{position:fixed;top:124px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center;padding:8px 16px;background:#1c1210f2;border:2px solid var(--stage, #e0574a);box-shadow:0 0 0 1px #000a,0 8px 30px #0008;z-index:5;pointer-events:none}#infection[hidden]{display:none}#infection b{font-size:22px;color:var(--stage, #e0574a)}#infection strong{display:block;color:var(--stage, #e0574a);letter-spacing:1px;font-size:12px;text-transform:uppercase}#infection span{font-size:12px;color:#e8d6cf}#infection time{font:700 22px monospace;color:#fff;letter-spacing:1px}#infection time small{font:600 10px Barlow,sans-serif;color:#d7bdb4;letter-spacing:.5px}#infection.infection-turned{border-color:#8f4b9c;font-size:13px;color:#e8d0ef;--stage: #b56fc4}#infection.stage-critical{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 1px #000a,0 0 24px #e0463e99}}.reduce-motion #infection.stage-critical{animation:none}#action-bar{position:fixed;left:50%;bottom:200px;transform:translate(-50%);width:260px;height:26px;background:#101a15f0;border:1px solid #d8b96a;z-index:5;overflow:hidden;pointer-events:none}#action-bar[hidden]{display:none}#action-bar i{position:absolute;inset:0 auto 0 0;background:#d8b96a55;transition:width .1s linear}#action-bar span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#f2e6b8;z-index:1}#action-bar small{color:#bba97e}#minimap{position:fixed;right:24px;top:96px;width:132px;height:132px;border:1px solid #526147;background:#0c1511;z-index:3;image-rendering:pixelated;pointer-events:none}#menu-bar{position:fixed;right:24px;top:240px;display:flex;flex-direction:column;gap:4px;z-index:6}#menu-bar button{display:flex;gap:8px;align-items:center;min-width:132px;padding:6px 10px;background:#13221eee;border:1px solid #4a5b41;color:#cbd8b6;font-size:11px;text-align:left}#menu-bar button:hover,#menu-bar button:focus-visible{border-color:#cfdb98;background:#1d3129}#menu-bar span{width:16px;text-align:center;color:#cfdb98}#menu-bar em{font-style:normal}#menu{position:fixed;right:170px;top:96px;width:min(440px,calc(100vw - 200px));max-height:calc(100dvh - 190px);display:flex;flex-direction:column;background:#101b17fa;border:1px solid #6a7d58;border-top:2px solid #a6b879;box-shadow:0 18px 60px #000a;z-index:7;font-size:calc(12px * var(--ui-scale));color:#dfe6cf}#menu[hidden]{display:none}#menu nav{display:flex;flex-wrap:wrap;gap:1px;background:#0c1411;padding-right:30px;position:relative}#menu nav button{background:none;border:0;border-bottom:2px solid transparent;color:#98a78f;padding:8px;font:600 11px Barlow,sans-serif}#menu nav button[aria-selected=true]{color:#f0f3e0;border-bottom-color:#cfdb98;background:#1b2a24}#menu nav .close{position:absolute;right:0;top:0;padding:8px 10px}.menu-banner{padding:6px 12px;font-size:11px;border-bottom:1px solid #33422f;background:#1c2a24}.menu-banner[hidden]{display:none}.menu-banner[data-kind=offline],.menu-banner[data-kind=error]{background:#3a1e19;color:#ffc9be}.menu-banner[data-kind=pending]{background:#262a18;color:#e9e3b0}.menu-body{overflow:auto;padding:12px 14px;display:grid;gap:8px;align-content:start}.menu-body h3{margin:6px 0 0;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#d5e6ab;display:flex;gap:8px;align-items:baseline}.menu-body h3 small{letter-spacing:0;text-transform:none;color:#9aab8a;font-weight:400}.menu-body p,.menu-body ul{margin:0}.menu-body ul{padding-left:18px;display:grid;gap:3px}.menu-body .hint,.menu-body small.hint{color:#93a48a;font-size:11px;line-height:1.5}.menu-body .empty{color:#8a9a82;font-style:italic}.menu-body .warn{color:#f3d9a0;background:#2a2412;border-left:3px solid #d9a24e;padding:6px 8px}.menu-body .ok{color:#b8d88f}.menu-body .reason{color:#f3b9a8;font-size:11px}.menu-body .miss{color:#f3b9a8}.menu-body .changed{color:#b8e08c}.menu-body table{width:100%;border-collapse:collapse;font-size:11px}.menu-body th,.menu-body td{padding:4px 6px;text-align:left;border-bottom:1px solid #26352d;font-weight:400}.menu-body thead th{color:#93a48a;font-size:10px;letter-spacing:.6px}.menu-body tbody th{color:#dfe6cf;font-weight:600}.menu-body button,.menu-banner button{background:#223327;border:1px solid #516347;padding:5px 10px;color:#d3dfbf;font-size:11px;min-height:28px}.menu-body button:hover:not(:disabled){border-color:#cfdb98}.menu-body button:disabled{opacity:.45;cursor:not-allowed}.menu-body button.primary{background:#3a4d2a;border-color:#a6b879;color:#f0f3e0}.menu-body button.danger{background:#4a2420;border-color:#c25b4e}.menu-body .row{display:flex;gap:8px;flex-wrap:wrap}.menu-body td.actions{display:flex;gap:4px;justify-content:flex-end}.stat-edit{display:flex;gap:6px;align-items:center}.stat-edit button{width:26px;padding:0}.stat-edit strong{min-width:24px;text-align:center}.menu-body progress{width:100%;height:8px;appearance:none;border:0;background:#33433a}.menu-body progress::-webkit-progress-bar{background:#33433a}.menu-body progress::-webkit-progress-value{background:#b8cd8f}.menu-body progress[data-band=heavy]::-webkit-progress-value{background:#e6a24a}.menu-body progress[data-band=over]::-webkit-progress-value,.menu-body progress[data-band=immobile]::-webkit-progress-value,.menu-body progress[data-band=starving]::-webkit-progress-value{background:#e0463e}.infect-card{border:1px solid var(--stage, #e0574a);padding:10px;display:grid;gap:6px;background:#1c1210}.infect-card strong{color:var(--stage);letter-spacing:1px;text-transform:uppercase;font-size:12px}.infect-card .big{font:700 24px monospace}.infect-card .big small{font:400 11px Barlow,sans-serif;color:#c9b3aa}.infect-card progress::-webkit-progress-value{background:var(--stage)}.recipe{border:1px solid #33422f;background:#0f1a15;padding:6px 8px}.recipe summary{cursor:pointer;font-weight:600}.recipe summary small{color:#93a48a;font-weight:400;margin-left:6px}.recipe.locked{opacity:.75}.recipe ul{margin:6px 0}.jobs{list-style:none;padding:0}.jobs li{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px solid #26352d}.jobs time{font-family:monospace;color:#f2e6b8}.check{display:flex;gap:8px;align-items:center;font-size:12px}kbd{position:static}.menu-body kbd{background:#0c1411;border:1px solid #4a5b41;padding:2px 8px;font-size:11px}.menu-body a{color:#cfdb98}#logout-overlay{position:fixed;inset:0;background:#0a100dee;z-index:30;display:grid;place-items:center;text-align:center}#logout-overlay[hidden]{display:none}#logout-overlay div{max-width:380px;display:grid;gap:12px;padding:24px;border:1px solid #526147;background:#13221e}#logout-overlay button{padding:10px;background:#3a4d2a;border:1px solid #a6b879}.high-contrast .chip,.high-contrast #infection,.high-contrast #menu,.high-contrast .hud{background:#000;border-color:#fff}.high-contrast .menu-body .hint{color:#dfe6cf}.high-contrast .vital-row label{color:#fff}@media(max-width:900px){#menu{right:8px;left:8px;width:auto;top:90px;max-height:calc(100dvh - 300px)}#menu-bar{right:8px;top:auto;bottom:calc(var(--touch-bottom) + 230px);flex-direction:row;flex-wrap:wrap;max-width:calc(100vw - 16px)}#menu-bar button{min-width:0;padding:8px}#menu-bar em{display:none}#minimap{right:8px;top:84px;width:88px;height:88px}#status-strip{top:184px;max-width:calc(100vw - 120px)}#infection{top:212px;padding:6px 10px}#infection time{font-size:18px}}.mobile-controls #menu-bar{right:8px;left:8px;top:auto;bottom:calc(var(--touch-bottom) + 180px);flex-direction:row;justify-content:center;flex-wrap:wrap}.mobile-controls #menu-bar button{min-width:44px;min-height:44px;justify-content:center}.mobile-controls #menu{left:8px;right:8px;width:auto;top:90px;max-height:calc(100dvh - 350px)}.mobile-controls #action-bar{bottom:calc(var(--touch-bottom) + 250px)}#account{position:fixed;inset:0;z-index:40;display:grid;place-items:center start;overflow:auto;padding:clamp(16px,4vh,56px) clamp(16px,5vw,96px);background:linear-gradient(90deg,#060403f5,#060403d9 22%,#06040366,#06040300 58%),url(/assets/account/login/background.jpg) 62% center/cover no-repeat #0b0806}#account[hidden]{display:none}.acct-card{width:min(100%,clamp(300px,42vh,440px));display:grid;gap:clamp(8px,1.3vh,12px);color:#efe2c6;text-shadow:0 1px 2px #000c}.acct-mark{display:grid;gap:clamp(8px,2vh,22px);justify-items:start;margin-bottom:clamp(2px,1.2vh,14px)}.acct-mark img{display:block;height:auto;filter:drop-shadow(0 4px 12px #000b)}.acct-mark img:first-child{width:min(100%,clamp(180px,32vh,380px))}.acct-mark img:last-child{width:min(85%,clamp(160px,26vh,310px))}.acct-card h2{margin:0;font:700 clamp(18px,2.3vh,24px)/1.1 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3e6cc}.acct-card h3{margin:4px 0;font-size:clamp(13px,1.4vh,15px);color:#e8b86d}.acct-card p{margin:0;font-size:clamp(12px,1.3vh,14px);line-height:1.5;color:#dccaa6}.acct-form{display:grid;gap:clamp(8px,1.3vh,12px)}.acct-field{display:grid;gap:clamp(4px,.6vh,6px);font-size:clamp(13px,1.4vh,15px);color:#e9dcc0}.acct-field small{color:#b9a47f;font-size:12px;letter-spacing:normal}.acct-card input,.acct-card select{min-height:clamp(40px,5vh,52px);padding:2px 8px;background:none;border:8px solid #8a6a3a;border-image:url(/assets/account/login/input-default.png) 12 fill/8px stretch;color:#f6ead0;font:inherit;font-size:clamp(14px,1.5vh,16px);text-shadow:none}.acct-card input:focus,.acct-card select:focus{outline:none;border-image-source:url(/assets/account/login/input-focused.png)}.acct-card select option{background:#1a120b}.acct-card input:-webkit-autofill{-webkit-text-fill-color:#f6ead0;caret-color:#f6ead0;box-shadow:inset 0 0 0 100px #0f1410;transition:background-color 9999s}.acct-card button:focus-visible{outline:2px solid #ffcf7a;outline-offset:3px}.acct-card button{padding:8px 12px;background:#2a1a0ee6;border:1px solid #8f6232;color:#f3e2bd;font:inherit;font-size:clamp(13px,1.4vh,15px);cursor:pointer}.acct-card button:hover{background:#3a2412;color:#fff1d2}.acct-card button:disabled{opacity:.6;cursor:wait}.acct-form>button[type=submit]{min-height:clamp(44px,5.6vh,58px);margin-top:clamp(2px,.8vh,10px);padding:0 12px;background:none;border:10px solid #c2701e;border-image:url(/assets/account/login/button-sign-in-idle.png) 14 fill/10px stretch;font:700 clamp(15px,1.9vh,20px)/1 Barlow,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ffe0a3;text-shadow:0 2px 2px #000}.acct-form>button[type=submit]:hover:not(:disabled){border-image-source:url(/assets/account/login/button-sign-in-hover.png);color:#fff0cc}.acct-card button.danger{background:#4d1d16;border:1px solid #c7604a;border-image:none}.acct-card nav{display:flex;flex-wrap:wrap;gap:clamp(6px,1.2vh,12px) clamp(24px,4vh,48px);margin-top:clamp(2px,.8vh,8px)}.acct-card .acct-link{background:none;border:none;padding:2px 0;color:#d8ae6c;text-decoration:underline;text-underline-offset:3px;font-size:clamp(13px,1.5vh,15px)}.acct-card .acct-link:hover{background:none;color:#ffd08a}.acct-google{background:#eef1e6!important;color:#1b211c!important;border-color:#eef1e6!important;text-shadow:none}.acct-error{margin:0;min-height:1em;color:#ff9f86!important;font-size:14px}.acct-character{display:grid!important;gap:2px;text-align:left}.acct-character small{color:#e8b86d}.acct-section{display:grid;gap:6px;padding-top:10px;border-top:1px solid #5a3f22}.acct-section ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px}.acct-section li button{margin-left:8px;padding:2px 8px;font-size:12px}.acct-secret{display:block;padding:8px;background:#120c07;border:1px solid #6b4a26;font:13px/1.6 ui-monospace,monospace;letter-spacing:.08em;word-break:break-all;-webkit-user-select:all;user-select:all;white-space:pre-wrap}@media(max-width:760px){#account{place-items:start center;background:linear-gradient(180deg,#060403e0,#060403b3 60%,#060403e6),url(/assets/account/login/background.jpg) 66% center/cover no-repeat #0b0806}.acct-mark{justify-items:center}.acct-card h2{font-size:24px}}#logout-overlay div{grid-auto-flow:row}#voice{position:fixed;left:var(--voice-left, 24px);bottom:var(--voice-bottom, 300px);z-index:6;width:max(var(--voice-w, 360px),280px);max-width:calc(100vw - 16px);font:600 12px Barlow,sans-serif;color:#e4e6dc;display:flex;flex-direction:column;align-items:flex-start;gap:6px}#voice[hidden]{display:none}#voice[data-dock=below]{top:var(--voice-top, 150px);bottom:auto}#voice[data-dock=below] .voice-body{max-height:calc(100dvh - var(--voice-top, 150px) - 60px)}#voice .voice-pill{display:flex;align-items:center;gap:8px;background:#13221ee6;border:1px solid #526147;border-radius:16px;padding:5px 12px;color:#e4e6dc;font:inherit;cursor:pointer}#voice .voice-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:#6c7a66}#voice .voice-pill[data-state=on]:before{background:#c5d78b}#voice .voice-pill[data-state=talking]:before{background:#e8a25a;box-shadow:0 0 8px #e8a25a}#voice .voice-pill[data-state=muted]:before{background:#d4695a}#voice .voice-quality{font-size:10px;font-weight:600;letter-spacing:.04em;color:#98a78f}#voice .voice-quality[data-quality=good]{color:#c5d78b}#voice .voice-quality[data-quality=fair]{color:#e8c25a}#voice .voice-quality[data-quality=poor]{color:#e0574a}#voice .voice-body{display:none;width:100%;box-sizing:border-box;max-height:calc(100dvh - var(--voice-bottom, 300px) - 110px);overflow-y:auto;background:#13221ef2;border:1px solid #526147;border-radius:8px;padding:10px;gap:8px;flex-direction:column;scrollbar-width:thin}#voice.open .voice-body{display:flex}#voice .voice-body>*{flex-shrink:0}#voice .voice-head{display:flex;align-items:center;gap:8px}#voice .voice-head strong{flex:1;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#d2dfa5}#voice button,#voice select,#voice input[type=number]{background:#1b2a24;border:1px solid #526147;color:#e4e6dc;font:inherit;border-radius:4px;padding:4px 8px}#voice button{cursor:pointer}#voice button:hover:not(:disabled){border-color:#cfdb98}#voice button:disabled{opacity:.4;cursor:not-allowed}#voice button:focus-visible,#voice select:focus-visible,#voice input:focus-visible{outline:2px solid #cfdb98;outline-offset:1px}#voice .voice-join[data-active=false]{background:#3d5a2a;border-color:#8fb15a}#voice .voice-join[data-active=true]{background:#4a2a26;border-color:#a05a4a}#voice .voice-status{margin:0;min-height:1.3em;color:#b7c4ad;font-weight:500}#voice .voice-group{display:flex;flex-direction:column;gap:6px;border-top:1px solid #4e614355;padding-top:8px}#voice small{color:#98a78f;text-transform:uppercase;letter-spacing:.06em;font-size:10px}#voice label{display:flex;align-items:center;gap:6px;color:#b7c4ad}#voice label select,#voice label input[type=range]{flex:1;min-width:0}#voice .voice-channels{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}#voice .voice-channels button[aria-pressed=true]{background:#cfdb98;color:#16201a;border-color:#cfdb98}#voice .voice-radio{display:flex;gap:4px}#voice .voice-radio input{width:0;flex:1;min-width:0}#voice .voice-row{display:flex;gap:6px;align-items:center}#voice .voice-row button{flex:1}#voice .voice-check{font-weight:500;font-size:11px}#voice .voice-meter{height:8px;background:#0c1411;border:1px solid #3b4a36;border-radius:4px;overflow:hidden}#voice .voice-meter i{display:block;height:100%;width:0;background:#7fa35a;transition:width 80ms linear}#voice .voice-meter[data-talking=true] i{background:#e8a25a}#voice .voice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}#voice .voice-list[data-empty=true]:before{content:"Nobody in range yet.";color:#98a78f;font-weight:500}#voice .voice-list li{display:grid;grid-template-columns:10px 1fr 84px;gap:4px 8px;align-items:center;padding:5px 6px;background:#0c141180;border-radius:4px;opacity:calc(.55 + var(--loud, 1) * .45)}#voice .voice-dot{width:8px;height:8px;border-radius:50%;background:#3b4a36}#voice li[data-speaking=true] .voice-dot{background:#e8a25a;box-shadow:0 0 6px #e8a25a}#voice .voice-who{display:flex;flex-direction:column;min-width:0}#voice .voice-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#voice .voice-acts{grid-column:2/4;display:flex;gap:4px}#voice .voice-acts button{padding:2px 6px;font-size:11px}#voice .voice-report{grid-column:2/4;display:flex;gap:4px;flex-wrap:wrap}#voice .voice-report[hidden]{display:none}#voice .voice-report button{padding:2px 6px;font-size:11px;background:#3a2422}#voice .voice-blocked li{display:flex;gap:8px;align-items:center;opacity:1}#voice .voice-blocked .voice-name{flex:1}#voice .voice-blocked:empty{display:none}@media(prefers-reduced-motion:reduce){#voice .voice-meter i{transition:none}}.skillbar{display:inline-flex;gap:6px;flex-wrap:wrap}.skill-slot{position:relative;overflow:hidden}.skill-slot:after{content:"";position:absolute;inset:0;background:#00000080;transform-origin:bottom;transform:scaleY(var(--cd, 0));pointer-events:none}.skill-slot[data-state=blocked]{opacity:.65}.skill-slot[data-state=empty]{opacity:.45;border-style:dashed}.skill-slot[data-state=ready]{box-shadow:0 0 0 1px #8fb86a inset}.menu-body table.skills th small,.menu-body table.skills td small{display:block;font-weight:400;opacity:.78;line-height:1.35}.menu-body table.skills tr.unknown{opacity:.74}.menu-body table.skills .locked{color:#c9a46b}.menu-body .slot.selected{outline:2px solid #d9c66a}.menu-body h4{margin:14px 0 4px;font-size:.9em;letter-spacing:.06em;text-transform:uppercase;opacity:.8}#env-chip{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:5;display:grid;gap:1px;justify-items:center;padding:4px 12px;border-radius:999px;background:#0a100eb8;border:1px solid rgba(190,205,170,.22);color:#e4e6dc;font-size:12px;line-height:1.25;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);max-width:min(92vw,520px);text-align:center}#env-chip small{font-size:10px;color:#a9b49a}#env-chip.alert{border-color:#e0574a;background:#3c0e0ac7}#env-chip .warn{color:#ff8a6b;letter-spacing:.04em}.mobile-controls #env-chip{top:6px;font-size:11px}#companion-panel{position:fixed;top:160px;right:168px;width:300px;max-height:calc(100dvh - 330px);overflow:auto;background:#13221eef;border:1px solid #526147;padding:12px;font-size:12px;z-index:3}#companion-panel summary{cursor:pointer;color:#d2dfa5;padding:4px;font-weight:600}#companion-list p{color:#aab99f;line-height:1.5;margin:8px 0}.companion{border-top:1px solid #34463b;padding:8px 0;line-height:1.5;color:#c0cbb7}.companion b{color:#e4e6dc}.companion.dead{opacity:.6}.companion .orders{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.companion button,#npc-menu button{background:#223327;border:1px solid #516347;padding:6px 8px;color:#d3dfbf;font-size:11px;min-height:32px}#speech-log{list-style:none;margin:8px 0 0;padding:0;color:#e7dcc0;line-height:1.5}#speech-log li{border-left:2px solid #a6b879;padding-left:7px;margin-top:4px}#npc-menu{position:fixed;z-index:10;display:flex;flex-direction:column;gap:4px;padding:6px;background:#14201cf5;border:1px solid #a6b879;min-width:150px}#npc-menu[hidden]{display:none}.mobile-controls #companion-panel{top:auto;bottom:calc(var(--touch-bottom) + 190px);right:12px;width:240px;max-height:40dvh;z-index:6}.mobile-controls .companion button{min-height:44px}#work-editor{position:fixed;top:160px;right:168px;width:330px;max-height:calc(100dvh - 300px);overflow:auto;background:#13221ef8;border:1px solid #a6b879;padding:12px;font-size:12px;z-index:8;color:#c0cbb7}#work-editor[hidden],#work-editor [hidden],#pick-banner[hidden]{display:none}#work-editor h2{font:600 16px Barlow Condensed,sans-serif;margin:0 0 8px;color:#e4e6dc;text-transform:uppercase}#work-editor h3{font-size:12px;margin:14px 0 6px;color:#d2dfa5}#work-editor h3 small{font-size:10px;letter-spacing:0;color:#8a9b81}#work-editor label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:6px 0}#work-editor select,#work-editor input{background:#0f1c17;border:1px solid #34483a;color:#d3dfbf;padding:5px;font:inherit;max-width:180px}#work-editor button,#pick-banner button,#recall-all{background:#223327;border:1px solid #516347;padding:6px 8px;color:#d3dfbf;font-size:11px;min-height:32px}.work-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}#work-area{color:#aab99f;margin:4px 0}#rule-list{margin:4px 0;padding-left:18px}#rule-list li{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:2px 0}#rule-list button{min-height:24px;padding:2px 6px}.rule-add{display:grid;grid-template-columns:1fr 50px 60px;gap:4px}.rule-add select#rule-action{grid-column:1/3}.rule-add input{max-width:none!important}#pick-banner{position:fixed;top:78px;left:50%;transform:translate(-50%);z-index:9;background:#14201cf5;border:1px solid #e0c57e;padding:8px 12px;display:flex;gap:10px;align-items:center;font-size:12px;color:#efd3aa}.mobile-controls #work-editor{top:12px;right:12px;left:12px;width:auto;max-height:calc(100dvh - 24px);z-index:9}.mobile-controls #work-editor button{min-height:44px}#talk-form{display:grid;grid-template-columns:78px 1fr auto;gap:4px;margin-top:8px}#talk-form select,#talk-form input{background:#0f1c17;border:1px solid #34483a;color:#e4e6dc;padding:6px;font:inherit;min-width:0}#talk-form button{background:#223327;border:1px solid #516347;color:#d3dfbf;padding:6px 8px;font-size:11px}#speech-log li.player{border-left-color:#86a9c0;color:#bcd0de}#speech-log li.pending{opacity:.6;font-style:italic}#speech-log .tag{font-size:9px;letter-spacing:1px;color:#8a9b81;margin-left:6px;text-transform:uppercase}.mobile-controls #talk-form input,.mobile-controls #talk-form button{min-height:44px}.acct-create{width:100%;max-width:1440px;justify-self:center;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(260px,340px);grid-template-areas:"mark preview roles" "builder preview roles" "builder preview error" "nav preview submit";grid-template-rows:auto 1fr auto auto;gap:clamp(8px,1.6vh,16px) clamp(16px,2.4vw,40px);color:#efe2c6;text-shadow:0 1px 2px #000c}.acct-create .acct-mark{grid-area:mark;margin:0;gap:clamp(4px,1vh,10px)}.acct-create .acct-mark img:first-child{width:min(100%,clamp(160px,22vh,280px))}.acct-create .acct-mark img:last-child{width:min(85%,clamp(140px,18vh,230px))}.acct-create-form{display:contents}.acct-create nav{grid-area:nav;display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center}.acct-create .acct-error{grid-area:error;align-self:end}.acct-panel{min-width:0;margin:0;padding:clamp(12px,1.8vh,18px);display:grid;align-content:start;gap:clamp(8px,1.2vh,12px);background:#0d0b09d9;border:1px solid #6b4a26;box-shadow:inset 0 0 0 1px #000,0 12px 40px #000a}.acct-builder{grid-area:builder}.acct-builder h2{margin:0;font:700 clamp(16px,2vh,20px)/1.1 Barlow,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3e6cc}.acct-builder>p{margin:0;font-size:12px;line-height:1.45;color:#cdb994}.acct-create .acct-field{display:grid;gap:6px;font:700 13px Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e9dcc0}.acct-create .acct-field small{font:400 12px Barlow,sans-serif;letter-spacing:normal;text-transform:none;color:#b9a47f}.acct-name-row{display:flex;gap:8px;align-items:stretch}.acct-name-row input{flex:1;min-width:0}.acct-create input[type=text]{min-height:clamp(40px,5vh,48px);padding:2px 8px;background:none;border:8px solid #8a6a3a;border-image:url(/assets/account/login/input-default.png) 12 fill/8px stretch;color:#f6ead0;font:400 15px Barlow,sans-serif;letter-spacing:normal;text-transform:none;text-shadow:none}.acct-create input[type=text]:focus{outline:none;border-image-source:url(/assets/account/login/input-focused.png)}.acct-create input:-webkit-autofill{-webkit-text-fill-color:#f6ead0;box-shadow:inset 0 0 0 100px #0f1410}.acct-create button{font:inherit;cursor:pointer;color:#f3e2bd}.acct-create button:focus-visible{outline:2px solid #ffcf7a;outline-offset:3px}.acct-dice{width:clamp(40px,5vh,48px);background:#1a120b;border:1px solid #8f6232;font-size:20px!important}.acct-dice:hover{background:#2e1d10}.acct-option{margin:0;padding:clamp(6px,1vh,10px) 0 0;border:0;border-top:1px solid #3a2a18;min-width:0}.acct-option legend,.acct-roles legend{display:flex;gap:8px;align-items:center;padding:0;font:700 13px Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e9dcc0}.acct-roles legend{float:left;width:100%;margin-bottom:4px;font-size:12px;letter-spacing:.16em;color:#cdb994}.acct-soon{padding:2px 6px;border:1px solid #6b4a26;font:600 9px Barlow,sans-serif;letter-spacing:.12em;color:#d8ae6c;background:#1a120b;text-shadow:none}.acct-swatches{display:flex;align-items:center;gap:6px;margin-top:8px}.acct-arrow{flex:none;width:22px;padding:0;background:none;border:0;color:#d8ae6c!important;font-size:22px!important;line-height:1}.acct-option .acct-arrow,fieldset:disabled .acct-arrow{opacity:.35;cursor:not-allowed}.acct-thumb{flex:1;max-width:56px;aspect-ratio:1;border:1px solid #4a3620;background:#14100c no-repeat;image-rendering:pixelated;opacity:.45;filter:grayscale(1)}.acct-thumb.selected{border-color:#e8a94a;opacity:.7}.acct-thumb-outfit{background-image:var(--sheet);background-size:900% auto;background-position:0 0}.acct-thumb-hair{background-image:var(--sheet);background-size:1800% auto;background-position:2.94% 0}.acct-thumb-outfit,.acct-thumb-hair{filter:brightness(.15) sepia(1)}.acct-color{background:var(--c);flex:1;max-width:40px}.acct-roster{display:grid;gap:6px}.acct-roster .acct-character{padding:8px 10px;background:#1a120b;border:1px solid #8f6232;text-align:left}.acct-roster .acct-character:hover{background:#2e1d10}.acct-preview{grid-area:preview;display:grid;place-items:center;align-content:end;gap:clamp(4px,1vh,12px);min-height:0}.acct-preview canvas{width:clamp(220px,62vh,560px);max-width:100%;aspect-ratio:1;image-rendering:pixelated;filter:drop-shadow(0 10px 18px #000c) drop-shadow(0 0 30px #ff9a3a22)}.acct-look{display:flex;align-items:center;gap:14px;padding:6px 14px;background:#0d0b09d9;border:1px solid #6b4a26}.acct-look strong{min-width:110px;text-align:center;font:700 14px Barlow,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f3e6cc}.acct-look .acct-arrow{width:28px;font-size:28px!important}.acct-look .acct-arrow:hover{color:#ffd08a!important}.acct-roles{grid-area:roles;align-self:start}.acct-role{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:clamp(8px,1.4vh,14px);background:#14100c;border:1px solid #4a3620;opacity:.5;cursor:not-allowed}.acct-role.selected{border-color:#e8a94a;box-shadow:inset 0 0 18px #e8a94a22}.acct-role input{position:absolute;opacity:0;pointer-events:none}.acct-role svg{width:clamp(30px,4.4vh,42px);height:auto;fill:#e9cf9e}.acct-role strong{display:block;font:700 clamp(14px,1.7vh,17px) Barlow,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f3e6cc}.acct-role small{display:block;font-size:12px;color:#cdb994;letter-spacing:normal}.acct-quote{margin:4px 0 0;text-align:center;font:italic 13px Georgia,serif;color:#b9a47f}.acct-create-submit{grid-area:submit;min-height:clamp(48px,6.4vh,64px);padding:0 16px;background:none;border:10px solid #c2701e;border-image:url(/assets/account/login/button-sign-in-idle.png) 14 fill/10px stretch;font:700 clamp(15px,2vh,20px)/1 Barlow,sans-serif!important;letter-spacing:.14em;text-transform:uppercase;color:#ffe0a3!important;text-shadow:0 2px 2px #000}.acct-create-submit:after{content:" ›"}.acct-create-submit:hover:not(:disabled){border-image-source:url(/assets/account/login/button-sign-in-hover.png);color:#fff0cc!important}.acct-create-submit:disabled{opacity:.6;cursor:wait}.acct-create .acct-link{background:none;border:none;padding:2px 0;color:#d8ae6c;text-decoration:underline;text-underline-offset:3px;font-size:14px}.acct-create .acct-link:hover{color:#ffd08a}@media(max-width:900px){.acct-create{grid-template-columns:minmax(0,1fr);grid-template-areas:"mark" "preview" "builder" "roles" "error" "submit" "nav";grid-template-rows:none;max-width:520px}.acct-create .acct-mark{justify-items:center}.acct-preview canvas{width:clamp(180px,34vh,300px)}}#account:has(.acct-create){place-items:center;background:radial-gradient(ellipse 40% 55% at 50% 62%,#ff8a2a1f,#0000 70%),linear-gradient(#060403c7,#060403d9),url(/assets/account/login/background.jpg) 62% center/cover no-repeat #0b0806}.acct-color{filter:saturate(.6)}.acct-thumb-outfit,.acct-thumb-hair{filter:brightness(.45) sepia(.6)}.acct-preview{position:relative}.acct-preview:before{content:"";position:absolute;left:50%;bottom:calc(clamp(30px,5vh,46px) + 4%);width:min(70%,360px);height:clamp(18px,3vh,30px);transform:translate(-50%);background:radial-gradient(closest-side,#000c,#0000);z-index:-1}@font-face{font-family:Haven Pixel;src:url(/assets/fonts/haven-pixel.ttf?v=2) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Haven Pixel;src:url(/assets/fonts/haven-pixel-bold.ttf?v=2) format("truetype");font-weight:700;font-display:swap}body:not(.mobile-controls) header{top:14px;justify-content:center;text-align:center}body:not(.mobile-controls) header .mark{display:none}body:not(.mobile-controls) .connection{position:absolute;top:16px;right:0}#left-rail{position:fixed;top:14px;left:14px;width:400px;max-height:calc(100dvh - 330px);display:flex;flex-direction:column;gap:8px;z-index:3;pointer-events:none}#left-rail>*{pointer-events:auto}#left-rail #field-panel{position:static;width:340px;max-height:none;min-height:0;flex:0 1 auto}#party-frames{--unit-gold: #d9b24a;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-family:DIN Alternate,Bahnschrift,Barlow Semi Condensed,Arial Narrow,sans-serif;color:#ebe4d2;line-height:1;text-shadow:0 1px 1px #000c}#party-frames[hidden]{display:none}.unit-frame{position:relative;flex:none;width:320px;height:112px;zoom:var(--unit-scale, 1.25);background:url(/assets/account/character-info/player-bar/player-frame.png) 0 0/100% 100%;filter:drop-shadow(0 4px 5px #000b)}.unit-frame.ally{--unit-scale: .95;width:258px;height:89px;cursor:pointer}.ally .unit-body{left:102px;right:18px;top:11px}.ally .unit-head{grid-template-columns:1fr auto auto;gap:8px}.ally .unit-bar{grid-template-columns:38px 1fr 56px}.unit-frame.ally:focus-visible{outline:2px solid var(--unit-gold);outline-offset:2px}.unit-frame:hover{filter:drop-shadow(0 4px 5px #000b) brightness(1.1)}.unit-portrait{position:absolute;left:0;top:0;width:auto;height:100%;aspect-ratio:206 / 204}.unit-portrait:after{content:"";position:absolute;inset:0;background:url(/assets/account/character-info/player-bar/portrait-frame.png) 0 0/100% 100%;pointer-events:none}.unit-face{position:absolute;inset:9.5%;background-color:#10201d;background-repeat:no-repeat;image-rendering:pixelated}.unit-body{position:absolute;left:124px;right:19px;top:13px}.unit-plate{display:flex;flex-direction:column}.unit-head{display:grid;grid-template-columns:86px 1fr auto;align-items:center;height:24px;margin-bottom:3px}.unit-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;letter-spacing:.5px;text-transform:uppercase}.unit-level{font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}.ally .unit-level{color:#f08a70}.unit-role{font-size:12px;color:var(--unit-gold)}.self .unit-role{display:none}.unit-bar{display:grid;grid-template-columns:58px 66px 1fr;align-items:center;height:20px}.unit-bar b{font-size:12.5px;font-weight:400;letter-spacing:.5px}.unit-value{text-align:right;font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}.unit-track{position:relative;height:7px;border:1px solid #6e6237;border-radius:2px;background:#0b1513;box-shadow:inset 0 1px 2px #000a}.unit-track i{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path .2s linear;background:var(--fill) -2px -2px / calc(100% + 4px) calc(100% + 4px)}.bar-hp{--fill: url(/assets/account/character-info/player-bar/hp-fill.png)}.bar-food{--fill: url(/assets/account/character-info/player-bar/food-fill.png)}.bar-stamina{--fill: url(/assets/account/character-info/player-bar/exp-fill.png)}.unit-frame.low .bar-hp .unit-track{animation:unit-low 1s steps(2) infinite}@keyframes unit-low{50%{border-color:#e3342c;box-shadow:0 0 5px #e3342c}}.unit-frame.down .unit-face{filter:grayscale(1) brightness(.55) sepia(.5) hue-rotate(-30deg)}.unit-frame.down .unit-name{color:#a59d8c}@media(prefers-reduced-motion:reduce){.unit-track i{transition:none}.unit-frame.low .bar-hp .unit-track{animation:none;border-color:#e3342c}}#exp-bar{position:fixed;left:0;right:0;bottom:0;height:8px;z-index:4;background:#0b1513;border-top:1px solid #6e6237;box-shadow:0 -1px #000a}#exp-bar[hidden]{display:none}#exp-bar i{position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path .4s ease-out;background:linear-gradient(180deg,#fff2a8 0 1px,#e9c94f 1px 55%,#b8932c 55%)}#exp-bar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#000b calc(10% - 1px) 10%)}#exp-bar span{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:3px 8px;border:1px solid #6e6237;background:#0b1513e6;color:#ebe4d2;font:12px DIN Alternate,Bahnschrift,Barlow Semi Condensed,Arial Narrow,sans-serif;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}#exp-bar:hover span{opacity:1}.mobile-controls #exp-bar{display:none}@media(prefers-reduced-motion:reduce){#exp-bar i{transition:none}}@media(max-height:760px){#left-rail{max-height:calc(100dvh - 260px)}}.mobile-controls #left-rail{display:contents}.mobile-controls #left-rail #field-panel{position:fixed}.mobile-controls #party-frames{display:none}#account:has(.acct-select){place-items:start stretch;padding:0;background:radial-gradient(ellipse 70% 65% at 50% 50%,#ff8a2a38,#0000 75%),radial-gradient(circle at 12% 30%,#ffb05a2e,#0000 30%),radial-gradient(circle at 88% 25%,#ffb05a24,#0000 28%),linear-gradient(#2a14067a,#0604039e),url(/assets/account/login/background.jpg) 62% center/cover no-repeat #0b0806}.acct-select{box-sizing:border-box;display:grid;place-items:center;width:100%;min-height:100dvh;padding:16px 16px 48px}.sel-stage{--gold: #f4c443;--ink: #ece2cc;--dim: #b8ae98;--red: #e2553a;display:grid;grid-template-columns:582px 439px;align-items:start;gap:19px;font-family:Haven Pixel,monospace;color:var(--ink);-webkit-font-smoothing:none;font-smooth:never;text-shadow:0 2px 0 #0009}.sel-stage.stacked{grid-template-columns:582px;justify-items:center}.sel-stage p,.sel-stage h2{margin:0;font-family:inherit}.sel-stage img{display:block;image-rendering:pixelated;-webkit-user-select:none;user-select:none}:where(.sel-stage) button{font-family:inherit;color:inherit;cursor:pointer}.sel-stage button:disabled{cursor:not-allowed}.sel-stage button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sel-picker,.sel-info{position:relative;filter:drop-shadow(0 18px 30px #000c)}.sel-picker>*,.sel-info>*{position:absolute}.sel-picker{width:582px;height:532px;margin-top:2px;background:url(/assets/account/select-char/panel-select.png) 0 0 / 100% 100% no-repeat}.sel-title{top:16px;font-size:28px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase;color:var(--gold)}.sel-picker .sel-title{left:62px}.sel-tagline{left:62px;top:58px;font-size:15px;line-height:15px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.sel-cards{left:25px;top:89px;display:flex;gap:11px}.sel-notice{left:56px;right:24px;bottom:8px;font-size:14px;color:var(--gold)}.sel-card{position:relative;flex:none;width:172px;height:406px;padding:0;border:0;background:url(/assets/account/select-char/card-default.png) 0 0 / 100% 100% no-repeat;transition:transform .12s,filter .12s}.sel-card:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.12)}.sel-card:focus-visible{outline:0;filter:brightness(1.2)}.sel-card.selected{background-image:url(/assets/account/select-char/card-selected.png);filter:drop-shadow(0 0 10px #f6b92a66)}.sel-card.dead .sel-body{filter:grayscale(1) brightness(.6)}.sel-card-art{position:absolute;inset:34px 10px 82px;display:grid;place-items:end center}.sel-card-art .sel-body{max-width:100%;max-height:100%}.sel-sheet{display:block;background:var(--sheet) 0 0 / calc(756px * var(--k)) auto no-repeat;image-rendering:pixelated}.sel-body.sel-sheet{--k: 3.4;width:calc(84px * var(--k));height:calc(84px * var(--k));margin-bottom:-24px}.sel-card-plate{position:absolute;left:16px;right:16px;top:337px;height:54px;display:grid;place-content:center;justify-items:center;gap:6px;line-height:1}.sel-card-plate strong{max-width:136px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:700;line-height:20px;letter-spacing:1px;text-transform:uppercase}.sel-card.selected .sel-card-plate strong{color:var(--gold)}.sel-card-plate small{font-size:22px;font-weight:700;line-height:18px;text-align:center}.sel-card-new .sel-card-plate small,.sel-card-empty .sel-card-plate small{font-size:20px;font-weight:700;line-height:20px;letter-spacing:1px;text-transform:uppercase}.sel-card-new .sel-card-art,.sel-card-empty .sel-card-art{place-items:center}.sel-empty{grid-area:1 / 1;opacity:.85}.sel-plus{grid-area:1 / 1;margin-bottom:52px}.sel-card:disabled .sel-card-art,.sel-card:disabled .sel-card-plate{opacity:.45}.sel-info{width:439px;height:640px;background:url(/assets/account/select-char/panel-info.png) 0 0 / 100% 100% no-repeat}.sel-info .sel-title{left:24px}.sel-close{right:12px;top:10px;padding:4px;border:0;background:none}.sel-close img{width:20px;height:20px}.sel-close:hover{filter:brightness(1.4)}.sel-portrait{left:23px;top:57px;width:129px;height:126px;display:grid;place-items:center;overflow:hidden;background:#0e1a17}.sel-portrait:after{content:"";position:absolute;inset:0;background:url(/assets/account/select-char/portrait-frame.png) 0 0 / 100% 100% no-repeat}.sel-face{width:124px;height:121px;object-fit:cover}.sel-face.sel-sheet{--k: 3.4;background-position:calc(-12px * var(--k)) calc(-8px * var(--k))}.sel-name{left:170px;right:22px;top:66px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:26px;font-weight:700;line-height:26px;letter-spacing:1px;text-transform:uppercase}.sel-motto{left:170px;top:99px;font-size:16px;line-height:19px;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.sel-divider{left:168px;top:152px;width:250px;height:auto}.sel-level{left:26px;top:191px;font-size:26px;font-weight:700;line-height:26px}.sel-stats{left:26px;top:222px;width:383px;display:grid;gap:13px}.sel-stat{display:grid;grid-template-columns:77px 210px 1fr;align-items:center;height:15px}.sel-stat-label,.sel-value{font-size:18px;font-weight:700;line-height:15px;text-transform:uppercase}.sel-track{position:relative;width:210px;height:16px;background:url(/assets/account/select-char/bar-track.png) 0 0 / 100% 100% no-repeat}.sel-fill{position:absolute;inset:2px;background:0 0 / 100% 100% no-repeat;clip-path:inset(0 calc((1 - var(--fill)) * 100%) 0 0);image-rendering:pixelated}.sel-value{justify-self:end;white-space:nowrap}.sel-location,.sel-thumb{top:310px;height:72px;box-sizing:border-box;border:8px solid transparent;border-image:url(/assets/account/select-char/location-frame.png) 12 fill / 8px stretch}.sel-location{left:23px;width:171px}.sel-location .sel-pin{position:absolute;left:4px;top:7px;width:12px;height:auto}.sel-location small{position:absolute;left:29px;top:6px;font-size:15px;line-height:15px;letter-spacing:0;text-transform:uppercase;white-space:nowrap;color:var(--dim)}.sel-location strong{position:absolute;left:29px;right:2px;top:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:700;line-height:20px}.sel-thumb{left:200px;width:217px;border-width:3px;border-image-width:8px;overflow:hidden}.sel-thumb img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.sel-bio{left:23px;right:22px;top:392px;font-size:17px;line-height:23px;color:var(--ink)}.sel-enter{left:23px;top:449px;width:391px;height:57px;display:flex;justify-content:center;align-items:center;gap:16px;padding:0 0 2px;border:0;background:url(/assets/account/select-char/button-enter.png) 0 0 / 100% 100% no-repeat;font-size:28px;font-weight:700;line-height:28px;letter-spacing:1px;text-transform:uppercase;color:#1c1307;text-shadow:0 1px 0 #fff4;filter:drop-shadow(0 0 8px #f6b92a55)}.sel-enter:hover{filter:brightness(1.08) drop-shadow(0 0 14px #f6b92a99)}.sel-enter:active{transform:translateY(2px)}.sel-secondary{top:519px;height:46px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:10px;border:8px solid transparent;border-image:url(/assets/account/select-char/button-delete.png) 12 fill / 8px stretch;background:none;font-size:18px;font-weight:700;line-height:18px;letter-spacing:1px;text-transform:uppercase}.sel-create{left:23px;width:244px;color:#ecd9a2}.sel-delete{left:284px;width:131px;color:var(--red)}.sel-delete img{width:16px;height:auto}.sel-secondary:not(:disabled):hover{filter:brightness(1.3)}.sel-secondary:disabled{opacity:.55}.sel-footer{position:fixed;right:20px;bottom:14px;display:flex;gap:18px;font-family:Haven Pixel,monospace;-webkit-font-smoothing:none}.sel-footer .acct-link{padding:4px 6px;border:0;background:none;font:inherit;font-size:16px;font-weight:700;color:#cbbd9fcc;text-shadow:0 1px 2px #000;cursor:pointer}.sel-footer .acct-link:hover{color:#f4c443;text-decoration:underline;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.sel-card{transition:none}}