@font-face{font-family:Alegreya;src:url(/fonts/alegreya/Alegreya-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/alegreya/Alegreya-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/alegreya/Alegreya-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Alegreya;src:url(/fonts/alegreya/Alegreya-Black.ttf)format("truetype");font-weight:900;font-display:swap}@font-face{font-family:Grobold;src:url(/fonts/grobold/grobold.otf)format("opentype"),url(/fonts/grobold/grobold.ttf)format("truetype");font-display:swap}:root{--view-w:100vw;--view-h:100vh;--ui-zoom:1;--ink:#2b1f14;--ink-soft:#57432d;--ink-faint:#85705a;--ink-accent:#8a5a1c;--paper-field:#fff7e48c;--paper-field-border:#6b5338;--control-gold:#ffc000;--control-gold-light:#ffe156;--wood-darkest:#1c1b1b;--gold:#e8b23a;--font:"Alegreya", Georgia, serif;--control-font:"Grobold", var(--font);--outline:-2px -2px 0 #000, 0 -2px 0 #000, 2px -2px 0 #000, 2px 0 0 #000, 2px 2px 0 #000, 0 2px 0 #000, -2px 2px 0 #000, -2px 0 0 #000;--outline-thin:-1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000}*{box-sizing:border-box}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background-color:#0006}::-webkit-scrollbar-thumb{background:#322f28;border:2px solid #000}::-webkit-scrollbar-thumb:hover{background:#403b30}::-webkit-scrollbar-corner{background:0 0}.menu-item:after,.social-slot.selected:before,.inventory-slot.selected:before,.npc-task.selected:before{--gold-bar:linear-gradient(#ffd613, #ffd613);background:var(--gold-bar) top left / var(--arm) var(--thick), var(--gold-bar) top left / var(--thick) var(--arm), var(--gold-bar) top right / var(--arm) var(--thick), var(--gold-bar) top right / var(--thick) var(--arm), var(--gold-bar) bottom left / var(--arm) var(--thick), var(--gold-bar) bottom left / var(--thick) var(--arm), var(--gold-bar) bottom right / var(--arm) var(--thick), var(--gold-bar) bottom right / var(--thick) var(--arm);background-repeat:no-repeat}html,body{height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:url(/ui/cursors/arrow.cur),default;background:linear-gradient(#1d2440 0%,#3d3658 38%,#8a5b62 72%,#d38a66 100%)}button,select,input[type=checkbox],input[type=range]{cursor:url(/ui/cursors/hand.cur),pointer}#app{position:fixed;inset:0}#scene{opacity:0;width:100%;height:100%;transition:opacity 1.6s;display:block;position:absolute;inset:0}#app.scene-ready #scene{opacity:1}.vignette{pointer-events:none;background:linear-gradient(90deg,#0c0c1699 0%,#0c0c1640 28%,#0c0c1600 48%),radial-gradient(at 60% 55%,#0000 55%,#08081080 100%);transition:opacity .9s;position:absolute;inset:0}.sheet{position:relative}.wood-note{background:var(--wood-darkest);color:var(--control-gold-light);background-clip:padding-box;border-style:solid;border-width:13px 13px 31px;border-image:url(/ui/wood/slate_thin.png) 13 13 31 repeat;box-shadow:0 16px 40px #00000080}.menu{top:0;left:clamp(24px, calc(var(--view-w) * .06), 96px);width:min(380px, calc(var(--view-w) - 48px));flex-direction:column;display:flex;position:absolute}.menu-sheet{background:url(/ui/wood/bg.png) padding-box padding-box;border-style:solid;border-width:12px 17px 46px;border-image:url(/ui/wood/slate.png) 15 21 60 repeat;flex-direction:column;gap:20px;margin-top:58px;padding:26px 18px 6px;display:flex;box-shadow:0 20px 50px #0000008c}.brand{text-align:center}.brand h1{height:86px;font:400 34px/1 var(--control-font);letter-spacing:.02em;color:var(--control-gold);text-shadow:var(--outline);background:url(/ui/window/shingle.png) 50%/100% 100% no-repeat;justify-content:center;align-items:center;margin:-96px -26px 0;padding-top:12px;display:flex}.tagline{color:var(--control-gold-light);opacity:.85;margin:14px 0 0;font-size:17px;font-style:italic}.brand:after{content:"";background:linear-gradient(90deg,#0000,#ffc00073,#0000);height:2px;margin:18px 12px 0;display:block}.menu-list{flex-direction:column;align-items:center;gap:4px;display:flex}.menu-item{text-align:center;min-width:62%;font:400 24px/1.2 var(--control-font);letter-spacing:.02em;color:var(--control-gold);text-shadow:var(--outline);background:0 0;border:0;padding:9px 26px;transition:color .15s;position:relative}.menu-item:after{content:"";--arm:8px;--thick:3px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;position:absolute;inset:0;transform:scale(1.06)}.menu-item:hover,.menu-item:focus-visible{color:var(--control-gold-light);outline:none}.menu-item.active{color:#fff3b0}.menu-item:hover:after,.menu-item:focus-visible:after,.menu-item.active:after{opacity:1;transform:scale(1)}.menu-footer{text-align:center;letter-spacing:.04em;color:#a39a86;font-size:13px}.menu-hidden .menu{pointer-events:none}.menu-hidden .panel-host{opacity:0;pointer-events:none;transform:translateY(14px)}.menu-hidden .vignette{opacity:.35}.panel-host{top:50%;left:calc(clamp(24px, calc(var(--view-w) * .06), 96px) + 408px);width:min(430px, calc(var(--view-w) - 48px));position:absolute;transform:translateY(-50%)}.panel{color:var(--ink);filter:drop-shadow(0 18px 30px #00000080);border-style:solid;border-width:34px;border-image:url(/ui/window/scroll.png) 70 fill/34px;padding:4px 8px 6px;animation:.28s both slide-in}.panel-header{margin:0 36px 16px 0}.panel-header h2{color:#000c;margin:0;font-size:29px;font-weight:900}.close-banner{background:url(/ui/inputs/close_banner.png) 50%/contain no-repeat;border:0;width:40px;height:58px;padding:0;transition:transform .15s;position:absolute;top:-42px;right:-4px}.close-banner:hover,.close-banner:focus-visible{background-image:url(/ui/inputs/close_banner_hover.png);outline:none;transform:translateY(3px)}.field{margin-bottom:14px;display:block}.field-label{color:var(--ink-soft);margin-bottom:6px;font-size:16px;font-weight:700;display:block}.field-row{align-items:center;gap:8px;display:flex}input[type=text],input[type=password],input[type=number],select{border:2px solid var(--paper-field-border);background:var(--paper-field);min-width:0;height:42px;color:var(--ink);font:400 17px var(--font);-webkit-user-select:text;user-select:text;border-radius:2px;flex:1;padding:0 12px;box-shadow:inset 0 2px 4px #3c281440}input::placeholder{color:var(--ink-faint)}select{appearance:none;background:url(/ui/inputs/down_arrow.png) right 12px center / 16px no-repeat, var(--paper-field);padding-right:36px}select option{color:var(--ink);background:#efe1c2}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input[type=range]{appearance:none;background:0 0;flex:1;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{border:2px solid var(--paper-field-border);background:#3c281433;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:url(/ui/buttons/gold.png) 50%/cover;border:0;width:20px;height:20px;margin-top:-8px}input[type=range]::-moz-range-track{border:2px solid var(--paper-field-border);background:#3c281433;height:4px}input[type=range]::-moz-range-thumb{background:url(/ui/buttons/gold.png) 50%/cover;border:0;border-radius:0;width:20px;height:20px}.readout{text-align:right;font-variant-numeric:tabular-nums;width:46px;color:var(--ink-soft);font-weight:700}.paper-check{appearance:none;background:url(/ui/inputs/checkbox.png) 50%/contain no-repeat;width:25px;height:25px;margin:0}.paper-check:checked{background-image:url(/ui/inputs/checkbox_checked.png)}.hint{color:var(--ink-soft);margin:0 0 14px;font-size:16px;line-height:1.4}.panel-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.primary,.secondary,.danger{min-height:46px;font:400 17px var(--control-font);letter-spacing:.02em;text-shadow:var(--outline-thin);border-style:solid;border-width:9px 9px 13px;padding:0 10px;transition:transform .12s}.primary{color:#fff;border-image:url(/ui/buttons/ok.png) 9 9 13 fill repeat}.primary:hover{border-image-source:url(/ui/buttons/ok_hover.png)}.danger{color:#fff;border-image:url(/ui/buttons/red.png) 9 9 13 fill repeat}.danger:hover{border-image-source:url(/ui/buttons/red_hover.png)}.secondary{color:var(--control-gold);border-width:5px 5px 9px;border-image:url(/ui/buttons/brown.png) 5 5 9 fill repeat}.secondary:hover{filter:brightness(1.15)}.primary:active,.secondary:active,.danger:active{transform:translateY(1px)}.toast{opacity:0;pointer-events:none;padding:2px 10px;font-size:17px;transition:opacity .25s,transform .25s;position:absolute;bottom:32px;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.skip-prompt{font:400 14px var(--control-font);color:var(--control-gold-light);text-shadow:var(--outline);opacity:.8;pointer-events:none;margin:0;animation:.4s .6s both skip-prompt-in;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes skip-prompt-in{0%{opacity:0}}.reopen{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 14px 4px;animation:.6s both rise;display:flex;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.reopen .hint{color:var(--control-gold-light)}.game-hud{pointer-events:none;position:absolute;inset:0}.hud-corner{--unit-face:104px;--unit-bars:210px;pointer-events:auto;position:absolute;top:18px;left:18px}.hud-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;top:18px;right:18px}.unit-frame{align-items:center;gap:10px;width:max-content;margin-bottom:10px;padding:2px 4px 0 2px;display:flex}.unit-face{width:var(--unit-face);height:var(--unit-face);cursor:inherit;background:url(/ui/unit/portrait_bg.png) 50%/cover padding-box padding-box;border:7px solid #0000;border-image:url(/ui/unit/frame.png) 12;flex:none;padding:0}.unit-portrait{object-fit:cover;width:100%;height:100%;display:block}.unit-face:hover .unit-portrait{filter:brightness(1.12)}.unit-info{flex-direction:column;gap:4px;display:flex}.unit-meters{grid-template-columns:var(--unit-bars) auto;align-items:center;gap:4px 10px;display:grid}.unit-meters .unit-run{grid-area:1/2/span 2}.unit-level{font:400 15px/1 var(--control-font);text-align:center;white-space:nowrap;color:var(--control-gold);text-shadow:var(--outline);grid-area:3/2}.unit-name{text-overflow:ellipsis;white-space:nowrap;font:400 18px/1.1 var(--control-font);color:var(--control-gold);text-shadow:var(--outline);overflow:hidden}.unit-bar-row{align-items:center;gap:6px;display:flex}.unit-bar-icon{object-fit:contain;flex:none;width:22px;height:22px}.unit-bar{background:#000000a6 padding-box padding-box;border-style:solid;border-width:4px 4px 6px;border-image:url(/ui/unit/bar.png) 10 10 18;flex:1;height:24px;position:relative;overflow:hidden}.unit-bar-fill{transition:width .12s linear;position:absolute;top:0;bottom:0;left:0}.unit-hp .unit-bar-fill{background:linear-gradient(#f0624a,#a3200f)}.unit-stamina .unit-bar-fill{background:linear-gradient(#f7dc55,#c08a10)}.unit-experience .unit-bar-fill{background:linear-gradient(#9cc84a,#5d7f1c)}.unit-bar-text{font:400 13px/14px var(--control-font);text-align:center;color:#fff;text-shadow:var(--outline-thin);display:block;position:relative}.target-frame{width:calc(2px + var(--unit-face) + 10px + var(--unit-bars));align-items:center;gap:10px;padding:0 6px 0 0;display:flex}.target-frame[hidden]{display:none}.target-face{background:url(/ui/unit/portrait_bg.png) 50%/cover padding-box padding-box;border:5px solid #0000;border-image:url(/ui/unit/frame.png) 12;flex:none;width:58px;height:58px}.target-portrait{object-fit:contain;width:100%;height:100%;display:block}.target-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.target-name{text-overflow:ellipsis;white-space:nowrap;font:400 16px/1.1 var(--control-font);color:var(--control-gold);text-shadow:var(--outline);overflow:hidden}.unit-run{filter:grayscale(.8)brightness(.7);width:52px;height:52px;cursor:inherit;background:0 0;border:0;flex:none;padding:0}.unit-run img{width:100%;height:100%;display:block}.unit-run.active{filter:drop-shadow(0 0 6px #ffc000cc)}.hotbar-dock{pointer-events:auto;background:url(/ui/hotbar/dock.png) repeat-x;height:38px;position:absolute;bottom:0;left:0;right:0}.hotbar-buttons{pointer-events:auto;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.hotbar-button{cursor:inherit;background:0 0;border:0;padding:0;transition:transform .12s;position:relative}.hotbar-button img{height:66px;image-rendering:pixelated;display:block}.hotbar-button:hover img{filter:brightness(1.15)}.hotbar-button.active{transform:translateY(-8px)}.hotbar-button.active:after{content:"";background:url(/ui/hotbar/active_arrow.png);width:24px;height:19px;position:absolute;bottom:-17px;left:50%;transform:translate(-50%)}.hotbar-label,.hotbar-key{opacity:0;pointer-events:none;white-space:nowrap;font-family:var(--control-font);text-shadow:var(--outline);transition:opacity .2s ease-in-out;position:absolute}.hotbar-label{color:var(--control-gold);font-size:17px;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hotbar-key{background:var(--wood-darkest);color:#fff;text-shadow:none;border:2px solid #000;border-radius:4px;padding:1px 5px 0;font-size:12px;bottom:-6px;right:-4px}.hotbar-button:hover .hotbar-label,.hotbar-button:hover .hotbar-key{opacity:1}.hotbar-badge{font:400 18px/1 var(--control-font);color:var(--control-gold);text-shadow:var(--outline);pointer-events:none;position:absolute;bottom:0;left:5px}.hud-plate{align-items:center;gap:14px;margin:0;padding:0 8px;display:flex}.hud-title{font:400 20px var(--control-font);letter-spacing:.02em;color:var(--control-gold);text-shadow:var(--outline)}.hud-plate .secondary{min-height:34px;font-size:15px}.hud-notice{width:fit-content;font:400 16px var(--control-font);color:var(--control-gold-light);text-shadow:var(--outline);margin:10px 0 0;padding:4px 14px}.loot-feed{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.loot-entry{font:400 17px/1 var(--control-font);color:var(--control-gold-light);text-shadow:var(--outline);white-space:nowrap;border-width:13px;align-items:center;gap:8px;padding:0 12px 0 4px;transition:opacity .4s;display:flex}.loot-entry.leaving{opacity:0}.loot-icon{object-fit:contain;width:32px;height:32px;display:block}.hud-down{font:400 22px var(--control-font);color:var(--control-gold-light);text-shadow:var(--outline);white-space:nowrap;margin:0;padding:6px 18px;position:absolute;top:12%;left:50%;transform:translate(-50%)}.hud-down[hidden]{display:none}.hud-message{align-items:center;gap:14px;padding-right:6px;display:flex}.hud-message .primary{min-height:34px;font-size:15px}.social-host{pointer-events:none;justify-items:center;padding:0 16px;display:grid;position:absolute;top:0;left:0;right:0}.social-window{pointer-events:auto;grid-area:1/1;width:min(1020px,100%);position:relative}.social-shingle{z-index:1;background:url(/ui/window/shingle.png) 50%/100% 100% no-repeat;align-items:center;width:min(780px,86%);height:84px;margin:0 0 -20px 6px;padding:13px 70px 0 40px;display:flex;position:relative}.social-shingle h2{font:400 30px/1 var(--control-font);letter-spacing:.02em;color:var(--control-gold);text-shadow:var(--outline);margin:0}.social-shingle .close-banner{top:10px;right:22px}.social-body{height:min(560px, calc(var(--view-h) - 250px));background:url(/ui/wood/bg.png) padding-box padding-box;border-style:solid;border-width:12px 17px 46px;border-image:url(/ui/wood/slate.png) 15 21 60 repeat;grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:30px 16px 8px;display:grid;box-shadow:0 20px 50px #0000008c}.social-left{flex-direction:column;min-height:0;display:flex}.social-search{background:url(/ui/window/search_bar.png) 50%/100% 100% no-repeat;flex:none;height:46px;display:block}.social-search-input{color:#fff;width:100%;height:100%;font:400 18px var(--font);background:0 0;border:0;outline:none;padding:0 46px 0 14px}.social-search-input::placeholder{color:#ffffff8c}.social-search-input::-webkit-search-cancel-button{display:none}.social-list{background:#00000080;border:2px solid #000;border-top-width:5px;flex:1;min-height:0;margin-top:10px;padding:4px 12px 12px;overflow-y:auto}.social-category h3{font:400 16px var(--control-font);color:#d2ac5a;text-shadow:var(--outline-thin);margin:12px 0 6px}.social-slots{flex-wrap:wrap;gap:8px;display:flex}.social-slot{width:78px;cursor:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.social-slot img{box-sizing:content-box;object-fit:contain;filter:brightness(.9);background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;width:50px;height:50px;padding:5px}.social-slot-plus{box-sizing:content-box;width:50px;height:50px;font:400 34px var(--control-font);color:var(--control-gold);text-shadow:var(--outline);background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;place-items:center;padding:5px;display:grid}.social-slot.dim .social-slot-plus{opacity:.6}.social-slot img.bust{object-view-box:inset(4% 24% 42% 24%)}.social-slot:hover img{filter:brightness(1.15)}.social-slot.selected img{filter:brightness(1.15)drop-shadow(0 0 6px #ffc00099)}.social-slot.selected:before{content:"";box-sizing:border-box;--arm:6px;--thick:2px;pointer-events:none;width:80px;height:80px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.social-slot.dim img{filter:grayscale(.8)brightness(.6)}.social-slot-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 13px var(--font);color:#fff;text-shadow:var(--outline-thin);margin-top:4px;overflow:hidden}.social-empty{font:italic 15px var(--font);color:#fff9;margin:2px 0 6px}.social-facts{flex:none;grid-template-columns:1fr 1fr;gap:12px;padding:12px 4px 0;display:grid}.social-fact h4{font:400 22px/1.1 var(--control-font);color:var(--control-gold);text-shadow:var(--outline);margin:0 0 2px}.social-fact span{font:600 15px var(--font);color:#fff;text-shadow:var(--outline-thin)}.social-fact .good{color:#3fe03f}.social-fact .bad{color:#ff6b4a}.social-right{flex-direction:column;gap:8px;min-height:0;display:flex}.social-details{min-height:0;color:var(--ink);background:url(/ui/window/details.png) 50%/100% 100% no-repeat;flex:1;position:relative}.social-details h1{text-align:center;font:400 25px/1.1 var(--control-font);color:#000c;margin:0;padding:18px 22px 0}.social-pills{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:60px;right:14px}.social-pill{font:400 14px var(--control-font);color:#000;background:#dad5bb;border:3px solid #000;border-radius:15px;padding:4px 12px 2px}.social-portrait-frame{justify-content:center;height:calc(50% - 64px);display:flex;position:absolute;top:54px;left:0;right:0}.social-portrait{object-fit:contain;filter:drop-shadow(0 6px 6px #0000004d);max-width:60%;height:100%}.social-portrait.ghost{filter:brightness(0);opacity:.18}.social-box{text-align:center;flex-direction:column;align-items:center;padding:8px 6px 4px;display:flex;position:absolute;inset:54% 7% 4%;overflow-y:auto}.social-box h2{font:400 18px var(--control-font);color:#000c;margin:0 0 4px}.social-box-content{width:100%}.social-where{font:700 17px var(--font);color:#1d6b1d;margin:0}.social-people{flex-wrap:wrap;justify-content:center;gap:4px 10px;display:flex}.social-people figure{width:54px;margin:0}.social-people img{object-fit:contain;width:40px;height:40px}.social-people figcaption{text-overflow:ellipsis;white-space:nowrap;font:700 12px var(--font);color:#1d6b1d;overflow:hidden}.social-description{margin:auto 0 0;padding-top:8px;font-size:15px;line-height:1.3}.social-flavor{color:var(--ink-soft);margin:6px 0 0;font-size:14px;font-style:italic}.social-actions{flex-direction:column;flex:none;align-items:flex-start;gap:2px;min-height:52px;padding:0 4px 4px;display:flex}.social-action{font:400 18px var(--control-font);color:var(--control-gold);text-shadow:var(--outline);cursor:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:2px 0;display:flex}.social-action:before{content:"";background:var(--control-gold);border:2px solid #000;width:12px;height:12px;transform:rotate(45deg)}.social-action:hover{color:var(--control-gold-light)}.social-action.danger-action:before{background:#e0442a}.social-actions.card-actions{grid-template-columns:1fr 1fr;gap:4px;min-height:0;padding:4px 0 2px;display:grid}.social-action-button{text-overflow:ellipsis;white-space:nowrap;min-width:0;min-height:38px;padding:0 6px;font-size:15px;overflow:hidden}.social-action-button.wide,.social-action-button:last-child:nth-child(odd),.card-actions .social-action.note{grid-column:1/-1}.touch .social-action-button{min-height:46px;font-size:17px}.social-action.note{font:italic 600 16px var(--font);color:var(--control-gold-light)}.social-action.note:before{background:#3a3a3a}.social-tabs{gap:6px;margin:-38px 0 0 26px;display:flex;position:relative}.social-tab{min-width:120px;font:400 17px var(--control-font);color:#ad8816;text-shadow:var(--outline-thin);cursor:inherit;background:0 0;border-style:solid;border-width:8px 8px 17px;border-image:url(/ui/buttons/tab.png) 9 9 17 fill repeat;padding:6px 12px 0}.social-tab.active{color:var(--control-gold);border-image-source:url(/ui/buttons/tab_active.png)}.social-tab:hover{color:var(--control-gold-light)}.craft-filters{flex:none;align-items:center;gap:10px;margin-top:8px;display:flex}.craft-filter-categories{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.craft-filter{font:400 14px var(--control-font);color:#ad8816;text-shadow:var(--outline-thin);cursor:inherit;background:#00000080;border:2px solid #000;flex:none;padding:5px 10px 3px}.craft-filter.active{color:var(--control-gold);background:#6b4a22}.craft-filter:hover{color:var(--control-gold-light)}.craft-filter-check{font:400 14px var(--control-font);color:var(--control-gold);text-shadow:var(--outline-thin);flex:none;align-items:center;gap:6px;display:flex}.craft-filter-check .paper-check{width:22px;height:22px}.craft-window .social-details h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.craft-item-frame{box-sizing:border-box;aspect-ratio:1;background:#00000059;border:6px solid #0000;border-image:url(/ui/frames/item_border.png) 6;height:100%;padding:18px 10px 22px;position:relative}.craft-item-frame .craft-icon{object-fit:contain;filter:drop-shadow(0 6px 6px #0000004d);width:100%;height:100%}.craft-item-type{white-space:nowrap;font:400 14px var(--control-font);color:#000;background:#dad5bb;border:2px solid #000;padding:3px 10px 1px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.craft-item-bag,.craft-item-makes{font:400 16px var(--control-font);color:var(--control-gold);text-shadow:var(--outline-thin);align-items:center;gap:3px;display:flex;position:absolute;bottom:2px}.craft-item-bag{left:4px}.craft-item-bag img{object-fit:contain;width:20px;height:20px}.craft-item-makes{right:6px}@media (width<=820px) and (pointer:fine){.social-body{height:calc(var(--view-h) - 190px);grid-template-columns:1fr;overflow-y:auto}.social-details{min-height:460px}}.menu-window-host{top:0;left:calc(clamp(24px, calc(var(--view-w) * .06), 96px) + 400px);pointer-events:none;justify-items:start;display:grid;position:absolute;right:16px}.multiplayer-window{width:min(880px,100%)}.multiplayer-window .social-shingle{width:min(620px,86%)}.multiplayer-window .social-body{height:min(560px, calc(var(--view-h) - 170px));grid-template-columns:minmax(0,1fr) 330px}.multiplayer-window .mp-header{justify-content:flex-start;align-items:flex-start;gap:14px;padding:0 6%}.multiplayer-window .mp-icon{max-width:40%;max-height:110px;image-rendering:pixelated;flex:none}.mp-pills{flex:1;grid-template-columns:1fr 1fr;gap:6px;min-width:0;display:grid}.mp-pills .social-pill{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mp-pills .social-pill:first-child{grid-column:1/-1}.mp-plus{box-sizing:content-box;width:50px;height:50px;font:400 40px/1 var(--control-font);color:var(--control-gold);text-shadow:var(--outline);background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;place-items:center;padding:5px;display:grid}.social-slot:hover .mp-plus{color:var(--control-gold-light)}.multiplayer-window .social-slot img{image-rendering:pixelated}.mp-buttons{flex:none;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:6px;padding:0 2px 4px;display:grid}.mp-buttons button{min-height:40px;font-size:16px}.mp-buttons button:disabled{filter:grayscale()brightness(.7);cursor:inherit;transform:none}.mp-motd{white-space:pre-line;margin:0 0 4px;font-size:16px;line-height:1.3}.social-box h2.mp-online-title{margin-top:8px}.mp-name{flex:none;align-items:center;gap:10px;padding:0 4px;display:flex}.mp-name:empty{display:none}.mp-name-label{font:400 17px var(--control-font);color:var(--control-gold);text-shadow:var(--outline);white-space:nowrap}.mp-account{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:600 16px var(--font);color:#fff;text-shadow:var(--outline-thin);flex:1;overflow:hidden}.mp-account.none{color:#fff9;font-style:italic}.mp-name .mp-logout{min-height:32px;padding:0 10px;font-size:14px}.mp-name .social-action{font-size:16px}.mp-form-top .mp-form-hint,.mp-form-top .mp-form-error{margin-top:4px;font-size:14px;line-height:1.25}.mp-form-top{position:absolute;top:62px;left:8%;right:8%}.social-box.mp-form-box{text-align:left;align-items:stretch;gap:4px;padding:8px 8px 4px}.mp-form-box .field-label{margin-bottom:3px}.mp-form-top .field,.mp-form-box .field{margin:0}.mp-form-top .field input,.mp-form-box .field input{width:100%}.mp-form-hint{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.35}.mp-form-error{font:700 15px var(--font);color:#a3271b;margin:0}.worlds-window .mp-pills .social-pill:first-child{grid-column:auto}.social-search[hidden]{display:none}.portal-window .social-details h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-window .social-slot img{image-rendering:auto}.social-slot img.head{object-view-box:inset(3% 30% 61% 30%)}.portal-swatch{box-sizing:content-box;background:linear-gradient(var(--swatch,transparent), var(--swatch,transparent)) content-box, #00000059;filter:brightness(.9);border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;width:50px;height:50px;padding:5px;display:block;box-shadow:inset 0 0 0 5px #00000059}.social-slot:hover .portal-swatch,.social-slot.selected .portal-swatch{filter:brightness(1.1)}.portal-posts{flex-direction:column;gap:6px;display:flex}.portal-post{text-align:left;width:100%;cursor:inherit;background:#0000004d;border:2px solid #0009;flex-direction:column;gap:2px;padding:8px 12px;display:flex;position:relative}.portal-post:hover{background:#ffffff12}.portal-post.selected{border-color:#ffd613;box-shadow:0 0 8px #ffc00059}.portal-post h4{min-width:0;font:400 18px/1.2 var(--control-font);color:var(--control-gold);text-shadow:var(--outline-thin);align-items:center;gap:8px;margin:0;display:flex}.portal-post:hover h4{color:var(--control-gold-light)}.portal-post-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-post h4 .social-pill{text-shadow:none;border-width:2px;flex:none;padding:2px 8px 0;font-size:12px}.portal-post-plus{font-size:24px;line-height:1}.portal-post-meta{font:600 13px var(--font);color:#ffffffa6}.portal-post-excerpt{-webkit-line-clamp:2;font:400 15px/1.3 var(--font);color:#fff;text-shadow:var(--outline-thin);white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-post-body{text-align:left}.portal-window textarea{resize:none;border:2px solid var(--paper-field-border);background:var(--paper-field);width:100%;min-height:96px;color:var(--ink);font:400 16px/1.35 var(--font);-webkit-user-select:text;user-select:text;border-radius:2px;padding:8px 12px;box-shadow:inset 0 2px 4px #3c281440}.portal-window .mp-form-box .field textarea{flex:1}.portal-window .mp-form-box .field:has(textarea){flex-direction:column;flex:1;display:flex}.portal-destination{flex:none;width:100%;margin-top:2px}.portal-biomes{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.portal-biomes button{min-height:40px;padding:0 4px;font-size:15px}.portal-biomes button:disabled{filter:grayscale()brightness(.7)}.portal-guests{flex-direction:column;gap:4px;width:100%;display:flex}.portal-guest{font:700 16px var(--font);color:#1d6b1d;justify-content:space-between;align-items:center;gap:8px;display:flex}.portal-guest .secondary{min-height:34px;padding:0 10px;font-size:14px}.mp-form-top .field-row .secondary{flex:none;min-height:42px}.portal-admin{flex:none;padding:2px 8px 0;font-size:12px}.portal-window .mp-buttons>:first-child:nth-last-child(3){grid-column:1/-1}.options-window{width:min(640px,100%)}.options-window .social-shingle{width:min(460px,86%)}.options-body{background:url(/ui/wood/bg.png) padding-box padding-box;border-style:solid;border-width:12px 17px 46px;border-image:url(/ui/wood/slate.png) 15 21 60 repeat;min-height:300px;padding:30px 16px 16px;box-shadow:0 20px 50px #0000008c}.options-sheet{min-height:204px;color:var(--ink);border-style:solid;border-width:34px;border-image:url(/ui/window/scroll.png) 70 fill/34px;flex-direction:column;gap:16px;padding:6px 10px;display:flex}.options-row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:16px;display:grid}.options-row .field-label{margin:0}.options-control{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.options-control select{width:100%}@media (width<=1100px) and (pointer:fine){.menu-window-host{left:16px}}.inventory-grid{grid-template-columns:repeat(6,64px);gap:10px;display:grid}.inventory-slot{width:64px;height:64px;cursor:inherit;background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;padding:5px;position:relative}.inventory-slot img{object-fit:contain;pointer-events:none;filter:brightness(.92);width:100%;height:100%}.inventory-slot:hover img{filter:brightness(1.15)}.inventory-slot.empty{opacity:.5}.inventory-slot.selected{opacity:1}.inventory-slot.selected:before{content:"";--arm:6px;--thick:2px;pointer-events:none;position:absolute;inset:-9px}.inventory-slot.drop{opacity:1;background:#ffd61340}.inventory-count{font:600 14px var(--font);color:#fff;text-shadow:var(--outline-thin);pointer-events:none;position:absolute;bottom:-2px;right:1px}.inventory-slot-hint{font:600 10px/1.1 var(--font);color:#fff;text-align:center;text-shadow:var(--outline-thin);pointer-events:none;justify-content:center;align-items:center;padding:0 2px;display:flex;position:absolute;inset:-4px}.inventory-doll{justify-content:center;align-items:center;gap:6px;height:calc(54% - 30px);display:flex;position:absolute;top:16px;left:0;right:0}.inventory-doll-column{flex-direction:column;gap:8px;display:flex}.inventory-doll .inventory-slot{width:52px;height:52px;padding:4px}.inventory-figure{place-items:center;width:150px;height:100%;display:grid}.inventory-portrait{filter:drop-shadow(0 6px 6px #0000004d);max-width:100%;max-height:100%}.inventory-kind{font:700 15px var(--font);color:var(--ink-soft);margin:0}.inventory-description{margin-top:6px}.storage-capacity{margin:10px 16% 0}.storage-bar .unit-bar-fill{background:linear-gradient(#d9a95a,#8a5a1c)}.storage-item{justify-content:center;align-items:center;display:flex;position:absolute;inset:98px 0 calc(46% + 34px)}.storage-item .inventory-slot{aspect-ratio:1;cursor:default;width:auto;height:100%;max-height:96px}.character-attribute{border-bottom:2px solid #0009;grid-template-columns:54px minmax(0,1fr) 44px 44px 44px;align-items:center;gap:8px;min-height:52px;padding:4px 6px;display:grid}.character-short{font:400 22px var(--control-font);color:var(--control-gold);text-shadow:var(--outline)}.character-name{font:600 17px var(--font);color:#fff;text-shadow:var(--outline-thin)}.character-value{font:400 22px var(--control-font);text-align:right;color:#fff;text-shadow:var(--outline)}.character-value.gain{color:#3fe03f}.character-value.loss{color:#ff6b4a}.character-step.primary,.character-step.danger{width:44px;min-width:0;min-height:40px;padding:0;font-size:24px}.character-step:disabled,.character-confirm:disabled{filter:grayscale()brightness(.6);cursor:inherit;transform:none}.social-facts.character-facts{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.character-confirm{min-width:130px;min-height:40px;font-size:16px}.touch .character-attributes .social-category h3{margin:4px 0 2px}.touch .character-attribute{grid-template-columns:54px minmax(0,1fr) 40px 40px 40px;min-height:32px;padding:1px 6px}.touch .character-step.primary,.touch .character-step.danger{width:40px;min-height:30px;font-size:20px}.touch .character-facts{padding-top:6px}.touch .character-facts .social-fact h4{font-size:18px}.touch .character-facts .social-fact span{font-size:13px}.touch .character-confirm{min-width:110px;min-height:34px}.touch .character-card{padding-top:4px}.touch .character-stat{padding:1px 2px}.touch .character-stat-value{font-size:14px}.touch .character-stat-change{font-size:12px}.touch .character-stat-label{font-size:11px;line-height:1.1}.character-top{align-items:center;gap:10px;height:calc(54% - 58px);display:flex;position:absolute;top:50px;left:7%;right:7%}.character-figure{flex:none;place-items:center;width:28%;height:100%;display:grid}.character-portrait{filter:drop-shadow(0 6px 6px #0000004d);max-width:100%;max-height:100%}.character-summary{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.character-weapon{align-items:center;gap:8px;margin-top:4px;display:flex}.character-weapon-icon{box-sizing:content-box;object-fit:contain;background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;flex:none;width:36px;height:36px;padding:3px}.character-weapon-text{flex-direction:column;min-width:0;display:flex}.character-weapon-label{font:700 12px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.character-weapon-name{font:400 15px/1.1 var(--control-font);color:#000000d1}.character-weapon-damage{font:600 13px var(--font);color:var(--ink-soft)}.character-card{align-items:stretch}.character-stats{grid-template-columns:1fr 1fr;column-gap:14px;display:grid}.character-stat{text-align:left;border-bottom:1px solid #57432d4d;grid-template-columns:1fr auto;grid-template-areas:"value tag""label label";align-items:center;padding:3px 2px 2px;display:grid}.character-stat-value{font:400 17px/1.1 var(--control-font);color:#000000d1;grid-area:value}.character-stat-label{font:600 13px/1.2 var(--font);color:var(--ink-soft);grid-area:label}.character-stat-change{font:400 14px var(--control-font);margin-left:6px}.character-stat-change.gain{color:#1d7a1d}.character-stat-change.loss{color:#b3261e}.character-stat-tag{text-align:center;background:var(--ink-soft);width:34px;font:400 11px var(--control-font);color:#f5e9cc;grid-area:tag;padding:2px 0 1px}.mp-buttons.inventory-buttons{grid-template-columns:1fr;min-height:44px}.inventory-belt-row{flex:none;padding:10px 4px 0}.inventory-belt-row h4{font:400 22px/1.1 var(--control-font);color:var(--control-gold);text-shadow:var(--outline);margin:0 0 6px}.inventory-belt{gap:10px;display:flex}.inventory-belt .inventory-slot{width:56px;height:56px;padding:4px}.name-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.name-tag{white-space:nowrap;font:400 15px var(--control-font);color:var(--control-gold);text-shadow:var(--outline);will-change:transform;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.name-tag[hidden]{display:none}.colonist-bar{background:#000000b3;border:1px solid #000;width:54px;height:8px}.colonist-bar-fill{background:linear-gradient(#f0624a,#a3200f);height:100%;transition:width .12s linear}.npc-doing{font:600 17px var(--font);color:#fff;text-shadow:var(--outline-thin);margin:0 0 4px}.npc-tasks{flex-direction:column;gap:6px;display:flex}.npc-task{text-align:left;width:100%;cursor:inherit;background:#ffffff0a;border:2px solid #0009;align-items:center;gap:12px;padding:6px 10px 6px 6px;display:flex;position:relative}.npc-task:hover{background:#ffffff17}.npc-task img{box-sizing:content-box;object-fit:contain;width:40px;height:40px;image-rendering:pixelated;background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;flex:none;padding:4px}.npc-task-name{min-width:0;font:400 19px var(--control-font);color:var(--control-gold);text-shadow:var(--outline);flex:1}.npc-task-on{font:400 15px var(--control-font);color:#3fe03f;text-shadow:var(--outline-thin);flex:none}.npc-crops{justify-content:center;gap:8px;margin-top:6px;display:flex}.npc-crops .inventory-slot{width:48px;height:48px;padding:4px}.npc-farm-cells{font:600 14px var(--font);color:#ffffffd9;text-shadow:var(--outline-thin);flex:none}.npc-task.selected{background:#ffd6131a}.npc-task.selected:before{content:"";--arm:10px;--thick:3px;pointer-events:none;position:absolute;inset:-4px}.npc-route{margin:0}.npc-facts{flex-direction:column;gap:2px;display:flex}.npc-fact{border-bottom:2px solid #00000080;justify-content:space-between;gap:12px;padding:3px 4px;display:flex}.npc-fact-label{font:600 16px var(--font);color:#fff;text-shadow:var(--outline-thin)}.npc-fact-value{font:400 17px var(--control-font);color:var(--control-gold);text-shadow:var(--outline)}.npc-experience{align-items:center}.npc-experience-bar{flex:1;max-width:260px}.npc-fact-line{font:600 15px var(--font);color:#ffffffd9;text-shadow:var(--outline-thin);margin:2px 4px}.npc-health{width:80%;margin:0 auto 6px}.social-box h2.npc-now{margin-top:4px}.social-box .npc-doing{color:var(--ink);text-shadow:none;font-size:16px}.inventory-slot.dim img{filter:grayscale(.8)brightness(.55)}.npc-window .mp-buttons{grid-auto-rows:46px;align-content:end;height:102px}.npc-window .mp-buttons button{min-height:0;padding-block:0;font-size:15px;line-height:1}.npc-doll{align-items:center;gap:8px}.npc-doll .inventory-doll-column{flex-direction:column;flex:none;gap:4px;display:flex}.npc-doll .inventory-slot{flex:none;width:44px;height:44px;padding:3px}.npc-worn{gap:6px;display:flex}.npc-worn .inventory-doll-column{flex-direction:row}.npc-window .mp-buttons button:last-child:nth-child(odd){grid-column:1/-1}.bench-plaque{white-space:nowrap;pointer-events:auto;will-change:transform;transform-origin:50% 100%;align-items:center;gap:8px;min-height:0;padding:3px 12px 3px 4px;transition:none;display:flex;position:absolute;top:0;left:0}.bench-plaque img{box-sizing:content-box;object-fit:contain;width:32px;height:32px;image-rendering:pixelated;background:#00000059;border:4px solid #0000;border-image:url(/ui/frames/item_border.png) 6;padding:3px}.bench-plaque[hidden]{display:none}.bench-plaque.icon-only{padding:3px 4px}.bench-plaque.icon-only .bench-plaque-text{display:none}.bench-plaque-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.bench-plaque-name{font-size:17px}.bench-plaque-job{color:#f2e6c8;font-size:13px}.combat-text{white-space:nowrap;font:400 20px var(--control-font);text-shadow:var(--outline);will-change:transform, opacity;position:absolute;top:0;left:0}.combat-text.white{color:#fff}.combat-text.red{color:#ff4a3a}.level-up-text{white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0}.level-up-frame{font:400 24px/1.1 var(--control-font);color:#8fe04a;text-shadow:var(--outline);background:#140e08d9 padding-box padding-box;border:6px solid #0000;border-image:url(/ui/unit/frame.png) 12;padding:4px 14px 3px;animation:.4s ease-out level-up-pop;display:block}@keyframes level-up-pop{0%{transform:scale(.4)}60%{transform:scale(1.15)}to{transform:scale(1)}}.mob-bar{will-change:transform;background:#000000b3;border:1px solid #000;width:54px;height:8px;position:absolute;top:0;left:0}.mob-bar.target{border-color:var(--control-gold)}.mob-bar-fill{background:linear-gradient(#f0624a,#a3200f);height:100%;transition:width .12s linear}.pause-host{width:min(380px, calc(var(--view-w) - 32px));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pause-panel .panel-actions{flex-wrap:wrap;justify-content:center}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-12px)}}@media (width<=1100px) and (pointer:fine){.vignette{background:linear-gradient(#0c0c1659,#0c0c1699)}.menu{width:auto;left:16px;right:16px}.panel-host{width:auto;max-height:calc(100% - 32px);padding-top:22px;left:16px;right:16px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}html.touch{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.touch #scene{touch-action:none}.touch #app>:not(#scene,.vignette,.name-tags,.rotate-sign){zoom:var(--ui-zoom)}.touch .social-body{height:min(560px, calc(var(--view-h) - 220px))}.touch .hotbar-key{display:none}.touch .portal-window .social-body{height:min(600px, calc(var(--view-h) - 140px))}.touch .portal-window .mp-buttons button,.touch .pause-panel .panel-actions button{min-height:52px;font-size:19px}.touch .portal-guest .secondary,.touch .portal-window .mp-form-top .field-row .secondary,.touch .portal-window .mp-logout,.touch .portal-biomes button{min-height:50px}.rotate-sign{display:none}@media (orientation:portrait){.touch .rotate-sign{z-index:100;background:#080810db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}}.rotate-sign p{text-align:center;font:400 20px var(--control-font);text-shadow:var(--outline);margin:0;padding:6px 16px 2px}.inventory-ghost{z-index:50;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 8px #0009);width:52px;height:52px;position:fixed;top:0;left:0}.bp-editor{z-index:60;background:radial-gradient(at 55% 45%,#4a4166 0%,#2a2d4c 55%,#151a30 100%);outline:none;animation:.25s both bp-in;position:fixed;inset:0}@keyframes bp-in{0%{opacity:0}}.bp-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.bp-ui{width:var(--view-w);height:var(--view-h);pointer-events:none;position:absolute;top:0;left:0}.touch .bp-ui{zoom:var(--ui-zoom)}.bp-ui>*{pointer-events:auto}.bp-ui>.bp-hint{pointer-events:none}.bp-shingle{width:470px;margin:0;position:absolute;top:0;left:16px}.bp-board{width:320px;max-height:calc(var(--view-h) - 72px);background:url(/ui/wood/bg.png) padding-box padding-box;border-style:solid;border-width:12px 17px 46px;border-image:url(/ui/wood/slate.png) 15 21 60 repeat;padding:30px 14px 4px;position:absolute;top:64px;left:22px;overflow-y:auto;box-shadow:0 20px 50px #0000008c}.bp-board h3{font:400 18px var(--control-font);color:#d2ac5a;text-shadow:var(--outline-thin);margin:12px 0 6px}.bp-board h3:first-child{margin-top:0}.bp-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.bp-stepper{text-align:center;grid-template-columns:48px 1fr 48px;align-items:center;gap:6px;display:grid}.bp-stepper button{min-width:0;padding-inline:0}.bp-stepper span{font:400 16px var(--control-font);color:#d2ac5a;text-shadow:var(--outline-thin)}.bp-compass{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.bp-compass button{min-width:0;padding-inline:0}.bp-eave{text-align:center;grid-template-columns:1fr 1fr;gap:2px;display:grid}.bp-eave span{font:400 15px var(--control-font);color:#d2ac5a;text-shadow:var(--outline-thin);grid-column:1/-1}.bp-board .bp-eave button{min-width:0;min-height:30px;padding:0;font-size:15px}.bp-board .mp-form-hint{color:#e6d7b0}.bp-board .primary,.bp-board .secondary,.bp-board .danger{min-height:42px;font-size:16px}.bp-clear{width:100%;margin-top:8px}.bp-board button:disabled,.bp-actions button:disabled{filter:grayscale()brightness(.7);cursor:inherit;transform:none}.bp-materials{grid-template-columns:repeat(3,1fr);justify-items:center;display:grid}.bp-colors{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.bp-color{aspect-ratio:1;background:var(--swatch);filter:brightness(.9);cursor:pointer;border:2px solid #0009;padding:0;box-shadow:inset 0 0 0 1px #ffffff26}.bp-color:hover{filter:brightness(1.1)}.bp-color.selected{border-color:var(--control-gold-light);filter:brightness(1.1);box-shadow:0 0 0 1px #000,inset 0 0 0 1px #0006}.bp-sheet{width:350px;max-height:calc(var(--view-h) - 32px);color:var(--ink);filter:drop-shadow(0 18px 30px #00000080);border-style:solid;border-width:34px;border-image:url(/ui/window/scroll.png) 70 fill/34px;padding:2px 6px 4px;position:absolute;top:16px;right:16px;overflow-y:auto}.bp-sheet .bp-name{margin-bottom:10px}.bp-name input{width:100%}.bp-fact{margin-bottom:10px}.bp-fact h4{font:400 18px var(--control-font);color:#000c;margin:0 0 4px}.bp-fact p{font:600 15px/1.3 var(--font);margin:0}.bp-fact .mp-form-hint{font-size:14px;font-weight:400}.bp-size{font:600 15px var(--font);color:var(--ink-soft);align-items:center;gap:8px;margin-bottom:4px;display:flex}.bp-empty{opacity:.6}.bp-fact .bp-good{color:#1d6b1d}.bp-fact .bp-bad{color:#a3271b}.bp-cost{flex-direction:column;gap:2px;margin:0 0 4px;padding:0;list-style:none;display:flex}.bp-cost li{font:600 16px var(--font);align-items:center;gap:8px;display:flex}.bp-cost li.none{opacity:.45}.bp-cost img{object-fit:contain;width:32px;height:32px}.bp-cost-name{flex:1}.bp-cost-count{font-variant-numeric:tabular-nums;font-weight:700}.bp-note{min-height:22px}.bp-saved{font:700 15px var(--font);color:#1d6b1d;margin:0}.bp-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.bp-hint{max-width:calc(var(--view-w) - 780px);text-align:center;margin:0;padding:0 10px;font-size:15px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bp-confirm-host{background:#08081073;place-items:center;display:grid;position:absolute;inset:0}.bp-confirm-host:empty{display:none}.bp-confirm{width:min(440px, calc(var(--view-w) - 32px))}.bp-confirm .panel-actions{flex-wrap:wrap;justify-content:center}.touch .bp-editor .primary,.touch .bp-editor .secondary,.touch .bp-editor .danger{min-height:54px;font-size:19px}.touch .bp-name input{height:52px}.portal-blueprint-cost{font:600 14px var(--font);color:#fff;text-shadow:var(--outline-thin);flex-wrap:wrap;gap:4px 12px;display:flex}.portal-blueprint-cost span{align-items:center;gap:4px;display:flex}.portal-blueprint-cost img{object-fit:contain;width:22px;height:22px}.social-facts.portal-blueprint-facts{grid-template-columns:repeat(3,1fr)}.multiplayer-window .portal-blueprint-picture{image-rendering:auto}.mp-pills.portal-blueprint-pills{grid-template-columns:1fr;gap:4px}.portal-blueprint-pills .social-pill{padding:2px 10px 0}.portal-blueprint-cost.on-paper{color:var(--ink);text-shadow:none;justify-content:center;font-size:16px}.portal-blueprint-cost.on-paper img{width:30px;height:30px}.terrain-tools{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.terrain-tools[hidden]{display:none}.place-bar{align-items:center}.place-hint{font:400 15px var(--control-font);color:var(--control-gold-light);text-shadow:var(--outline);white-space:nowrap;padding:4px 12px}.construction-list-window{width:min(640px,100%)}.construction-list-window .social-shingle{width:min(460px,86%)}.construction-list-window .social-body{grid-template-columns:minmax(0,1fr)}.construction-list-window .social-list{margin-top:0}.mp-buttons.construction-buttons{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;min-height:44px}.demolish-item{align-items:center;gap:2px;margin-right:8px;display:inline-flex}.demolish-item img{width:24px;height:24px;image-rendering:pixelated}.site-bar{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.site-bar[hidden]{display:none}.site-row{font:400 16px var(--control-font);color:var(--control-gold-light);text-shadow:var(--outline);cursor:pointer;align-items:center;gap:10px;margin:0;padding:4px 6px 4px 14px;display:flex}.build-costs{flex-direction:column;gap:6px;display:flex}.build-cost{align-items:center;gap:8px;display:flex}.build-cost img{width:28px;height:28px;image-rendering:pixelated}.build-cost h4{margin:0;font-size:16px}.build-cost span{margin-left:auto}.touch .build-window .social-box h2{display:none}.touch .npc-window .social-box h2{display:block}.touch .build-costs{gap:2px}.touch .build-cost img{width:22px;height:22px}.terrain-tool{min-width:96px}.chat-box{--chat-global:#ffc000;--chat-world:#9fe870;--chat-party:#7fc8ff;--chat-whisper:#f6a8e8;width:min(520px, calc(var(--view-w) - 18px));pointer-events:none;flex-direction:column;padding-bottom:38px;display:flex;position:absolute;bottom:0;left:0}.chat-box.open{padding-bottom:0}.chat-handle{background:var(--wood-darkest);pointer-events:auto;min-width:64px;height:26px;cursor:inherit;background-clip:padding-box;border-style:solid;border-width:6px 6px 0;border-image:url(/ui/wood/slate_thin.png) 13 13 31 repeat;order:2;justify-content:center;align-self:center;align-items:center;gap:6px;padding:2px 12px 0;display:flex}.chat-box.open .chat-handle{order:0}.chat-handle img{object-fit:contain;width:16px;height:16px;transform:rotate(180deg)}.chat-box.open .chat-handle img{transform:none}.chat-handle:hover img{filter:brightness(1.25)}.chat-handle-count,.chat-handle-ping{font:400 15px var(--control-font);color:#fff;text-shadow:var(--outline)}.chat-handle-ping{color:var(--control-gold)}.chat-handle.pinged{animation:1.2s ease-in-out 3 chat-pinged}@keyframes chat-pinged{50%{filter:drop-shadow(0 0 6px #ffc000e6)}}.chat-panel{display:none}.chat-box.open .chat-panel{background:var(--wood-darkest);pointer-events:auto;background-clip:padding-box;border-style:solid;border-width:13px 13px 0 0;border-image:url(/ui/wood/slate_thin.png) 13 13 31 repeat;flex-direction:column;padding:0 4px 46px 8px;display:flex;position:relative;box-shadow:0 16px 40px #00000080}.chat-tabs{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.chat-tab{font:400 15px var(--control-font);color:#ad8816;text-shadow:var(--outline-thin);cursor:inherit;background:0 0;border-style:solid;border-width:6px 6px 12px;border-image:url(/ui/buttons/tab.png) 9 9 17 fill repeat;flex:none;padding:3px 8px 0}.chat-tab:hover{color:var(--control-gold-light)}.chat-tab.active{color:var(--control-gold);border-image-source:url(/ui/buttons/tab_active.png)}.chat-unread{font:400 14px var(--control-font);color:#fff;text-shadow:var(--outline);margin-left:5px}.chat-log-frame{position:relative}.chat-log{height:min(250px, calc(var(--view-h) - 330px));background:#00000080;border:2px solid #000;border-top-width:5px;flex-direction:column;padding:4px 8px 6px;display:flex;overflow-y:auto}.chat-log>:first-child{margin-top:auto}.chat-msg{--line:var(--chat-global);font:600 15px/1.35 var(--font);color:#fff;text-shadow:var(--outline-thin);overflow-wrap:anywhere;margin:0;padding:1px 2px;animation:.2s ease-out both chat-in}@keyframes chat-in{0%{opacity:0}}.chat-msg.scope-world{--line:var(--chat-world)}.chat-msg.scope-party{--line:var(--chat-party)}.chat-whisper{--line:var(--chat-whisper)}.chat-whisper .chat-text{color:#fbd3f3}.chat-msg.mention{background:#ffc00038}.chat-at{color:var(--control-gold);font-weight:700}.chat-time{font:600 12px var(--font);color:#ffffff73;font-variant-numeric:tabular-nums;margin-right:6px}.chat-chip{font:400 14px var(--control-font);color:var(--line);text-shadow:var(--outline-thin);margin-right:6px}.chat-author{font:700 15px/1.35 var(--font);color:var(--author);text-shadow:var(--outline-thin);cursor:inherit;background:0 0;border:0;padding:0}.chat-author:after{content:":";color:#fff;margin-right:5px}button.chat-author:hover{text-decoration:underline}.chat-notice{color:#ffe9a8;font-style:italic;font-weight:500}.chat-output pre{white-space:pre-wrap;color:#d8e6ff;margin:2px 0 0;font:500 13px/1.3 ui-monospace,Consolas,monospace;display:block}.chat-newer{min-height:32px;font-size:14px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.chat-newer[hidden],.chat-suggestions[hidden]{display:none}.chat-suggestions{z-index:1;background:#0d0b0a;border:2px solid #000;flex-direction:column;max-height:100%;padding:2px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.chat-suggestion{text-align:left;cursor:inherit;background:0 0;border:0;align-items:baseline;gap:8px;padding:3px 8px;display:flex}.chat-suggestion.active,.chat-suggestion:hover{background:#ffd61333}.chat-suggestion-command{font:400 15px var(--control-font);color:var(--control-gold);text-shadow:var(--outline-thin)}.chat-suggestion-args{font:600 13px var(--font);color:#ffffff8c}.chat-suggestion-description{font:500 13px var(--font);color:#fff;text-shadow:var(--outline-thin);text-align:right;margin-left:auto}.chat-form{align-items:center;gap:6px;margin:6px 0 0;display:flex}.chat-box .chat-input{min-width:0;height:42px;box-shadow:none;font:400 17px var(--font);color:#fff;background:#00000080;border:2px solid #000;border-top-width:4px;border-radius:0;outline:none;flex:1;padding:0 12px}.chat-box .chat-input::placeholder{color:#ffffff80}.chat-send{width:32px;height:42px;cursor:inherit;background:0 0;border:0;flex:none;padding:0}.chat-send img{width:29px;height:41px;image-rendering:pixelated;display:block}.chat-send:hover img{filter:brightness(1.2)}.chat-send:active img{transform:translateY(1px)}.touch .chat-box .chat-input{height:50px;font-size:19px}.touch .chat-tab{padding:5px 10px 2px;font-size:17px}.touch .chat-handle{min-width:80px;height:36px}.touch .chat-handle img{width:22px;height:22px}.party-panel{width:250px;margin:10px 0 0;padding:2px 6px 0}.party-panel[hidden]{display:none}.party-title{font:400 17px var(--control-font);color:var(--control-gold);text-shadow:var(--outline);margin:0 0 4px}.party-open{font:inherit;color:inherit;text-shadow:inherit;cursor:inherit;background:0 0;border:0;padding:0}.party-open:hover{color:var(--control-gold-light);text-decoration:underline}.party-member{border-top:1px solid #ffe15626;grid-template-columns:1fr auto;align-items:center;column-gap:6px;padding:3px 0;display:grid}.party-name{font:400 15px var(--control-font);color:#fff;text-shadow:var(--outline-thin);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.party-member.leader .party-name{color:var(--control-gold-light)}.party-where{font:600 13px var(--font);color:#d9ccb3;text-shadow:var(--outline-thin);grid-column:1}.party-kick{grid-area:1/2/span 2;min-height:30px;padding:0 6px;font-size:13px}.party-actions{gap:6px;padding:6px 0 2px;display:flex}.party-actions button{flex:1;min-height:34px;font-size:14px}.touch .party-actions button,.touch .party-kick{min-height:44px}.trade-offer.mine{top:4%;bottom:50%}.trade-offer h2{font-size:20px}.trade-offer.ready h2{color:#1d6b1d}.trade-grid{grid-template-columns:repeat(auto-fill,56px);justify-content:center;gap:8px;width:100%}.touch .trade-grid .inventory-slot{width:46px;height:46px}.trade-nothing{font:italic 600 15px var(--font);color:var(--ink-faint);margin:6px 0 0}.trade-grid .inventory-slot{width:56px;height:56px}.trade-hint{margin:0 0 10px}.trade-status{font-weight:700}.trade-window .inventory-slot[disabled]{opacity:.35}