:root{--ink:#f3ead7;--ink-dim:#b8b2a4;--title-ink:#ffe29a;--target-ink:#ffd27a;--gold-ink:#f0c050;--edge:#0b0c10;--rule:#e0b04059;--focus:#ffe29a;--danger:#ff8f80;--btn-bg:linear-gradient(#3a404c, #262a33);--btn-bg-hover:linear-gradient(#465060, #2d323d);--btn-bg-on:linear-gradient(#f2c65a, #b98a2c);--btn-ink:#f3ead7;--btn-ink-on:#1b1408;--btn-shadow:inset 0 0 0 1px #0b0c10, inset 0 0 0 2px #c9a24a, inset 0 3px 0 2px #ffffff14;--btn-shadow-on:inset 0 0 0 1px #0b0c10, inset 0 0 0 2px #fff0b0;--slot-bg:radial-gradient(#2e333e, #16181e);--slot-shadow:inset 0 0 0 1px #0b0c10, inset 0 0 0 2px #9c7a2c, inset 0 0 0 3px #0b0c10;--slot-shadow-on:inset 0 0 0 1px #0b0c10, inset 0 0 0 3px #ffd45a, 0 0 0 1px #ffd45a;--kbd-bg:#0b0c10d9;--kbd-ink:#ffe29a;--trough:#0a0b0e;--hp:#d23c32;--mp:#3470d8;--exp:#e0b040;--field-bg:#0f1116;--field-shadow:inset 0 0 0 1px #9c7a2c;--chat-bg:#0c0d12c7;--chat-shadow:0 1px 2px #000;--chip-bg:#ffffff14;--card-bg:#232730;--tier1:#e8e2d0;--tier2:#7fc8ff;--tier3:#ffb347;--medal:61px;--medal-img:url(/ui/medallion.png);--medal-ink:#ffe29a;--medal-shadow:1px 1px 0 #000;--panel-img:url(/ui/frame-panel.png);--panel-slice:9 10 8 10;--panel-w:9px 10px 8px 10px;--win-img:url(/ui/frame-window.png);--win-slice:11 13 11 14;--win-t:11px;--win-r:13px;--win-b:11px;--win-l:14px;--plaque-img:url(/ui/frame-plaque.png);--plaque-slice:10 20 9 20;--plaque-w:10px 20px 9px 20px;--gold:#c9a24a;--panel:#1e2129;--chat-world:#9fd3ff;--chat-tell:#e7b3ff;--chat-party:#9ff0a8;--t-micro:11px;--t-small:12px;--t-body:14px;--t-dlg:16px;--t-title:18px;--slot:48px;--slot-gap:6px;--unit-width:290px;--px:1;font-family:Kanit,system-ui,sans-serif;font-size:var(--t-body);color:var(--ink)}@media (min-height:700px) and (min-width:1100px){:root{--px:2}}@media (pointer:coarse),(max-height:480px){:root{--slot:44px;--slot-gap:4px;--unit-width:260px}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{overscroll-behavior:none;background:#1b1f16;height:100%;margin:0;overflow:hidden}#game,#game canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#bubbles{pointer-events:none;position:fixed;inset:0;overflow:hidden}.over{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.over:has(>.bubble:not([hidden])){z-index:1}.bubble{color:#222;line-break:auto;background:#fffaf0;border-radius:8px;max-width:200px;padding:4px 8px;font-size:14px;line-height:1.3}.plate{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000,0 0 2px #000;flex-direction:column;align-items:center;gap:1px;font-size:12px;line-height:1.2;display:flex}.plate .hint{color:#ffe9a8;background:#000000a6;border-radius:3px;margin-top:1px;padding:0 5px;font-size:12px}.plate .hp{background:#000;border-radius:1px;width:32px;height:4px}.plate .hp>div{background:#e0453a;height:100%}.bubble.chant{color:#ffe9a8;background:#2b1f4a;font-style:italic}#ui{pointer-events:none;position:fixed;inset:0}#ui button,#ui input,#ui a,#ui form,#chat-log,.screen{pointer-events:auto}.screen{image-rendering:pixelated;text-align:center;z-index:1;background:linear-gradient(#0c0a1240,#0c0a1299),#1b1f16 url(/branding/keyart.png) 50%/cover no-repeat;place-content:center;gap:16px;padding:24px;display:grid;position:absolute;inset:0}.screen h2,#screen-loading p{text-shadow:0 2px 4px #000}#create-form,#inapp-warning{background:var(--panel);border-radius:8px;padding:16px}#create-form fieldset{flex-wrap:wrap;justify-content:center;gap:0 8px;display:flex}#create-form fieldset label{cursor:pointer;align-items:center;gap:6px;min-height:48px;padding:0 8px;display:inline-flex}#screen-create{overflow-y:auto}#create-error{margin:4px 0}@media (max-height:480px){#screen-create{place-content:start center;gap:8px;padding:8px 24px}#screen-create h2{margin:0}#create-form{padding:8px 16px}#create-form fieldset{margin-block:4px;padding-block:0 4px}}.logo{margin:0;line-height:0}.logo img{image-rendering:pixelated;width:396px;height:364px}#load-progress{appearance:none;border:2px solid var(--gold);width:100%;height:12px;color:var(--gold);background:#000}#load-progress::-webkit-progress-bar{background:#000}#load-progress::-webkit-progress-value{background:var(--gold)}#load-progress::-moz-progress-bar{background:var(--gold)}#load-progress:indeterminate{background:linear-gradient(var(--gold), var(--gold)) 0 0 / 25% 100% no-repeat #000;animation:1.2s steps(20,end) infinite load-sweep}#load-progress:indeterminate::-webkit-progress-bar{display:none}#load-progress:indeterminate::-webkit-progress-value{display:none}#load-progress:indeterminate::-moz-progress-bar{background:0 0}@keyframes load-sweep{0%{background-position-x:-34%}to{background-position-x:134%}}@media (prefers-reduced-motion:reduce){#load-progress:indeterminate{animation-duration:6s}}.btn{background:var(--btn-bg);min-width:44px;min-height:44px;color:var(--btn-ink);box-shadow:var(--btn-shadow);font:inherit;font-size:var(--t-body);clip-path:polygon(2px 0,calc(100% - 2px) 0,100% 2px,100% calc(100% - 2px),calc(100% - 2px) 100%,2px 100%,0 calc(100% - 2px),0 2px);border:0;border-radius:0;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-bg-hover)}.btn:active:not(:disabled),.btn.armed,.btn[aria-pressed=true]{background:var(--btn-bg-on);color:var(--btn-ink-on);box-shadow:var(--btn-shadow-on)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.btn:disabled{opacity:.45}kbd{font:inherit;font-size:var(--t-micro);background:var(--kbd-bg);color:var(--kbd-ink);border:1px solid;border-radius:0;padding:0 4px}.btn kbd{margin-left:6px}@media (hover:none){.btn kbd{display:none}}.ui-icon{width:32px;height:32px;image-rendering:pixelated;flex:none}.bars,#target,#tracker,.hud-panel,#toast,#conn,#minimap-btn{border-style:solid;border-width:var(--panel-w);border-image:var(--panel-img) var(--panel-slice) fill stretch;image-rendering:pixelated;color:var(--ink);background:0 0;border-radius:0}.dlg,#keys-help{max-width:min(720px,94vw);max-height:92vh;border-style:solid;border-width:calc(var(--px) * var(--win-t)) calc(var(--px) * var(--win-r)) calc(var(--px) * var(--win-b)) calc(var(--px) * var(--win-l));border-image:var(--win-img) var(--win-slice) fill stretch;max-height:92dvh;image-rendering:pixelated;color:var(--ink);font-size:var(--t-dlg);background:0 0;border-radius:0;padding:4px 10px;overflow:auto}.dlg::backdrop{background:#00000080}#keys-help::backdrop{background:#00000080}.dlg[open]{flex-direction:column;display:flex}.dlg:focus:not(:focus-visible){outline:none}#dummy-dialog{width:min(720px,94vw)}.dlg h2,#keys-help h2{border-style:solid;border-width:var(--plaque-w);border-image:var(--plaque-img) var(--plaque-slice) fill stretch;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--title-ink);font-size:var(--t-title);text-align:center;image-rendering:pixelated;flex:none;align-self:center;margin:0 auto 8px;padding:2px 28px;font-weight:600}#keys-help{width:min(560px,94vw)}#keys-help .dlg-body{display:block}#keys-help dl{font-size:var(--t-dlg);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 16px;margin:0;display:grid}#keys-help dt{color:var(--title-ink)}#keys-help dd{margin:0}#keys-help form{text-align:right}#chat-input,.dlg input,#create-form input:not([type=radio]){min-width:0;min-height:44px;font:inherit;background:var(--field-bg);color:var(--ink);box-shadow:var(--field-shadow);border:0;border-radius:0;padding:0 8px}input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}input::placeholder{color:var(--ink-dim);opacity:1}@media (max-height:480px){.dlg h2,#keys-help h2{border-width:var(--plaque-w);margin-bottom:4px;padding:0 12px;font-size:15px}}.dlg-body{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:4px 16px;min-height:0;display:grid;overflow:auto}.row{align-items:center;gap:8px;display:flex}.row>:first-child{flex:1}.dlg-body .row{border-bottom:1px solid var(--rule);padding:2px 0}.row>span{min-width:0}.item-row>.item-icon{background:var(--slot-bg);width:40px;height:40px;box-shadow:var(--slot-shadow);flex:none;place-items:center;display:grid}.item-row>.item-icon:empty{display:none}.item-row>.item-icon+span{flex:1}.row>.btn{flex-shrink:0}.row .value{text-align:center;min-width:7em}.summary{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.money{color:var(--gold-ink);grid-column:1/-1;margin:4px 0 0;font-weight:600}.dlg-tabs{background:var(--edge);box-shadow:var(--slot-shadow);flex:none;align-self:center;gap:1px;margin-bottom:8px;padding:2px;display:flex}.bar.weight>div{background:var(--exp)}.dlg-body h3{grid-column:1/-1;margin:8px 0 0;font-size:15px}.gear-row{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.icon{border:1px solid;border-radius:4px;padding:1px 4px}.icon:before{margin-right:2px}.icon[data-slot=weapon]:before{content:"⚔"}.icon[data-slot=shield]:before{content:"⛨"}.icon[data-slot=body]:before{content:"▣"}.icon[data-slot=head]:before{content:"◠"}.icon[data-slot=feet]:before{content:"▂"}.icon.tier-0{color:var(--ink-dim)}.icon.tier-1{color:var(--tier1)}.icon.tier-2{color:var(--tier2)}.icon.tier-3{color:var(--tier3)}.dlg-status{min-height:1.4em;color:var(--danger);flex:none;margin:8px 0 0}.dlg-actions{border-top:1px solid var(--rule);flex:none;justify-content:flex-end;gap:8px;margin-top:8px;padding-top:6px;display:flex}#logout-btn{margin-right:auto}.buffs{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.buffs:empty{display:none}.buffs .chip{background:var(--chip-bg);font-size:var(--t-small);padding:1px 6px}.buffs .chip.danger{color:#ffd9d4;background:#8a1f1f;font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar{background:var(--trough);height:14px;box-shadow:inset 0 0 0 1px var(--edge);margin-bottom:4px;position:relative;overflow:hidden}.bar>div{transform-origin:0;width:100%;height:100%;transform:scaleX(0);box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff47}.bar.hp>div{background:var(--hp)}.bar.mp>div{background:var(--mp)}.bar.exp>div{background:var(--exp)}.bar span{font-size:var(--t-small);text-align:center;color:#fff;text-shadow:1px 1px #000,-1px 0 #000;font-weight:600;line-height:14px;position:absolute;inset:0}.br-row{align-items:flex-end;gap:var(--slot-gap);display:flex}#interact-btn{height:var(--slot);padding:0 8px}#interact-btn.offscreen:not(:focus){clip-path:inset(50%);border:0;width:1px;min-width:0;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}#potions{gap:var(--slot-gap);display:flex}#skills{justify-content:flex-end;gap:var(--slot-gap);flex-wrap:wrap;max-width:100%;display:flex}#skills .btn,#potions .btn{isolation:isolate;width:var(--slot);height:var(--slot);background:var(--slot-bg);box-shadow:var(--slot-shadow);flex:none;padding:0;position:relative}#skills .btn:hover,#potions .btn:hover:not(:disabled){background:var(--btn-bg-hover)}#skills .btn.armed,#skills .btn[aria-pressed=true],#skills .btn:active,#potions .btn:active:not(:disabled){box-shadow:var(--slot-shadow-on)}#skills kbd,#potions kbd,#iconbar kbd{z-index:2;border:0;margin:0;padding:0 2px;line-height:12px;position:absolute;top:2px;left:3px}#potions .count,.self-badge{z-index:2;font-size:var(--t-small);color:var(--kbd-ink);background:var(--kbd-bg);padding:0 2px;font-weight:600;position:absolute;bottom:1px;right:3px}.self-badge{font-size:var(--t-micro)}#skills .cd,#potions .cd{z-index:1;transform-origin:bottom;pointer-events:none;background:#0009;height:100%;position:absolute;inset:0;transform:scaleY(0)}#skills .btn.low-mp{box-shadow:inset 0 0 0 2px var(--mp)}#skills .btn.low-mp:after{content:"";pointer-events:none;background:#2846a073;position:absolute;inset:3px}#skills .btn.low-mp.armed{box-shadow:var(--slot-shadow-on), inset 0 0 0 5px var(--mp)}#skills .btn.locked{filter:grayscale();opacity:.5}.btn.icon-missing .name{font-size:var(--t-micro);padding:9px 2px;line-height:13px}#castbar{top:calc(50% + var(--zoom,1) * 36px);border:1px solid var(--gold);width:96px;margin:0;position:absolute;left:50%;transform:translate(-50%)}#castbar>div{background:var(--exp)}#castbar span{font-size:var(--t-micro);line-height:14px}#tracker li{flex-wrap:wrap;align-items:center;gap:4px 8px;padding:2px 0;display:flex}#tracker li b{width:100%}#tracker li.done{color:var(--ink-dim);text-decoration:line-through}#tracker .btn{font-size:var(--t-small);padding:2px 8px}#talk-dialog .words{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}#trainer-dialog .card{background:var(--card-bg);box-shadow:var(--slot-shadow);margin:8px 0;padding:6px 8px}#trainer-dialog .card h3{margin:0 0 4px;font-size:15px}#trainer-dialog .checks{margin:4px 0;padding-left:1.2em}#trainer-dialog .checks .no{color:var(--danger)}#trainer-dialog .warn{color:var(--danger);font-weight:600}#map-dialog{width:min(calc(480px + var(--px) * (var(--win-l) + var(--win-r)) + 24px), 94vw)}#map-big{aspect-ratio:4/3;width:min(480px,100%)}#map-current,#map-world{display:block}#map-current p,#map-load-status{margin:0 0 6px}#map-load-status:empty{display:none}#map-chain{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}#map-chain li{background:var(--card-bg);min-width:0;box-shadow:var(--slot-shadow);padding:6px}#map-chain .btn{white-space:normal;width:100%}#map-chain p{font-size:var(--t-small);overflow-wrap:anywhere;margin:4px 0 0}#map-chain [aria-current]{color:var(--gold);font-weight:600}#map-details{margin-top:12px}#map-details h3,#map-details p{margin:6px 0}#map-details ul{margin:4px 0;padding-left:1.5em}#trade-ask-time{color:var(--ink-dim);min-width:5ch}#trade-dialog{width:min(720px,94vw)}.trade-cols h3{margin:0 0 4px}.trade-cols .row input[type=number]{width:6ch;min-height:44px}.trade-cols .row.removed>span:not(.item-icon):not(.changed){color:var(--ink-dim);text-decoration:line-through}.trade-cols .changed{background:var(--danger);color:#1b1408;font-size:var(--t-micro);padding:0 6px;font-weight:600}.trade-cols .locked-mark{color:var(--gold-ink);min-height:1.4em;margin:4px 0 0;font-weight:600}#trade-summary{min-height:1.4em;margin:8px 0 0;font-weight:600}#warp-dialog{width:min(720px,94vw)}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}#hud{inset:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 8px) calc(var(--safe-bottom) + 8px) calc(var(--safe-left) + 8px);grid-template-rows:minmax(0,1fr) auto 24px;grid-template-columns:304px minmax(0,1fr);gap:8px;display:grid;position:absolute}#hud-top{grid-area:1/2;grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:start;gap:8px;min-height:0;display:grid}#left-col{flex-direction:column;grid-area:1/1/span 2;gap:4px;min-width:0;min-height:0;max-height:calc(100% - 52px);display:flex}.bars{text-align:left;width:100%;min-width:44px;min-height:44px;font:inherit;cursor:pointer;pointer-events:auto;flex:none;grid-template-columns:48px minmax(0,1fr);gap:2px 6px;margin:0;padding:4px;display:grid}.bars:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}#hud .btn:focus-visible{outline-offset:-3px}.portrait{grid-area:1/1/span 5;align-content:center;justify-items:center;display:grid}.portrait canvas,.portrait img{object-fit:contain;width:48px;height:48px;image-rendering:pixelated}.card-heading{align-items:center;gap:4px;min-width:0;font-weight:600;line-height:22px;display:flex}#player-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#level{color:var(--title-ink);flex:none}#lvl-badge{display:none}.card-meta{white-space:nowrap;text-overflow:ellipsis;color:var(--gold-ink);font-size:12px;line-height:18px;overflow:hidden}.bars .bar{height:18px;margin:0;display:block}.bars .bar span{line-height:18px}.bars .bar.exp{height:16px}.bars .bar.exp span{line-height:16px}#exp-percent{background:#0b0c10a6}#target-line{white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:12px;line-height:20px;overflow:hidden}#card-connection{color:var(--danger);grid-column:1/-1;font-size:12px}#card-connection:empty,#target-home:empty,#self-buff-home:empty{display:none}#target{text-align:center;width:100%;padding:4px}#target-name{color:var(--target-ink);font-weight:600;line-height:22px;display:block}#target-prize{font-size:12px;line-height:18px}#target-gear .icon{background:var(--chip-bg);border:0;padding:0 4px;font-size:11px}#card-dialog .dlg-body{display:block}#card-summary,#exp{margin:4px 0 8px}#target-home{pointer-events:auto;flex:none;max-height:80px;overflow:auto}#self-buff-home{pointer-events:auto;flex:none;max-height:26px;overflow:auto}.buffs{pointer-events:auto;max-height:64px;overflow:auto}#party{pointer-events:auto;flex:0 auto;min-height:44px;padding:0 4px;overflow:auto}#party-toggle{justify-content:flex-start;width:100%;padding:0 6px}#party-toggle>span:last-child{margin-left:auto}#party-rows{margin:0;padding:0;list-style:none}#party.folded #party-home{display:none}.member{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 4px;display:grid}.member .name{min-width:0}.member-action{text-align:left;justify-content:flex-start;width:100%;padding:2px 6px;font-size:12px;overflow:hidden}.member .where{color:var(--ink-dim);font-size:11px}.member .bar{grid-column:1/-1;height:6px;margin:0}.member.offline,.member.gap{color:var(--ink-dim)}#tracker-home{pointer-events:auto;flex:none;min-height:0;overflow:auto}#tracker-fold{justify-content:space-between;width:100%}#tracker{margin:0;padding:4px;font-size:12px;list-style:none;overflow:auto}#tracker.folded li:not(:first-child),#tracker.folded li:first-child>:not(b){display:none}#tracker.folded li:first-child b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#notebook-tracker #tracker{max-height:none}#notebook-tracker #tracker.folded li,#notebook-tracker #tracker.folded li:first-child>:not(b){display:flex}#notebook-list{margin:0}#top-mid{flex-direction:column;justify-self:center;align-items:stretch;gap:8px;min-width:0;max-width:352px;display:flex}#toast,#conn{overflow-wrap:anywhere;width:100%;padding:4px 8px}#conn{flex-wrap:wrap;align-items:center;gap:4px;display:flex}#invite,#trade-ask{background:var(--panel);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;padding:6px;display:flex}#invite-text,#trade-ask-text{flex:100%}#hud-right{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;display:flex}#iconbar{gap:4px;min-width:0;max-width:100%;display:flex}.menu-item{white-space:nowrap;min-height:44px;padding:4px 8px;font-size:12px;position:relative}.menu-item .ui-icon{width:20px;height:20px}.menu-badge,#more-badge{color:#ffb5aa;font-size:12px}.menu-item.warning{color:#ffb5aa}#menu-overflow{flex-wrap:wrap;gap:4px;display:flex}#more-dialog .dlg-body{flex-direction:column;display:flex}#more-dialog .dlg-body>.btn{justify-content:flex-start}#map-tools{background:var(--chat-bg);border:1px solid var(--rule);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 44px;gap:0 4px;width:176px;height:140px;padding:4px;display:grid}#minimap{width:100%;height:100%;min-height:0;image-rendering:pixelated;grid-area:1/1}#minimap-btn{background:var(--btn-bg);width:44px;height:44px;box-shadow:var(--btn-shadow);border:0;grid-area:1/2/span 2;align-self:center;padding:0}.minimap-meta{grid-area:2/1;min-width:0;font-size:11px;line-height:16px}.minimap-meta span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}#minimap-status:empty{display:none}#hud-bottom{grid-area:2/1/auto/-1;grid-template-columns:minmax(0,304px) minmax(0,1fr) minmax(0,320px);align-items:end;gap:8px;display:grid}#direction-hints{color:var(--ink-dim);flex-direction:column;gap:4px;font-size:12px;display:flex}#direction-hints>span{background:var(--panel);width:max-content;padding:0 4px}#chat-home{justify-self:center;width:100%;min-width:0;max-width:560px}#br-col{align-items:flex-end;gap:var(--slot-gap);flex-direction:column;min-width:0;display:flex}#skills{max-width:100%}#skills .btn,#potions .btn{min-height:44px}#status-strip{background:var(--panel);height:24px;color:var(--ink-dim);white-space:nowrap;grid-area:3/1/auto/-1;align-items:center;gap:16px;padding:0 4px;font-size:12px;line-height:24px;display:flex;overflow:hidden}#chat{pointer-events:auto;background:var(--chat-bg);flex-direction:column;min-width:0;max-height:244px;display:flex}.chat-controls{flex:none;align-items:center;gap:4px;min-height:44px;display:flex}.chat-controls .btn{flex:none;width:44px;padding:0;font-size:12px}#chat-unread{font-size:11px}#chat-preview{white-space:nowrap;text-overflow:ellipsis;font-size:var(--chat-font,12px);line-height:1.5;display:none;overflow:hidden}#chat-body{flex-direction:column;gap:4px;min-height:0;display:flex}#chat-tabs{scrollbar-width:none;flex:none;gap:4px;display:flex;overflow-x:auto}#chat-tabs .btn{flex:none;padding:0 8px;font-size:12px}#chat-tabs [aria-selected=true]{color:var(--btn-ink-on);background:var(--btn-bg-on)}.chat-reading{flex:1;min-height:24px;position:relative;overflow:hidden}#chat-log{height:100%;max-height:104px;font-size:var(--chat-font,12px);overflow-wrap:anywhere;text-shadow:var(--chat-shadow);margin:0;padding:0 6px;line-height:1.5;list-style:none;overflow-y:auto}#chat-log .sys{color:var(--title-ink);border-left:2px solid var(--gold);padding-left:6px}#chat-log .world{color:var(--chat-world)}#chat-log .tell{color:var(--chat-tell)}#chat-log .party{color:var(--chat-party)}#chat-new{padding:0 6px;font-size:12px;position:absolute;bottom:0;right:0}#chat-form{flex:none;gap:4px;display:flex}#chat-input{flex:1;width:0;font-size:12px}#chat-channel,#chat-recipient{flex:none;width:64px;min-width:44px;padding:0 4px;font-size:12px}#chat-channel.offline{color:var(--title-ink)}#chat-form .btn[type=submit]{padding:0 8px}#chat-readonly{margin:0;font-size:12px}#chat.idle{background:0 0;max-height:44px}#chat.idle #chat-body,#chat.idle #chat-smaller,#chat.idle #chat-larger{display:none}#chat.idle #chat-preview{background:var(--panel);padding:0 4px;display:block}#chat-dialog{width:min(560px,94vw)}#chat-dialog .dlg-body{display:block}#chat-dialog #chat{max-height:none}#chat-dialog #chat-log{max-height:160px}#chat-dialog .chat-reading{min-height:48px}#rotate{z-index:10;background:#1b1f16;place-content:center;font-size:20px;display:none;position:fixed;inset:0}@media (orientation:portrait) and (pointer:coarse){#rotate{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}#hud[data-layout=touch]{grid-template-columns:240px minmax(0,1fr)}#hud[data-layout=touch] #hud-top{grid-template-columns:minmax(0,1fr) 360px}#hud[data-layout=touch] #top-mid{max-width:212px}#hud:not([data-layout=desktop]) #hud-bottom{grid-template-columns:164px minmax(0,1fr) 264px}#hud:not([data-layout=desktop]) #tracker-home,#hud:not([data-layout=desktop]) #direction-hints>span{display:none}#hud:not([data-layout=desktop]) .bars{border-width:4px;grid-template-columns:32px minmax(0,1fr);gap:0 4px;padding:2px}#hud:not([data-layout=desktop]) .portrait canvas,#hud:not([data-layout=desktop]) .portrait img{width:32px;height:48px}#hud:not([data-layout=desktop]) .card-heading{font-size:12px;line-height:20px}#hud:not([data-layout=desktop]) .card-meta{font-size:11px;line-height:18px}#hud:not([data-layout=desktop]) .bars .bar{height:16px}#hud:not([data-layout=desktop]) .bars .bar span{font-size:11px;line-height:16px}#hud:not([data-layout=desktop]) #target-line{font-size:11px;line-height:18px}#hud:not([data-layout=desktop]) #left-col{max-height:100%}#hud:not([data-layout=desktop]) #party{background:0 0;border:0;flex:none;width:164px;min-height:44px;padding:0}#hud:not([data-layout=desktop]) #map-tools{grid-template-columns:minmax(0,1fr) 44px;width:128px;height:88px;padding:2px}#hud:not([data-layout=desktop]) .minimap-meta{line-height:14px}#hud:not([data-layout=desktop]) #chat{max-height:188px}#hud:not([data-layout=desktop]) #chat-log{max-height:44px}#hud:not([data-layout=desktop]) #skills .btn,#hud:not([data-layout=desktop]) #potions .btn{width:44px;height:44px}#hud[data-layout=compact]{grid-template-columns:216px minmax(0,1fr)}#hud[data-layout=compact] #hud-top{grid-template-columns:minmax(0,1fr);display:grid}#hud[data-layout=compact] #left-col,#hud[data-layout=compact] #hud-right{grid-area:1/1}#hud[data-layout=compact] #top-mid{grid-area:1/1;justify-self:stretch;max-width:264px;margin-top:52px;margin-right:136px}#hud:not([data-layout=desktop]) .menu-item{padding:0 6px}#hud:not([data-layout=desktop]) .menu-item .ui-icon,#hud.narrow #chat-preview,#hud.narrow #chat-home #chat:not(.idle){display:none}#hud.narrow #iconbar{max-width:100%}.dlg{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 16px)}#feedback-chips{gap:4px;display:flex}#feedback-chips:has(button[hidden]):not(:has(button:not([hidden]))){display:none}#hud:not([data-layout=desktop]) #top-mid{flex-direction:row;align-items:flex-start;gap:4px;max-height:64px}#hud:not([data-layout=desktop]) #feedback-chips{order:2}#hud:not([data-layout=desktop]) #feedback-chips .btn{width:44px;padding:0 2px;font-size:11px}#hud:not([data-layout=desktop]) #conn{flex-wrap:nowrap;flex:1;min-width:0;max-height:64px;padding:2px}#hud:not([data-layout=desktop]) #conn-text{min-width:0;max-height:48px;font-size:11px;line-height:16px;overflow:auto}#hud:not([data-layout=desktop]) #reload{flex:none;width:44px;padding:0 2px;font-size:11px}#hud:not([data-layout=desktop]) #toast{max-height:64px;font-size:12px;overflow:auto}#joystick{border:2px solid var(--gold);background:var(--panel);pointer-events:auto;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;width:120px;height:120px;display:none;position:relative}.joystick-directions{text-align:center;color:var(--ink-dim);line-height:38px;position:absolute;inset:0}.joystick-knob{border:2px solid var(--gold);background:var(--btn-bg);width:40px;height:40px;transform:translate(calc(var(--joystick-x,0px) * .6), calc(var(--joystick-y,0px) * .6));pointer-events:none;border-radius:50%;position:absolute;top:38px;left:38px}#joystick[aria-disabled=true]{opacity:.5}#attack-btn{touch-action:manipulation;flex-direction:column;flex:none;gap:0;width:60px;height:60px;padding:0;font-size:12px}#attack-btn kbd{font-size:10px}#hud:not([data-layout=desktop]) #attack-btn{height:44px}@media (any-pointer:coarse){#joystick{display:block}#direction-hints>span,#attack-btn kbd{display:none}}#invite-dialog #invite,#trade-invite-dialog #trade-ask{width:100%}#dungeon-invite{background:var(--panel);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;padding:6px;display:flex}#dungeon-invite-text{flex:100%}#dungeon-invite-time{color:var(--ink-dim);min-width:6ch}#dungeon-invite-dialog #dungeon-invite{width:100%}#dungeon-run{color:var(--gold-ink);margin:2px 4px;font-size:11px}#org-dialog .dlg-body{display:block}#org-dialog section,#org-dialog fieldset{min-width:0;margin-block:8px}#org-dialog input{width:100%;min-height:44px}#org-roster{padding:0;list-style:none}.org-member{border-bottom:1px solid var(--rule);padding-block:8px}.org-member p,#org-summary,#org-invite-text{overflow-wrap:anywhere}.org-member .btn{margin:2px}#org-invite-form{gap:6px;display:grid}#org-emblem-options{grid-template-columns:repeat(auto-fit,minmax(min(132px,100%),1fr));gap:4px;display:grid}#org-emblem-options .btn{white-space:normal;font-size:12px}#org-emblem-options [aria-pressed=true]{background:var(--btn-bg-on);color:var(--btn-ink-on)}.org-emblem{flex:none;width:20px;height:20px;display:inline-block}.org-shape-circle{border-radius:50%}.org-shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.org-shape-shield{clip-path:polygon(0 0,100% 0,90% 65%,50% 100%,10% 65%)}.org-shape-star{clip-path:polygon(50% 0,61% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,39% 35%)}.org-color-gold{background:#e0b040}.org-color-silver{background:#c8c8d0}.org-color-red{background:#d94e48}.org-color-blue{background:#4e8ae0}.org-color-green{background:#4cbd7a}.org-color-purple{background:#ad73da}#org-confirm{border:1px solid var(--gold);padding:8px}#org-confirm .row{flex-wrap:wrap}#chat-org-status{color:var(--ink-dim);margin:4px 0;font-size:12px}#chat-log .org{color:#f2d58c}