: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:#0c0d12b8;--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;--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{max-width:min(480px,94vw)}#keys-help dl{font-size:var(--t-dlg);grid-template-columns:auto 1fr;gap:8px 16px;margin:0 0 16px;display:grid}#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}#left-col{top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));width:var(--unit-width);max-height:calc(100vh - 188px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr 64px;gap:6px 0;max-height:calc(100dvh - 188px);display:grid;position:absolute}.bars{grid-column:1/-1;grid-template-columns:var(--medal) minmax(0, 1fr);width:var(--unit-width);align-items:center;column-gap:6px;padding:0 2px;display:grid}#lvl-badge{width:var(--medal);height:var(--medal);background:var(--medal-img) center / var(--medal) no-repeat;font-size:var(--t-dlg);color:var(--medal-ink);text-shadow:var(--medal-shadow);grid-row:1/span 3;place-items:center;font-weight:600;display:grid}.bars .bar{margin:0 0 3px}.bars .bar.hp{height:20px}.bars .bar.hp span{line-height:20px;font-size:var(--t-body)}.bars .bar.exp{height:5px;margin:0}.bars .meta{font-size:var(--t-micro);color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;margin-top:2px;overflow:hidden}#buffs{grid-column:1/-1}.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-col{right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));align-items:flex-end;gap:var(--slot-gap);flex-direction:column;display:flex;position:absolute}.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:50vw;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}#chat{left:max(8px, env(safe-area-inset-left));bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;width:min(340px,40vw);display:flex;position:absolute}#chat-log{background:var(--chat-bg);max-height:116px;color:var(--ink);font-size:var(--t-small);text-shadow:var(--chat-shadow);overflow-wrap:anywhere;margin:0 0 4px;padding:4px 6px;line-height:18px;list-style:none;overflow-y:auto}#chat-log:empty{box-shadow:none;background:0 0;padding:0}#chat-log .sys{color:var(--title-ink);border-left:2px solid var(--gold);padding-left:6px}#chat.idle{min-height:44px}#chat.idle #chat-log{pointer-events:none;margin:0 0 0 50px;overflow:hidden}#chat.idle #chat-log li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#chat.idle #chat-log li:nth-last-child(n+4),#chat.idle #chat-form{display:none}#chat-form{gap:4px;display:flex}#chat-input{flex:1;width:0}#chat-channel{min-width:64px;font-size:var(--t-small);padding:0 8px}#chat-channel.offline{opacity:.6}#chat-log li.world{color:var(--chat-world)}#chat-log li.tell{color:var(--chat-tell)}#chat-toggle{width:44px;height:44px;padding:0;position:absolute;bottom:0;left:0}#chat:not(.idle) #chat-toggle{display:none}#respawn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#top-mid{top:max(8px, env(safe-area-inset-top));z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#target{text-align:center;width:220px;padding:0 4px}#target-name{font-size:var(--t-body);color:var(--target-ink);font-weight:600;line-height:18px;display:block}#target-gear .icon{background:var(--chip-bg);font-size:var(--t-micro);border:0;border-radius:0;padding:0 4px}#target .bar{margin:0}#target-prize{margin-top:4px;font-size:11px;line-height:14px}#toast,#conn{max-width:min(420px,90vw);padding:4px 8px}#conn{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;top:138px;left:50%;transform:translate(-50%)}#create-error{min-height:1.5em;color:var(--danger)}#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 (display-mode:fullscreen) and (pointer:coarse){#fullscreen{display:none}}@media (max-height:480px),(max-width:444px){.logo img{width:198px;height:182px}}@media (max-width:820px){#top-mid{left:calc(max(8px, env(safe-area-inset-left)) + var(--unit-width) + 8px);align-items:flex-start;transform:none}#conn{top:152px}}#tracker{pointer-events:auto;width:100%;min-height:44px;font-size:var(--t-small);grid-area:2/1/auto/-1;margin:0;padding:0 54px 0 4px;list-style:none;overflow-y:auto}#tracker-fold{z-index:1;font-size:var(--t-small);grid-area:2/2;align-self:start;padding:0 6px}#tracker-fold:has(+#tracker[hidden]){display:none}#left-col{grid-auto-rows:minmax(0,auto)}.hud-panel{pointer-events:auto;min-height:44px;font-size:var(--t-small);grid-column:1/-1;margin:0;padding:0 54px 0 4px;position:relative;overflow-y:auto}.hud-panel-toggle{font-size:var(--t-small);padding:0 6px;position:absolute;top:0;right:0}.hud-panel ul{margin:0;padding:0;list-style:none}.hud-panel.folded li:not(:first-child){display:none}.member{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 6px;padding:2px 0;display:grid}.member .name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member .where{color:var(--ink-dim);font-size:var(--t-micro)}.member .bar{grid-column:1/-1;height:6px;margin:0}#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}#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}#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}#minimap-btn{right:max(8px, env(safe-area-inset-right));top:max(8px, env(safe-area-inset-top));clip-path:none;box-shadow:none;padding:0;position:absolute}#minimap{width:120px;height:90px;image-rendering:pixelated;display:block}#iconbar{right:max(8px, env(safe-area-inset-right));top:calc(max(8px, env(safe-area-inset-top)) + 112px);gap:4px;display:flex;position:absolute}#iconbar .btn{width:44px;height:44px;padding:0;position:relative}#iconbar .btn.icon-missing,#chat-toggle.icon-missing{font-size:var(--t-micro)}#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-chain{margin:0;padding-left:1.5em}#map-chain [aria-current]{color:var(--gold);font-weight:600}@media (pointer:coarse),(max-height:480px){#target{width:180px}#minimap{width:96px;height:72px}#iconbar{top:calc(max(8px, env(safe-area-inset-top)) + 94px)}}@media (max-width:820px){#target{width:180px}}@media (max-width:660px){#target{width:150px}}@media (max-height:480px){#minimap{width:72px;height:54px}#iconbar{top:calc(max(8px, env(safe-area-inset-top)) + 76px)}}@media (max-height:283px){#minimap{width:40px;height:30px}#iconbar{top:calc(max(8px, env(safe-area-inset-top)) + 52px)}#left-col{max-height:calc(100dvh - 90px)}#chat:not(.idle){z-index:3}}@media (max-height:360px){.bars .meta-rest{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}