:root{--bg: #15171a;--bg2: #1c1f23;--panel: #23272c;--line: #3a4048;--deep: #101215;--ink: #e6e9dc;--dim: #9fb3a3;--gold: #d9b24c;--red: #d9534f;--green: #6fbf73;--blue: #6aa6d9;--sq: #0a120c;--sq-seen: #1a2a1e;--sq-here: #2a3a1a;--sq-fog: #0f1812;--sq-pond: #1a2a3a}body.night{--bg: #0a1018;--bg2: #0f1722;--panel: #141f2d;--line: #243247;--deep: #070b12;--sq-seen: #16202c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:var(--blue)}.muted,.dim{color:var(--dim)}.small{font-size:12px}.gold{color:var(--gold)}.app{height:100%;display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;background:var(--bg2);border-bottom:1px solid var(--line);font-size:12px;color:var(--dim);min-height:36px}.top b{color:var(--ink)}.top>div:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.bars{display:flex;gap:10px;flex:none}.meter{display:inline-flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink);line-height:1}.meter .mtop{display:inline-flex;align-items:center;gap:3px}.meter .mnum{font-size:10px;color:var(--dim);font-variant-numeric:tabular-nums}.meter i{display:inline-block;width:40px;height:6px;background:#4a5058;border-radius:3px;overflow:hidden}.meter i b{display:block;height:100%}.meter.small i{width:28px;height:5px}.meter.zero{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.4}}.main{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.bar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:var(--bg2);border-top:1px solid var(--line)}.bar button,.bar .empty{min-height:56px;background:var(--panel);color:var(--dim);border:1px solid var(--line);border-radius:10px;padding:5px 2px;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.1}.bar .empty{background:transparent;border-color:transparent}.bar button em{font-style:normal;font-size:18px;line-height:1}.bar button small{font-size:9px;color:var(--dim)}.bar button.on,.bar button.ctx{color:var(--ink);border-color:var(--gold)}.bar button.back{color:var(--dim);border-color:var(--line)}.bar button.red{border-color:var(--red)}.bar button.gold{border-color:var(--gold);background:#2a2410;color:var(--gold)}.bar button:disabled{opacity:.4}.is-wide .bar{grid-template-columns:repeat(4,130px);justify-content:end}.quad{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:6px}.quad .panel{min-height:0;overflow:hidden}.wide{flex:1;min-height:0;display:grid;grid-template-columns:1fr 300px;gap:8px;padding:8px}.wide .col{display:flex;flex-direction:column;gap:6px;min-height:0}.wide .col .panel{flex:1;min-height:0;overflow:hidden}.wide .col .panel.logpanel{flex:.9}.wide .col.one .panel{flex:1;overflow:auto}.wide .col.one .panel .body{overflow:auto}.mapbox{position:relative;min-height:0;min-width:0;display:flex}.mapbox.full{flex:1;flex-direction:column}.maphint{text-align:center;font-size:11px;color:var(--dim);padding:4px}.screen{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.screen>.panel.door.open{flex:none}.screen>.panel:not(.logpanel),.screen>.list,.screen>ul{flex:none}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:7px 9px;display:flex;flex-direction:column;min-height:0}.panel h4{margin:0 0 4px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);display:flex;justify-content:space-between;align-items:baseline;flex:none}.panel h4 .n{color:var(--dim);letter-spacing:0}.panel h4 .tapme{font-weight:400;letter-spacing:0;text-transform:none;color:var(--dim);opacity:.6;font-size:10px}.panel .body{min-height:0;overflow:hidden}.panel.door:not(.live){cursor:pointer}.panel.door.open{cursor:default}.panel.door.open .body{overflow:auto}.panel.door.open h4 .tapme{display:none}.panel.door:not(.open):active{border-color:var(--gold)}.row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2px 8px;padding:3px 0;font-size:13px;line-height:1.3}.row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row small{color:var(--dim);font-size:11px}.row .chip{font-size:10px;padding:2px 6px;border:1px solid var(--line);border-radius:6px;color:var(--dim);white-space:nowrap}.row.dim{color:var(--dim)}.row.dim .nm,.row.dim .chip{opacity:.55}.row.dim .chip{border-color:var(--line);color:var(--dim)}.row.busy>span:first-child{color:var(--gold)}.open .row.be,.open .row.re{min-height:44px;padding:6px 4px;border-bottom:1px solid var(--line);border-radius:6px}.live .row .nm{cursor:pointer}.live .row.on{background:var(--deep)}.is-wide .panel .row{padding:2px 0;min-height:26px}.is-wide .panel .body{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.is-wide .panel .body::-webkit-scrollbar{width:6px}.is-wide .panel .body::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.row .chip.act{cursor:pointer;color:var(--ink);border-color:var(--gold);min-height:22px;display:inline-flex;align-items:center}.open .row .chip.act{min-height:32px}.row .chip.act:active{background:var(--gold);color:#000}.panel h4 .htools{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.panel h4{gap:6px}.panel h4>span:first-child{white-space:nowrap}.hbtn{font:inherit;font-size:11px;letter-spacing:0;text-transform:none;padding:3px 8px;min-height:28px;border:1px solid var(--gold);border-radius:6px;background:var(--deep);color:var(--ink)}.hbtn:disabled{opacity:.4}.hbtn.on{background:var(--gold);color:var(--deep)}.is-wide .panel.door{cursor:default}.is-wide .panel.door .body{overflow:auto}.is-wide .wide .col .panel.logpanel .body{overflow:hidden}.row .detail{flex-basis:100%;font-size:13px;color:var(--ink);border:1px solid var(--gold);border-radius:8px;padding:8px 10px;margin:4px 0 2px;white-space:normal}.row .detail .hint,.hint{font-size:11px;color:var(--dim);margin-top:4px}.verbs{display:flex;flex-direction:column;gap:8px;margin-top:8px}.verbs button,.btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:11px 12px;text-align:left;font-size:14px;min-height:44px}.verbs button small,.btn small{display:block;color:var(--dim);font-size:11px}.verbs button:disabled,.btn:disabled{opacity:.45}.btn.gold{border-color:var(--gold)}.btn.red{border-color:var(--red)}.row2{display:flex;gap:8px;margin-top:10px}.row2 .btn{flex:1;text-align:center}.panel h4 .tabs{display:inline-flex;gap:2px}.panel h4 .tabs .hbtn{padding:2px 6px;min-height:24px;font-size:10px;border-color:var(--line);color:var(--dim)}.panel h4 .tabs .hbtn.on{border-color:var(--gold);color:var(--ink)}.logquad{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.logquad .panel.sub{min-height:0;overflow:hidden;display:flex;flex-direction:column}.screen>.panel.logpanel.open{flex:1;display:flex;flex-direction:column;min-height:0}.logquad .panel.sub .log{flex:1;min-height:0;overflow-y:auto}.logquad .panel.sub .saybox{flex:none}.log.tall{flex:1}.log .chat,.striplines .chat{color:#a6e3b4}.log .chat b{font-weight:600}.log .chat b.team{color:var(--blue)}.log .chat b.loc,.log .event{color:var(--green)}.log .fight{color:var(--gold)}.saybox{display:flex;gap:4px;align-items:center;margin-top:4px;flex:none}.saybox input{flex:1;min-width:0;margin:0;padding:7px 6px;font-size:13px;text-overflow:ellipsis}.saybox input::placeholder{font-size:12px}.saybox .hbtn{flex:none;min-height:32px}.saybox .hbtn.on{color:var(--ink)}.logpanel .body{display:flex;flex-direction:column;min-height:0}.logpanel .desc{font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:4px;margin-bottom:4px;flex:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.logpanel.open .desc{display:block}.log{font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;color:var(--dim);white-space:pre-wrap;overflow:auto;min-height:0}.log .me{color:var(--ink)}.log .hit{color:var(--gold)}.log .dim{opacity:.6}.fightmode{padding:10px}.fightmode .fightpanel{flex:1;min-height:0}.fightmode .fightpanel .log{font-size:14px}.fightmode .hpline{font-size:15px;margin:6px 0}.fightmode .hpline i{width:160px;height:10px}.fightpanel{border-color:#6a3030;background:#1e1414}.fightpanel h4{color:var(--red)}.fcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-bottom:6px}.fcard{border:1px solid var(--line);background:var(--deep);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.fcard.down{opacity:.45}.fcard .fname{font-size:14px;color:var(--ink)}.fcard .fhp{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--dim)}.fcard .fhp i{flex:1;height:8px;background:#0008;border-radius:4px;overflow:hidden}.fcard .fhp b{display:block;height:100%;background:var(--red)}.fcard .fatk{min-height:40px;border-radius:7px;border:1px solid var(--gold);background:var(--panel);color:var(--ink);font-size:14px}.fcard .fatk.sneak{background:var(--gold);color:#000;font-weight:600}.fcard .fatk:disabled{opacity:.4}.list input.qty{width:56px;background:var(--deep);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px}.hpline{display:flex;justify-content:space-between;font-size:13px;margin:3px 0}.hpline i{display:inline-block;width:70px;height:7px;background:#0008;border-radius:4px;overflow:hidden;vertical-align:middle;margin-right:4px}.hpline i b{display:block;height:100%;background:var(--red)}.open .hpline i{width:140px}.job{background:#2a2410;border-bottom:1px solid #5a4a1a;padding:6px 12px;font-size:13px;flex:none}.job b{color:var(--gold)}.job.paused{background:#1c2430;border-bottom-color:#2f4160}.job.paused b{color:var(--blue)}.jobline{display:flex;align-items:center;gap:10px}.jobline span{flex:1;color:var(--dim)}.jobline button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:12px;min-height:32px}.pb{height:5px;background:#0008;border-radius:3px;margin-top:5px;overflow:hidden}.pb b{display:block;height:100%;background:var(--gold)}.mappanel{padding:7px 7px 5px}.minimap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;touch-action:none;overflow:hidden}.minitools{position:absolute;right:2px;bottom:2px;display:flex;gap:3px}.minitools button{min-width:26px;min-height:26px;font-size:13px;padding:0 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--dim)}.bagquad{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.bagquad .panel{min-height:0;overflow:auto}.cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px}.cells .cell{aspect-ratio:1;min-height:44px;background:var(--deep);border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.cells .cell em{font-style:normal}.cells .cell .qty{position:absolute;right:3px;bottom:1px;font-size:10px;color:var(--ink)}.cells .cell .sub{position:absolute;left:3px;bottom:1px;font-size:9px;color:var(--dim)}.cells .cell i{position:absolute;left:3px;top:0;font-size:12px;color:var(--green);font-style:normal}.cells .cell.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.cells .cell.poor{border-style:dashed;filter:saturate(.6)}.cells .cell.g-good{border-color:#6fbf73}.cells .cell.g-excellent{border-color:#6aa6d9}.cells .cell.g-rare{border-color:#b57ee0}.cells .cell.g-perfect{border-color:var(--gold)}.cells .cell.empty{opacity:.25;cursor:default}.bagfoot{flex:none;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.ctxwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.ctxmenu{position:fixed;min-width:170px;background:var(--deep);border:1px solid var(--gold);border-radius:10px;padding:4px;box-shadow:0 8px 24px #000c;display:flex;flex-direction:column}.ctxtitle{font-size:11px;color:var(--dim);padding:4px 8px 2px;text-transform:uppercase;letter-spacing:.08em}.ctxmenu button{text-align:left;background:transparent;border:none;color:var(--ink);padding:10px;min-height:40px;border-radius:6px;font-size:14px;display:flex;justify-content:space-between;gap:10px}.ctxmenu button small{color:var(--dim)}.ctxmenu button:hover,.ctxmenu button:active{background:var(--panel)}.ctxmenu button.danger{color:var(--red)}.ctxmenu button:disabled{opacity:.4}.row.eqd .nm{color:var(--gold)}.strip{display:flex;flex-wrap:wrap;gap:6px}.chipcard{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--deep);font-size:12px;cursor:pointer}.chipcard em{font-style:normal;font-size:22px;line-height:1}.chipcard small{color:var(--dim);font-size:11px}.chipcard.on{border-color:var(--gold)}.chipcard button{margin-top:2px;min-height:32px;width:100%;border:1px solid var(--gold);border-radius:6px;background:var(--panel);color:var(--ink);font-size:12px}.picker{border-color:var(--gold)}.picker .row{min-height:40px;padding:4px}.grid{display:grid}.sq{background:var(--sq);border:1px solid #1a2a1e;border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0;-webkit-user-select:none;user-select:none;line-height:1}.sq.seen{background:var(--sq-seen);border:1px solid #4a6a52}.sq.near{background:var(--sq-seen);border:1px dashed #4a6a52;opacity:.8;cursor:pointer}.sq.far{background:var(--sq-fog);border:1px dashed #3a5240;opacity:.7}.sq .far{opacity:.55;filter:saturate(.6)}.sq.far:after,.sq.near:after{content:none}.sq.here{background:var(--sq-here);border:2px solid var(--gold);cursor:pointer}.sq.seen.near{opacity:1;border-style:solid}.sq.near:not(.seen) .far{opacity:.55;filter:saturate(.6)}.sq.near:not(.seen){border-style:dashed}.sq.fog{background:var(--sq-fog);border-style:dashed;border-color:#243226;opacity:.6}.sq.fog:after{content:"?";color:#3b4f3e;font-size:.7em}.sq.here:after,.sq.seen:after,.sq.near:after{content:none}.sq.pond{background:var(--sq-pond)}.sq .x{position:absolute;right:1px;bottom:0;font-size:.45em;color:var(--dim)}.legend .dgl i{display:inline-block;width:11px;height:11px;border-radius:2px;border:2px dashed currentColor;margin:0 2px 0 4px;background:transparent;box-sizing:border-box}.sq .corpse{position:absolute;left:1px;top:0;font-size:.5em;filter:drop-shadow(0 0 1px #000)}.sq .figs{display:inline-flex;align-items:center;justify-content:center;position:relative;line-height:1}.sq .figs em{font-style:normal;display:inline-block}.sq .figs.two em{font-size:.72em;margin:0 -1px}.sq .figs em.me{border-radius:50%;box-shadow:0 0 0 2px var(--gold)}.sq .figs .more{position:absolute;right:-9px;top:-7px;font-size:.38em;background:var(--gold);color:#000;border-radius:8px;padding:0 3px;line-height:1.4}.sq .figs .init{position:absolute;left:50%;transform:translate(-50%);top:100%;font-size:.3em;color:var(--ink);white-space:nowrap;letter-spacing:.05em}.sq.here .figs .init{color:var(--gold)}.sq .lbl{position:absolute;left:0;right:0;bottom:-1px;font-size:.32em;color:var(--ink);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sq.r{border-radius:1px;border-width:0}.sq.r.forest{background:#2f5a35}.sq.r.water{background:#2a5a8a}.sq.r.un{background:#1a221c;opacity:.6}.sq.r.here{background:var(--gold);color:#000}.sq.r.near{opacity:.9;border:1px dashed #4a6a52}.job.travel{border-color:var(--gold)}.homebar .btn.dump{min-width:0;font-size:12px}.home{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;width:100%;overflow:auto}.hometop{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--dim);flex:none}.hometop .hp b{color:var(--ink)}.homering{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:5px;align-content:start}.homering .centre{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;padding:6px 0 2px;color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.homering .centre em{font-style:normal;font-size:44px;line-height:1}.homering .centre{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px}.homering .centre small{font-size:10px;color:var(--dim);letter-spacing:0;text-transform:none;margin-top:2px}.homering .centre:active{background:var(--deep)}.homering .station.next{opacity:.6;cursor:pointer;filter:grayscale(.5);border-style:dashed}.homering .station.tobuild{opacity:.55;cursor:pointer;filter:grayscale(.4);border-style:dashed}.homering .station.tobuild small{color:var(--gold)}.homebuild{border:1px solid var(--gold);border-radius:8px;padding:6px 8px;font-size:12px;color:var(--dim);flex:none}.homebuild .t b{color:var(--ink)}.homebuild .pb{height:6px;background:#0008;border-radius:3px;overflow:hidden;margin:4px 0}.homebuild .pb b{display:block;height:100%;background:var(--gold)}.homering .station.next small{color:var(--dim);white-space:normal}.homering .station{background:var(--deep);border:1px solid var(--line);border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:60px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center}.homering .station em{font-style:normal;font-size:20px;line-height:1}.homering .station span{font-size:11px;color:var(--ink);line-height:1.1}.homering .station small{font-size:9px;color:var(--gold)}.homering .station.locked{opacity:.38;cursor:default;filter:grayscale(.8)}.homering .station.locked small,.homering .station.soon small{color:var(--dim)}.homering .station:not(.locked):active{border-color:var(--gold)}.homenext{font-size:12px;color:var(--dim);flex:none}.homenext .t b{color:var(--ink)}.homenext .needs{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:2px}.homenext .needs .ok{color:var(--green)}.homenext .needs .short{color:var(--red)}.homebar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex:none;margin-top:auto}.homebar .btn{min-width:90px}.quad .homepanel{display:flex;flex-direction:column}.quad .homepanel .home{font-size:11px}.quad .homepanel .homering{grid-template-columns:repeat(3,1fr);gap:3px}.quad .homepanel .homering .centre em{font-size:28px}.quad .homepanel .station{min-height:44px;padding:3px 2px}.quad .homepanel .station em{font-size:15px}.quad .homepanel .station span{font-size:9px}.quad .homepanel .homenext,.quad .homepanel .hometop{display:none}.quad .homepanel .homebar .btn{min-width:0;padding:4px 10px;min-height:30px;font-size:12px;flex:1}.quad .homepanel .homebar .muted{display:none}.panel h4 .htools .hbtn{white-space:nowrap}.mapbox .home{padding:8px;background:var(--deep);border-radius:10px;border:1px solid var(--line)}.legend{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:center;font-size:10px;color:var(--dim);padding:3px 4px 0;flex:none;line-height:1.2;max-width:100%}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i.sq{width:11px;height:11px;font-size:7px;border-radius:2px;display:inline-flex}.legend i.sq.fog:after{font-size:7px}.legend i.sq b{font-weight:400}.fullmap .legend{position:absolute;left:8px;bottom:6px;padding:0}.fullmap{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center;background:var(--deep);border-radius:10px;border:1px solid var(--line)}.fullmap .stage{flex:none;transform-origin:center center}.zoomtabs,.zoombtns{position:absolute;top:8px;display:flex;gap:4px}.zoomtabs{left:8px}.zoombtns{right:8px}.zoomtabs button,.zoombtns button{font-size:12px;min-width:44px;min-height:36px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;color:var(--dim);background:var(--bg2)}.zoomtabs button.on{color:var(--ink);border-color:var(--gold)}.pop{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));width:min(92vw,420px);background:var(--deep);border:1px solid var(--gold);border-radius:12px;padding:8px;z-index:15;box-shadow:0 8px 24px #000c}.pophead{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:0 4px 6px}.pophead small{color:var(--dim)}.pophead .x{background:none;border:none;color:var(--dim);font-size:16px;min-width:36px;min-height:32px}.popbtns{display:flex;gap:6px}.popbtns button{flex:1;min-height:48px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);font-size:13px;padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.popbtns button small{color:var(--dim);font-size:11px}.popbtns button.go{border-color:var(--gold)}.popbtns button:disabled{opacity:.4}.looktext{margin:0;padding:4px 6px;font-size:13px;color:var(--ink)}.popnote{margin:6px 4px 0;font-size:12px;color:var(--dim);text-align:center}.popnote.lock{color:var(--red)}.dollwrap{display:flex;flex-direction:column;gap:8px}.doll{position:relative;height:304px;margin:2px auto 0;width:100%;max-width:360px}.doll>svg{position:absolute;left:50%;top:20px;transform:translate(-50%);height:266px;width:auto}.slot{position:absolute;width:74px;min-height:52px;border:1px dashed var(--line);border-radius:8px;background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--dim);line-height:1.1;padding:3px;text-align:center}.slot em{font-style:normal;font-size:20px;line-height:1.1}.slot small{font-size:9px;color:var(--dim)}.slot.has{border-style:solid;border-color:var(--gold);color:var(--ink)}.slot.on{background:var(--panel);box-shadow:0 0 0 2px var(--gold)}.slot.later{opacity:.55}.inv{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.inv .cell{aspect-ratio:1;min-height:44px;background:var(--deep);border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;cursor:pointer}.inv .cell small{position:absolute;right:3px;bottom:1px;font-size:10px;color:var(--dim)}.inv .cell.empty{opacity:.4;cursor:default}.inv .cell.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.inv .cell.crude{filter:saturate(.5);border-style:dashed}.inv .cell.fine{border-color:var(--gold)}.inv .cell i{position:absolute;left:3px;top:0;font-size:12px;color:var(--green);font-style:normal}.seldetail{font-size:12px;margin-top:6px;min-height:18px}.skills .row{padding:5px 0;border-bottom:1px solid var(--line)}.skills .row .pb{flex-basis:100%;margin-top:2px}.skills .row .pb b{background:var(--green)}.is-wide .dollwrap{display:grid;grid-template-columns:320px 1fr;gap:10px;align-items:start}.is-wide .doll{grid-row:1 / 3;height:320px}.is-wide .doll>svg{height:286px}.is-wide .inv{grid-template-columns:repeat(8,1fr)}.is-wide .skills{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.dollhead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;padding:2px 4px}.avpick{display:inline-flex;gap:4px}.avpick button{font-size:12px;min-height:32px;padding:2px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--dim)}.avpick button.on{color:var(--ink);border-color:var(--gold)}.avpick.big{justify-content:center;gap:10px;margin:0 0 10px}.avpick.big button{font-size:15px;min-height:44px;padding:6px 18px}.admin .arow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.admin select{font:inherit;font-size:13px;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--ink);max-width:100%}.admin .btn{padding:8px 10px;min-height:36px;font-size:13px}.admin label{display:inline-flex;align-items:center;gap:4px}code{font-size:12px;background:var(--deep);padding:1px 5px;border-radius:4px}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line);min-height:44px}.list li .e{font-size:22px;width:30px;text-align:center}.list li .t{flex:1;font-size:14px}.list li .t small{display:block;color:var(--dim);font-size:12px}.list li button{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;min-height:36px}.list li button:disabled{opacity:.4}.list li.recipe .e,.list li.recipe .t{cursor:pointer}.list li.recipe.dim .t,.list li.recipe.dim .e{opacity:.55}.list li.recipe.on{background:var(--deep);border-radius:8px}.list li.recipe .detail{margin-top:6px;font-size:13px;color:var(--ink);border:1px solid var(--gold);border-radius:8px;padding:8px 10px;opacity:1}.list li.recipe .detail .fact{color:var(--dim)}.list li.recipe .needs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.list li.recipe .needs span{font-size:12px;padding:2px 7px;border-radius:6px;border:1px solid var(--line)}.list li.recipe .needs .ok{border-color:var(--green);color:var(--green)}.list li.recipe .needs .short{border-color:var(--red);color:var(--red)}.panel p{margin:0 0 6px}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:20}.sheet{width:100%;max-width:720px;margin:0 auto;background:var(--bg2);border-top:1px solid var(--gold);border-radius:16px 16px 0 0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));max-height:80vh;overflow-y:auto}.sheet h3{margin:0 0 8px;font-weight:400;color:var(--gold);font-size:17px}.sheet p{margin:0 0 10px;color:var(--dim);font-size:14px}.title{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;overflow:auto}.title pre{font:11px/1.15 ui-monospace,Menlo,Consolas,monospace;color:var(--green);margin:0 0 16px}.title h1{font-weight:400;letter-spacing:.3em;color:var(--gold);margin:0 0 6px}.title p{color:var(--dim);max-width:420px}.title .btn{margin-top:14px;min-width:220px;text-align:center}.story{max-width:520px;margin:0 auto}.story p{margin:0 0 14px}.story .note{background:#2a2410;border:1px solid #5a4a1a;border-radius:10px;padding:12px 14px;font-style:italic}input,textarea{font:inherit;width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);margin-bottom:10px}textarea{resize:vertical;min-height:80px}.row2 input{flex:1;min-width:0}.row2 .btn.gold{flex:none}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:90px;background:#000d;color:var(--ink);padding:8px 14px;border-radius:10px;font-size:14px;z-index:30;pointer-events:none;max-width:90vw}.iteminfo{flex:none}.iteminfo p{margin:2px 0 4px}.iteminfo .row{font-size:13px;padding:2px 0}.panel.result h4 span{font-size:18px}.panel.result.won h4 span{color:var(--gold)}.panel.result.lost h4 span{color:var(--red)}.panel.result .log div{padding:2px 0}.banner{position:fixed;left:50%;top:22%;transform:translate(-50%);z-index:50;min-width:min(86vw,420px);max-width:92vw;padding:18px 22px;border-radius:14px;text-align:center;background:#000c;border:2px solid var(--gold);box-shadow:0 10px 40px #000a;display:flex;flex-direction:column;gap:6px;cursor:pointer;animation:bannerIn .35s ease-out,bannerOut .6s ease-in 3.9s forwards}.banner b{font-size:34px;letter-spacing:.04em;line-height:1.1;color:var(--gold)}.banner span{font-size:14px;color:var(--ink)}.banner.lost{border-color:var(--red)}.banner.lost b{color:var(--red)}.banner.fled{border-color:var(--blue)}.banner.fled b{color:var(--blue)}.banner.level{border-color:var(--green)}.banner.level b{color:var(--green);font-size:30px}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes bannerOut{to{opacity:0}}@media(prefers-reduced-motion:reduce){.banner{animation:none}}.makebtns{display:inline-flex;gap:4px;flex:none}.logpanel .body .log{flex:1}.logpanel>.body{flex:1;min-height:0}.banner.joinask{animation:bannerIn .35s ease-out;border-color:var(--red);cursor:default}.banner.joinask b{color:var(--red);font-size:26px}.banner.joinask .joinbtns{display:flex;gap:8px;justify-content:center;margin-top:6px}.banner.joinask .btn{min-width:120px}.log .mate{color:var(--blue)}.facepick{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:4px 0 8px}.facepick button{font-size:20px;line-height:1;padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}.facepick button.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.dollhead .myface{font-size:22px;vertical-align:middle}.dollhead .gear{margin-left:8px}.lookedit{border:1px solid var(--line);border-radius:10px;padding:6px;margin:4px 0 8px;background:var(--panel)}.lookedit .avpick{display:flex;gap:6px;justify-content:center;margin-bottom:4px}.quad .panel .body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.homebar{flex-wrap:wrap;justify-content:flex-start}.homebar .btn{flex:1 1 auto;text-align:center}.homebar .btn.act{min-width:64px}.quad .homepanel .homebar{gap:4px}.quad .homepanel .homebar .btn{padding:3px 6px;min-height:28px;font-size:11px;flex:1 1 auto}.newver{position:fixed;top:6px;left:50%;transform:translate(-50%);z-index:200;font:inherit;font-size:13px;padding:8px 14px;border-radius:8px;border:1px solid var(--gold);background:var(--gold);color:var(--deep);font-weight:600;box-shadow:0 2px 10px #00000080;white-space:nowrap}.ambushed{background:#4a1c1c;border:1px solid #c0503c;color:#ffd9cf;border-radius:6px;padding:5px 8px;margin:2px 0 6px;font-size:13px;font-weight:600}.banner.help{border-color:#c0503c}.grouphead{font-size:11px;font-weight:600;color:var(--gold);padding:6px 2px 2px;border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none}.grouphead small{color:var(--dim);font-weight:400;margin-left:4px}.nearstrip{flex:none;min-height:0;padding:5px 9px;font-size:12px;display:flex;flex-direction:row;align-items:baseline;gap:6px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nearstrip .lbl{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.nearstrip .linkbtn{font:inherit;background:none;border:0;padding:0;color:var(--ink);text-decoration:underline dotted;cursor:pointer}.quad.inhome{grid-template-rows:auto 1fr;grid-template-areas:"strip inv" "home inv"}.quad.inhome>.nearstrip{grid-area:strip}.quad.inhome>.invpanel{grid-area:inv}.quad.inhome>.homepanel{grid-area:home}.wide .col>.nearstrip{flex:none}.logstrip{flex:none;flex-direction:row;align-items:flex-start;gap:8px;margin:0 6px 6px;padding:5px 9px;cursor:pointer}.wide~.logstrip{margin:0 8px 8px}.logstrip .lbl{flex:none;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);padding-top:2px}.logstrip .striplines{flex:1;min-width:0;font-size:12px;line-height:1.35;max-height:calc(3 * 1.35em);overflow:hidden}.logstrip .striplines>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logstrip .striplines .mate{color:#8fb8ff}.logstrip .tapme{flex:none;color:var(--dim)}.logstrip:active{border-color:var(--gold)}.quad:not(.inhome){grid-template-rows:1fr 1fr}.quad:not(.inhome)>:nth-child(2){grid-row:span 2}.panel.draft{gap:8px}.draftturn{font-size:16px;padding:6px 8px;border-radius:8px;background:var(--deep);border:1px solid var(--line)}.draftturn.mine{border-color:var(--gold);color:var(--gold)}.draftturn b{margin-left:6px;font-variant-numeric:tabular-nums}.draftorder{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.draftorder span{padding:2px 8px;border-radius:10px;border:1px solid var(--line)}.draftorder span.on{border-color:var(--gold);color:var(--gold)}.draftorder small{color:var(--dim)}.draftpile{display:flex;flex-wrap:wrap;gap:6px}.draftpile button{font:inherit;font-size:14px;padding:8px 12px;border-radius:8px;border:1px solid var(--gold);background:var(--panel);color:var(--ink);min-height:40px}.draftpile button:disabled{opacity:.45;border-color:var(--line)}.chatpops{position:absolute;left:8px;right:8px;bottom:8px;z-index:40;display:flex;flex-direction:column;gap:6px;pointer-events:none}.chatpop{max-width:min(78%,420px);border-radius:18px;padding:7px 12px;font-size:15px;line-height:1.3;box-shadow:0 2px 10px #00000073;overflow-wrap:anywhere;display:flex;flex-direction:column;animation:chatfade 4s forwards}.chatpop.mine{align-self:flex-end;background:#2f7cf6;color:#fff;border-bottom-right-radius:5px}.chatpop.theirs{align-self:flex-start;background:#3a3f47;color:#f1f3f5;border-bottom-left-radius:5px}.chatpop.theirs b{font-size:11px;font-weight:600;color:#a6e3b4;margin-bottom:1px}.chatpop.loc{outline:1px dashed rgba(255,255,255,.35);outline-offset:-3px}@keyframes chatfade{0%{opacity:0;transform:translateY(8px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.deathscreen{gap:6px}.deathscreen h4 span{font-size:22px;letter-spacing:.06em;color:#ff8a7a}.deathscreen .cause{font-size:18px;color:var(--ink);margin:4px 0}.deathscreen p{margin:2px 0}.fcard .fshoot{margin-top:4px}.armorline{margin:2px 0 6px}.chatbar{flex:none;flex-direction:row;align-items:center;gap:6px;margin:0 6px 6px;padding:4px 6px}.is-wide .chatbar{margin:0 8px 8px}.chatbar input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ink);font-size:16px;padding:4px}.chatbar input::placeholder{color:var(--dim)}.chatbar:focus-within{border-color:var(--gold)}.chatbar .logbtn{flex:none;font-size:16px;padding:2px 8px}.ico{width:1.3em;height:1.3em;vertical-align:-.28em;flex:none;display:inline-block}.ico-e{display:inline-block;width:1.3em;text-align:center}em>.ico,.e>.ico{width:1.5em;height:1.5em}.homering em>.ico,.doll em>.ico{width:30px;height:30px}.credits a{color:var(--gold)}.craftfilters{flex:none;display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.craftfilters::-webkit-scrollbar{display:none}.cchip{flex:none;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:22px;background:var(--panel);color:var(--ink);font:inherit;font-size:14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}.cchip.on{border-color:var(--gold);color:var(--gold)}.cchip.canmake input{width:18px;height:18px;margin:0}.sq.homesq{background:#3a2760;box-shadow:inset 0 0 0 2px #a879ff}.sq.homesq.here{background:#4a2f7a}.bagpage .bagquad{flex:none;grid-template-rows:auto auto}.bagpage .bagquad .panel{overflow:visible}.bagpage .bagdoll{padding-bottom:4px}.bagpage{overflow-x:hidden}.bagpage .bagleft,.bagpage .bagright{display:flex;flex-direction:column;gap:6px;min-width:0}.bagpage .iteminfo{min-width:0;overflow-wrap:anywhere}.bagpage .iteminfo .row span{white-space:normal}.is-wide .bagpage{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:start;gap:6px}.list li.crafthead{min-height:0;padding:10px 6px 3px;border-bottom:1px solid var(--line);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:flex;gap:6px;align-items:baseline}.list li.crafthead small{color:var(--dim);font-weight:400;letter-spacing:0}.list li.recipe{padding:4px 6px;min-height:40px;gap:8px}.list li.recipe .e{font-size:18px;width:26px}.list li.recipe .t{font-size:13.5px;line-height:1.25;min-width:0}.list li.recipe:not(.on) .t>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list li.recipe .makebtns button{min-height:34px;padding:4px 9px}.sandboxtag{color:#000;background:#f0b429;border-radius:6px;padding:0 6px;margin-left:6px;font-weight:700;font-size:11px}.screen.boardscreen{padding:0;gap:0;overflow:hidden}.boardmode{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;height:100%}.boardstage{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#05080c}.boardwrap{position:relative;background:#3d6b30;image-rendering:pixelated}.board{position:absolute;background-size:var(--sq) var(--sq);image-rendering:pixelated}.board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:var(--sq) var(--sq)}.btile{position:absolute;cursor:pointer}.btile img,.bobj img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.btile .ico,.bobj .ico{position:absolute;top:12%;right:12%;bottom:12%;left:12%;width:76%;height:76%;pointer-events:none}.btile.water{background:#3f8fd8;box-shadow:inset 0 0 0 1px #ffffff2e}.btile.mud{background:#8a6a45}.bobj{position:absolute;z-index:2;cursor:pointer}.bobj.tent .ico{top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;color:#d9a86a!important;filter:drop-shadow(0 2px 0 #3b2a1a) drop-shadow(0 0 1px #3b2a1a)}.bunit{position:absolute;z-index:3;cursor:pointer;transition:left .12s linear,top .12s linear}.bunit img{position:absolute;left:0;bottom:4%;width:100%;image-rendering:pixelated;pointer-events:none}.bunit.big img{width:180%;left:-40%}.bunit.me{pointer-events:none;z-index:4}.bunit.hid img{opacity:.45;filter:grayscale(1)}.bunit .bname{position:absolute;left:50%;top:-14px;transform:translate(-50%);font-size:10px;color:#fff;text-shadow:0 0 3px #000;white-space:nowrap}.bunit .bhp{position:absolute;left:10%;right:10%;top:-5px;height:4px;background:#400;border-radius:2px}.bunit .bhp s{display:block;height:100%;background:#e5484d;border-radius:2px}.bedge{position:absolute;display:flex;align-items:center;justify-content:center;background:#00000059;color:#ffffff8c;font-size:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.bedge:hover,.bedge:active{background:#e8c07a59;color:#fff}.bedge.n{top:0}.bedge.s{bottom:0}.bedge.w{left:0}.bedge.e{right:0}.bedge.c.nw{left:0;top:0}.bedge.c.ne{right:0;top:0}.bedge.c.sw{left:0;bottom:0}.bedge.c.se{right:0;bottom:0}.boardswitch{position:absolute;top:10px;right:10px;z-index:9;width:46px;height:46px;border-radius:50%;background:#141f2de6;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;cursor:pointer}.boardswitch .ico{width:26px;height:26px}.bactions{display:flex;gap:6px;padding:6px 8px;flex:none}.bactions button{flex:1;background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;min-height:46px;cursor:pointer}.bactions button.on{border-color:var(--gold);color:var(--gold)}.bactions button:disabled{opacity:.45}.bactions .ico{width:22px;height:22px}.boardtoggle{margin-left:8px;font-size:11px;padding:1px 8px}.mapbox .boardtoggle.over{position:absolute;top:8px;right:8px;z-index:5}.mapbox .boardmode{position:relative}.bunit.turn:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--gold);border-radius:50%;animation:bturn 1s ease-in-out infinite alternate;pointer-events:none}@keyframes bturn{0%{opacity:.35}to{opacity:1}}.bunit .bhp.mine s{background:#5fd07a}.bfloat{position:absolute;left:50%;top:-6px;transform:translate(-50%);font:700 14px/1 system-ui;font-style:normal;color:#ff5a4f;text-shadow:0 0 3px #000,0 0 2px #000;pointer-events:none;animation:bfloat 1.3s ease-out forwards;z-index:6;white-space:nowrap}.bfloat.hurt{color:#ffb347}.bfloat.miss{color:#e6e6e6;font-size:12px}@keyframes bfloat{0%{opacity:0;transform:translate(-50%,4px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)}}.bfight{position:absolute;top:8px;left:8px;right:64px;z-index:8;background:#141f2deb;border:1px solid #6b2a2a;border-radius:10px;padding:6px 10px;font-size:13px;color:#f1dada}.bfight.mine{border-color:var(--gold);color:var(--gold)}.bfight small{display:block;color:#b9c2cf;font-size:11px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mswitch{display:inline-flex;align-items:center;gap:6px;margin-left:8px;cursor:pointer;font-size:11px;color:var(--dim);text-transform:none;letter-spacing:0;-webkit-user-select:none;user-select:none}.mswitch input{display:none}.mswitch .knob{width:34px;height:18px;border-radius:9px;background:#2c3b52;position:relative;transition:background .15s;flex:none}.mswitch .knob:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#9aa7b8;transition:left .15s,background .15s}.mswitch.on .knob{background:#6b5521}.mswitch.on .knob:after{left:18px;background:var(--gold)}.mswitch.on b{color:var(--gold)}.mswitch b{font-weight:600}.mapbox .boardtoggle.over{background:#141f2de6;border:1px solid var(--line);border-radius:10px;padding:4px 8px}.bedge{border:1px solid rgba(0,0,0,.25);box-sizing:border-box}.bcompass{position:absolute;z-index:7;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 10px/1 system-ui;pointer-events:auto;box-shadow:0 0 0 2px #000}.bcompass.mate{background:#e8c07a;color:#1a1406}.bcompass.home{background:#4a2f7a;box-shadow:0 0 0 2px #a879ff}.bcompass.home .ico{width:13px;height:13px;color:#fff!important}.fcard .fdist{font-size:11px;color:var(--dim);margin:-2px 0 2px}.gatherprompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;width:min(92%,380px);background:#141f2df7;border:1px solid var(--gold);border-radius:14px;padding:12px;box-shadow:0 10px 30px #0009}.fightpanel .gatherprompt{position:static;transform:none;width:auto;margin:6px 0}.gp-title{color:var(--gold);font-weight:700;font-size:15px}.gp-sub{color:#b9c2cf;font-size:12px;margin:3px 0 10px}.gp-btns{display:flex;gap:8px}.gp-btns button{flex:1;min-height:54px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:600 14px system-ui;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.gp-btns button small{font-weight:400;font-size:11px;color:var(--dim)}.gp-btns .begin{border-color:var(--gold);color:var(--gold)}.gp-btns .sos{border-color:#4caf7a}.gp-btns .run{border-color:#a04040}.gp-btns button:disabled{opacity:.5}.bobj.station{background:#141f2d59;border-radius:6px}.bobj.station.unbuilt{opacity:.45;outline:1px dashed #e8c07a;outline-offset:-2px}.bunit .bhp.feet{top:auto;bottom:-3px;height:5px;left:6%;right:6%;border-radius:3px;box-shadow:0 0 0 1px #000;z-index:1}.bunit .bhp.feet.foe s{background:#e5484d}.bunit .bhp.feet.mine s{background:#5fd07a}.bunit .bhp.feet.mate s{background:#4aa3ff}.bunit img{z-index:2}.grouphead.homehead{margin-top:8px;color:var(--gold);display:flex;align-items:center;gap:6px}.grouphead.homehead .hbtn{margin-left:auto}.screen.boardscreen,.mapbox{position:relative}.bpopup{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:15;width:min(94%,460px);max-height:80%;overflow:auto;box-shadow:0 12px 34px #000000a6;border-radius:12px}.bpopup>.panel{margin:0}.dollwrap .dcol{min-width:0}.is-wide .dollwrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:12px;align-items:start}.is-wide .dollwrap .skillscol{grid-column:1 / -1}.is-wide .dollwrap .skillscol .skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));column-gap:14px}@media(min-width:1180px){.is-wide .dollwrap{grid-template-columns:340px minmax(220px,1fr) minmax(360px,1.6fr)}.is-wide .dollwrap .skillscol{grid-column:auto}.is-wide .dollwrap .skillscol .skills{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1500px){.is-wide .dollwrap .skillscol .skills{grid-template-columns:repeat(4,minmax(0,1fr))}}.is-wide .dollwrap .dcol .strip{flex-direction:column}.slot{overflow:hidden;padding:3px 2px;gap:1px}.slot .sname{display:block;width:100%;font-size:10px;line-height:1.15;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.slot small{display:block;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dollwrap .dcol .row.dim span{white-space:normal}.awayscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#05080cd1;display:flex;align-items:center;justify-content:center;cursor:pointer}.aw-card{width:min(90%,380px);background:var(--panel);border:1px solid var(--gold);border-radius:14px;padding:16px;text-align:center}.aw-title{color:var(--gold);font-weight:700;font-size:18px;margin-bottom:6px}.job .awaybtn{margin-right:6px}.jobqueue{font-size:11px;color:var(--dim);padding:2px 8px 4px;display:flex;align-items:center;gap:6px}.jobqueue button{font-size:11px;padding:0 6px;background:none;border:1px solid var(--line);color:var(--dim);border-radius:6px}img.person{height:1.6em;width:auto;image-rendering:pixelated;vertical-align:-.45em}.facepick img.person{height:34px}.myface img.person{height:36px}.sq .figs img.person{height:1.15em}.facepick.setup{justify-content:center;margin:8px 0}.facepick.setup button{display:flex;flex-direction:column;align-items:center;padding:6px 10px}.facepick.setup img.person{height:44px}.banner.ambush{border-color:var(--red);background:#3c0a0af0;animation:ambushShake .45s ease-in-out 1}.banner.ambush b{color:var(--red)}@keyframes ambushShake{0%,to{transform:translate(-50%)}20%{transform:translate(calc(-50% - 10px))}40%{transform:translate(calc(-50% + 10px))}60%{transform:translate(calc(-50% - 6px))}80%{transform:translate(calc(-50% + 6px))}}.bar button.pulse,button.pulse{animation:helpPulse 1s ease-in-out infinite;border-color:var(--red)}@keyframes helpPulse{0%,to{box-shadow:0 0 #dc463cb3}50%{box-shadow:0 0 0 6px #dc463c00}}.panel.result{position:relative}.panel.result .xclose{position:absolute;top:6px;right:6px;background:none;border:1px solid var(--line);color:var(--dim);border-radius:6px;padding:0 7px;font-size:14px;line-height:22px;cursor:pointer}.craftfold{display:flex;gap:8px;margin:8px 0 4px}.crafthead.fold{cursor:pointer;-webkit-user-select:none;user-select:none}.crafthead .caret{display:inline-block;width:1.1em;color:var(--gold)}.cell{position:relative}.cell .lockmark{position:absolute;top:1px;left:2px;font-size:10px;line-height:1}.btile.wall{background:#23262c;box-shadow:inset 0 0 0 1px #16181c}.btile.floor{background:#7a6a55;box-shadow:inset 0 0 0 1px #00000026}.bobj.arenadoor{background:#5b5f66;border:2px solid #2b2f36;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.bobj.arenadoor .ico,.bobj.arenadoor svg{width:70%;height:70%;color:#e9e3d0}.bobj.arenasign{display:flex;align-items:center;justify-content:center;cursor:pointer;background:#6b4a2b;border-radius:4px}.bcompass.arena{background:#8b1e1e;color:#fff}.arcade{background:#000;border:3px solid #1f3cff;border-radius:10px;padding:14px 12px;text-align:center;font-family:"Press Start 2P",ui-monospace,Courier New,monospace;color:#fff}.arcade .arc-title{color:#ff2a2a;font-size:18px;letter-spacing:.12em;text-shadow:0 0 6px #ff2a2a;margin-bottom:4px}.arcade .arc-sub{color:#3cf;font-size:9px;margin-bottom:12px;letter-spacing:.08em}.arcade ol{list-style:none;margin:0 auto;padding:0;max-width:320px}.arcade li{display:grid;grid-template-columns:3.2em 1fr auto;gap:8px;font-size:11px;line-height:2;text-align:left}.arcade li em{font-style:normal;color:#ffe600}.arcade li.r0{color:#ffe600}.arcade li.r1{color:#ff9be6}.arcade li.r2{color:#3cf}.arcade li.r3{color:#fff}.arcade .arc-empty{color:#ffe600;font-size:11px;line-height:2;margin:18px 0}.arcade .arc-foot{color:#9f9;font-size:8px;margin:12px 0 10px}.bobj.bones{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#efe6d2}.bobj.bones svg,.bobj.bones .ico{width:60%;height:60%}.bobj.bones.theirs{opacity:.6}.bobj.bones .bqty{position:absolute;right:1px;bottom:0;font-size:9px;color:#fff;text-shadow:0 0 2px #000}.banner.joinask{z-index:55}.bobj.trap{display:flex;align-items:center;justify-content:center;cursor:pointer;color:#d9c08a}.bobj.trap svg,.bobj.trap .ico{width:62%;height:62%}.bobj.trap.mine{filter:drop-shadow(0 0 2px #ffd36a)}.awayscreen.arenaintro,.awayscreen.reward{cursor:default;z-index:65}.awayscreen.arenaintro .aw-card{background:#0b0b0d;border-color:#6a1b1b;text-align:left}.awayscreen.arenaintro p{margin:8px 0;color:#d8d2c4}.awayscreen.arenaintro p:nth-child(3){color:#e05a4a;font-weight:700}.awayscreen.arenaintro .btn{margin-top:10px;width:100%}.rewardskills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;max-height:55vh;overflow:auto}.rewardskills .btn{display:flex;justify-content:space-between;padding:8px 10px}.bunit.me.tappable{pointer-events:auto}.awayscreen.onetab{cursor:default;z-index:70}.awayscreen.onetab .btn{width:100%}.btile.pillar{background:#4a4f57;box-shadow:inset 0 0 0 3px #2d3138,0 2px #1a1c20;border-radius:40%}.btile.chestt img,.btile.altart .ico,.btile.doorway .ico,.btile.secretopen .ico{position:absolute;top:10%;right:10%;bottom:10%;left:10%;width:80%;height:80%;pointer-events:none}.btile.chestt.opened img{filter:grayscale(1) brightness(.6)}.btile.altart .ico{color:#b9c2d0;filter:drop-shadow(0 1px 0 #000)}.btile.doorway{background:#4a3520;box-shadow:inset 0 0 0 2px #8a6a3a}.btile.doorway .ico{color:#c08a4a;filter:drop-shadow(0 1px 0 #000)}.btile.doorway.back .ico{opacity:.55}.btile.doorway .dback{position:absolute;left:2px;bottom:0;font-size:60%;color:#e8c58a;line-height:1}.btile.secretopen .ico{color:#c9a46a;opacity:.8}.bunit.foe.chief img{transform:scale(1.45);transform-origin:50% 85%;filter:sepia(.6) saturate(2.2) hue-rotate(-12deg) brightness(1.08) drop-shadow(0 0 3px #f2c14e)}.bunit.foe.chief .crown{position:absolute;left:22%;top:-38%;width:56%;height:auto;pointer-events:none;filter:drop-shadow(0 1px 0 #000)}.bunit.foe.shaman img{filter:hue-rotate(70deg) saturate(1.3) brightness(.95) drop-shadow(0 0 3px #7fdc7a)}.btile.secretopen{background:#3a2a1a}.bobj.warrenmouth{background:#2a2016;border-color:#120e09}.bobj.trap.spotted{color:#ff6a5a}.bobj.portal{display:flex;align-items:center;justify-content:center;font-size:140%;animation:helpPulse 1.4s ease-in-out infinite;border-radius:50%;cursor:pointer}.runstats h5{margin:12px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold, #d6b25e)}.runstats table.stats{width:100%;border-collapse:collapse;font-size:12px}.runstats table.stats td,.runstats table.stats th{padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.runstats table.stats td:not(:first-child),.runstats table.stats th:not(:first-child){text-align:right;white-space:nowrap}.runstats .arow select{margin:0 8px}.bodyico{position:relative;display:inline-flex;width:1.25em;height:1.25em;vertical-align:-.25em}.bodyico svg{width:100%;height:100%;filter:drop-shadow(0 1px 1px #000a)}.bodyico b{position:absolute;left:0;right:0;top:34%;text-align:center;font:800 .5em/1 system-ui;color:#1a1d24}.bodyico i{position:absolute;right:-.25em;bottom:-.15em;font-size:.55em;font-style:normal}.bobj.body .bodyico{width:100%;height:100%}.parched{flex:none;background:#5a1414;color:#ffd9d4;border-bottom:1px solid #c0392b;padding:2px 10px;font-size:12px;font-weight:600;text-align:center;cursor:pointer;line-height:1.5}.parched .x{opacity:.7;margin-left:6px}.btile.deep{filter:brightness(.85) saturate(1.2)}.stacklist .stacktools{display:flex;justify-content:flex-end;margin:2px 0 4px}.stacklist .stacktools .linkbtn{font-size:12px}.stacklist.cols2 .stackgroup{break-inside:avoid}@media(min-width:640px){.stacklist.cols2{column-count:2;column-gap:14px}}.topwrap{position:relative;flex:none;z-index:30}.topwrap>.job{position:absolute;left:0;right:0;top:100%;box-shadow:0 6px 14px #0007;opacity:.96}.sq{position:relative}.sq .doormark{position:absolute;left:2px;bottom:1px;font-size:.55em;line-height:1;pointer-events:none;filter:drop-shadow(0 0 2px #000)}.victorycard{display:flex;flex-direction:column;gap:6px;margin-top:4px}.victorycard .vloot{font-size:13px}.victorycard .vdmg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.victorycard .vdmg b{color:var(--gold)}.ctxinfo{font-size:12px;color:var(--dim, #9aa4b2);padding:4px 8px;max-width:320px;line-height:1.35;border-bottom:1px solid rgba(255,255,255,.06)}.ctxinfo+button{margin-top:2px}.homestore .tabs.small{display:flex;gap:6px;margin:2px 0 6px}.homestore .tabs.small button{flex:1;padding:4px 8px;font-size:12px;border-radius:6px;border:1px solid var(--line, #2a3442);background:transparent;color:inherit}.homestore .tabs.small button.on{border-color:var(--gold, #d6b25e);color:var(--gold, #d6b25e)}.sq.pic{background-color:#142018}.sq.pic.far{filter:brightness(.55) saturate(.6)}.sq.pic.near{filter:brightness(.8)}.sq.pic .figs,.sq.pic .corpse,.sq.pic .doormark,.sq.pic .x{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000)}.bobj.body{z-index:5}@media(max-width:560px){.slot{min-height:50px;padding:2px 1px;justify-content:flex-start}.slot em{font-size:16px}.slot .sname{-webkit-line-clamp:1;font-size:9px}.slot small{display:none}}.row.baginto .twobtn{display:flex;gap:4px;margin-left:auto}.row.baginto .twobtn .hbtn{padding:2px 8px;font-size:11px}.cantdo{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:60;background:#1b1410f2;color:#ffe2b8;border:1px solid #c98a3a;border-radius:12px;padding:12px 18px;font-size:16px;font-weight:600;text-align:center;max-width:min(86vw,420px);box-shadow:0 8px 28px #000a;animation:cantdo 2.6s ease forwards;cursor:pointer}@keyframes cantdo{0%{opacity:0;transform:translate(-50%,-46%)}8%{opacity:1;transform:translate(-50%,-50%)}80%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cantdo{animation:none}}.meter.tap{cursor:pointer}.ctxinfo.better{color:#7fdc7a}.ctxinfo.worse{color:#ff8a80}.ctxinfo.mixed{color:var(--gold)}.slot{min-height:56px}.slot>*{flex-shrink:0}.slot em{display:flex;justify-content:center;line-height:1}.doll .slot em>.ico{width:22px;height:22px;vertical-align:top}.slot .sname{font-size:9.5px;line-height:1.1}.title pre.titleart{font-size:clamp(2px,calc((100vw - 56px) / 66),7.5px);line-height:1;letter-spacing:0;margin:0 auto 10px;max-width:100%;overflow:hidden;white-space:pre;text-align:left;color:#ebebd2;background:#05080d;padding:4px;border-radius:6px}.btile.reach:before,.btile.dashreach:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.btile.reach:before{background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff40}.btile.dashreach:before{background:#ffffff0f}.btile.warn:before{background:#e6503c38;box-shadow:inset 0 0 0 1px #e6503c73}.btile.warn:after{content:"⚠";position:absolute;right:1px;top:0;font-size:45%;color:#ffb4a0;pointer-events:none}.bfight .endturn{margin-left:8px;padding:2px 10px;border-radius:8px;border:1px solid var(--gold);background:#2a2116;color:var(--ink);font-size:12px}.bfight .endturn small{color:var(--dim);margin-left:4px}.notices{position:fixed;left:50%;top:38%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none;width:min(88vw,440px)}.notice{pointer-events:auto;cursor:pointer;padding:10px 16px;border-radius:12px;font-size:15px;font-weight:600;text-align:center;box-shadow:0 8px 26px #000a;animation:notice 3.2s ease forwards;max-width:100%}.notice.loss{background:#2a1210f2;color:#ffd3c8;border:1px solid #d0553f}.notice.gain{background:#261d0af2;color:#ffe6a6;border:1px solid #e0b240}.notice.info{background:#0f1c2af2;color:#cfe6ff;border:1px solid #4a8ad0}@keyframes notice{0%{opacity:0;transform:translateY(6px)}8%{opacity:1;transform:none}82%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.notice{animation:none}}button.used{opacity:.5;filter:grayscale(1)}.btile img.chestopen{opacity:.45;filter:grayscale(1) brightness(.8)}.btile img.chestopen.hasloot{opacity:.85;filter:drop-shadow(0 0 4px var(--gold, #e0b84a))}.srcpick{margin:6px 0;display:flex;flex-direction:column;gap:4px}.srcrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:90%}.srcrow .hbtn{opacity:.55}.srcrow .hbtn.on{opacity:1;border-color:var(--gold)}.dmap{background:#000;border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-height:120px}.dmap.big{min-height:60vh;justify-content:center;padding:16px}.dmap .droom{border:1px solid #333;background:#0c0c0c;color:#bbb;border-radius:4px;padding:6px 8px;font-size:90%}.dmap .droom.here{border-color:var(--gold, #e0b84a);color:#eee}.dmap .droom b{display:block;font-weight:400;letter-spacing:.05em}.dmap .dbits{font-size:85%;color:#999}.dmap .ddoor{text-align:center;font-size:80%;opacity:.7;line-height:1}.homehp{position:relative;height:6px;background:#300;border-radius:3px;box-shadow:0 0 0 1px #000;overflow:hidden}.homehp s{display:block;height:100%;border-radius:3px;transition:width .4s}.homehp.ok s{background:#5fd07a}.homehp.warn s{background:#e8c547}.homehp.low s{background:#e5484d}.homehp.hit{animation:homehit .7s}@keyframes homehit{0%,60%{box-shadow:0 0 0 2px #e5484d,0 0 8px #e5484d}to{box-shadow:0 0 0 1px #000}}.homehp b{position:absolute;top:0;right:0;bottom:0;left:0;font-size:9px;line-height:6px;text-align:center;color:#fff;font-weight:400}.bobj.homehpwrap{pointer-events:none;z-index:3}.homepanel .homehp.panelbar,.home .homehp.panelbar{height:12px;margin:4px 0}.homehp.panelbar b{line-height:12px;font-size:10px}.homehp.rowbar{display:inline-block;width:70px;height:6px;margin-left:8px;vertical-align:middle}