@font-face{font-family:monogram;src:url(/assets/monogram-extended-DTjCiV98.woff2)format("woff2");font-display:block}:root{--pixel:"monogram",monospace;--body:"monogram",monospace;--glass:#0b1215c7;--glass-strong:#0b1215db;--hair:#eaf2e324;--text:#eaf2e3;--dim:#a9b8ae;--ink:#0b1214;--block:#2f4045;--block-hi:#44585e;--block-lo:#1a2528;--green:#7ccb3a;--green-hi:#a6e36a;--green-lo:#4f9a22;--step4:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px));--step8:polygon(0 8px,4px 8px,4px 4px,8px 4px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px));--ring:0 -4px 0 0 var(--ink),0 4px 0 0 var(--ink),-4px 0 0 0 var(--ink),4px 0 0 0 var(--ink);font-family:var(--body);color:var(--text);font-synthesis:none;background:#aacdd3;font-size:24px;font-weight:500}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button,select,input{outline-offset:6px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green-hi)}button:disabled{opacity:.45;cursor:not-allowed}svg{fill:currentColor;shape-rendering:crispedges;flex-shrink:0;width:16px;height:16px}#world{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}.vignette{pointer-events:none;background:linear-gradient(#0b121430 0%,#0000 20% 70%,#0b121440 100%);position:fixed;inset:0}.hud{z-index:2;position:fixed}.icon-defs{width:0;height:0;position:absolute;overflow:hidden}.ui-hidden .hud,.ui-hidden .vignette,[hidden]{display:none!important}.glass{background:var(--glass);color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4)}.icon-button{width:40px;height:40px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:#eaf2e31a}.icon-button.glass{background:var(--block);color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;clip-path:none;box-shadow:var(--ring),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo)}.icon-button.glass:hover{background:#364a50}.icon-button.glass:active{box-shadow:var(--ring),inset 0 4px 0 var(--block-lo)}.primary{height:44px;color:var(--ink);background:var(--green);font:24px/12px var(--pixel);text-transform:uppercase;box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo);justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.primary:hover{background:#8ad646}.primary:active{box-shadow:var(--ring),inset 0 4px 0 var(--green-lo)}.status-dot{background:var(--green-hi);flex-shrink:0;width:6px;height:6px;display:inline-block}.eyebrow{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--green-hi);text-transform:uppercase}kbd{min-width:24px;height:24px;font:16px/8px var(--pixel);background:var(--block);color:var(--text);box-shadow:0 0 0 2px var(--ink),inset 0 -4px 0 var(--block-lo);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.logo{--u:5px;--r:4px;flex-direction:column;align-items:center;margin:0;font-weight:400;display:inline-flex}.logo-name{font:calc(var(--u)*16)/calc(var(--u)*8) var(--pixel);word-spacing:calc(var(--u)*-3);white-space:nowrap;color:#f3f8ee;text-shadow:0 var(--u) 0 #b9c9bb,0 calc(var(--u)*2) 0 #7f9486, calc(var(--u)*-1) 0 0 var(--ink),var(--u) 0 0 var(--ink),0 calc(var(--u)*-1) 0 var(--ink),calc(var(--u)*-1) calc(var(--u)*-1) 0 var(--ink),var(--u) calc(var(--u)*-1) 0 var(--ink), calc(var(--u)*-1) calc(var(--u)*3) 0 var(--ink),var(--u) calc(var(--u)*3) 0 var(--ink),0 calc(var(--u)*3) 0 var(--ink),calc(var(--u)*-1) calc(var(--u)*2) 0 var(--ink),var(--u) calc(var(--u)*2) 0 var(--ink)}.logo-plaque{max-width:calc(100% - var(--r)*4);margin:calc(var(--u)*4 + var(--r)*2) calc(var(--r)*2) calc(var(--r)*2);text-align:center;white-space:nowrap;font:32px/16px var(--pixel);letter-spacing:6px;color:var(--green-hi);text-shadow:0 2px 0 var(--green-lo);background:linear-gradient(var(--green-hi) 0 0) 5% 30%/2px 2px no-repeat,linear-gradient(var(--green-hi) 0 0) 13% 78%/2px 2px no-repeat,linear-gradient(var(--green) 0 0) 91% 24%/2px 2px no-repeat,linear-gradient(var(--green-hi) 0 0) 96% 70%/2px 2px no-repeat,linear-gradient(var(--green) 0 0) 50% 94%/2px 2px no-repeat,linear-gradient(#1f4417,#0f220b);box-shadow:0 calc(var(--r)*-1) 0 var(--green),0 var(--r) 0 var(--green-lo),calc(var(--r)*-1) 0 0 var(--green),var(--r) 0 0 var(--green), 0 calc(var(--r)*-2) 0 var(--ink),0 calc(var(--r)*2) 0 var(--ink),calc(var(--r)*-2) 0 0 var(--ink),calc(var(--r)*2) 0 0 var(--ink), calc(var(--r)*-1) calc(var(--r)*-1) 0 var(--ink),var(--r) calc(var(--r)*-1) 0 var(--ink),calc(var(--r)*-1) var(--r) 0 var(--ink),var(--r) var(--r) 0 var(--ink),inset 0 2px 0 #eaf2e31f;padding:10px 20px 8px 26px}.logo-small{--u:3px;--r:2px;align-items:flex-start}.logo-small .logo-plaque{letter-spacing:5px;text-shadow:0 1px 0 var(--green-lo);background-size:1px 1px,1px 1px,1px 1px,1px 1px,1px 1px,auto;align-self:stretch;padding:5px 0 4px 5px;font-size:16px;line-height:8px}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex;top:28px;left:34px;right:34px}.brand{color:inherit;text-shadow:2px 2px 0 var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand>svg{shape-rendering:auto;width:32px;height:37px;filter:drop-shadow(2px 2px 0 var(--ink))}.top-actions{align-items:center;gap:16px;min-width:0;display:flex}#network-status{overflow-wrap:anywhere;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);min-width:0;max-width:240px;box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);font:500 24px var(--body);color:var(--text);padding:10px 14px;position:static}#area-announcement{width:max-content;max-width:calc(100vw - 32px);font:48px/36px var(--pixel);color:var(--text);text-align:center;text-shadow:2px 2px 0 var(--ink),0 0 8px #0b121480;pointer-events:none;top:108px;left:50%;transform:translate(-50%)}#area-announcement span{display:block}#area-announcement .area-level{color:var(--threat,var(--text));margin-top:4px;font-size:32px;line-height:24px}.bottom-center{text-align:center;bottom:16px;left:50%;transform:translate(-50%)}.performance{font:500 16px var(--body);text-shadow:1px 1px 0 var(--ink);align-items:center;gap:8px;display:flex;bottom:28px;left:34px}.minimap-wrap{width:254px;top:94px;right:34px}.map-view{width:254px;height:224px;position:relative;overflow:visible}.map-region{min-height:12px;font:16px/12px var(--pixel);letter-spacing:1px;text-align:center;color:var(--text);overflow-wrap:anywhere;pointer-events:none;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink);margin:-4px 0 0;padding:0 8px}#open-atlas{background:0 0;position:absolute;inset:0}#open-atlas:hover{box-shadow:0 0 0 2px var(--hair)}.ui-hidden .minimap-wrap{display:none}.panel{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:320px;color:var(--text);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step8);scrollbar-width:thin;scrollbar-color:var(--block-hi) transparent;background:#0b1215d1;max-height:calc(100dvh - 110px);padding:24px;top:84px;right:34px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.panel h2{font:32px/22.4px var(--pixel);margin:8px 0 0}.panel-heading .icon-button{width:32px;height:32px;color:var(--dim)}.panel label{font:600 24px var(--body)}input[type=text],input[type=password],input:not([type]){width:100%;min-width:0;height:40px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 #050a0b;font:500 24px var(--body);background:#0e181b;border:0;padding:0 12px}.range-label{justify-content:space-between;align-items:center;margin:16px 0 10px;display:flex}.range-label output{font:500 24px var(--body);color:var(--dim);font-variant-numeric:tabular-nums}input[type=range]{appearance:none;background:var(--ink);cursor:pointer;width:calc(100% - 8px);height:8px;accent-color:var(--green);margin:12px 4px 16px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--green);width:16px;height:24px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo);cursor:grab}input[type=range]::-moz-range-thumb{border:4px solid var(--ink);background:var(--green);border-radius:0;width:16px;height:24px}.section-label{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--green-hi);border-top:2px solid var(--hair);margin-top:22px;padding-top:20px}.setting-row{justify-content:space-between;align-items:center;margin:18px 4px 14px 0;display:flex}select{appearance:none;height:32px;font:500 24px var(--body);background:var(--block) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 5' shape-rendering='crispEdges'%3E%3Cpath fill='%23eaf2e3' d='M0 0h1v1H0zM6 0h1v1H6zM0 1h2v1H0zM5 1h2v1H5zM1 2h2v1H1zM4 2h2v1H4zM2 3h3v1H2zM3 4h1v1H3z'/%3E%3C/svg%3E") no-repeat right 10px center/14px 10px;box-shadow:0 0 0 4px var(--ink),inset 0 -4px 0 var(--block-lo);cursor:pointer;border:0;padding:0 30px 0 10px}select option{background:var(--ink);color:var(--text)}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin:20px 4px 20px 0;display:flex;position:relative}.toggle-row small{font:500 16px var(--body);color:var(--dim);margin-top:4px;display:block}.toggle-row input{opacity:0;cursor:pointer;width:52px;height:28px;position:absolute;right:0}.switch{pointer-events:none;background:var(--block);width:48px;height:24px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--block-lo);flex-shrink:0;position:relative}.switch:after{content:"";background:#7f8f86;width:16px;height:16px;transition:transform .12s steps(3,end);position:absolute;top:4px;left:4px;box-shadow:inset 0 -4px #5a6961}.toggle-row input:checked+.switch{background:var(--green);box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--green-lo)}.toggle-row input:checked+.switch:after{background:var(--text);box-shadow:inset 0 -4px 0 var(--dim);transform:translate(24px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--green-hi);outline-offset:6px}.panel-foot{border-top:2px solid var(--hair);font:500 16px var(--body);color:var(--dim);align-items:center;gap:8px;margin-top:22px;padding-top:14px;display:flex}.panel-foot .block{margin:4px 4px 4px auto}.dialog{z-index:5;width:fit-content;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;position:fixed;inset:0}#dialog-shade{z-index:4;pointer-events:none;background:radial-gradient(#0b121440 0%,#0b12148c 100%);position:fixed;inset:0}.dialog-open .minimap-wrap,.dialog-open .compass,.dialog-open #crosshair,.dialog-open #interact-prompt,.dialog-open #loot-labels,.dialog-open #loot-prompt{display:none!important}.window{z-index:6;width:min(440px,100vw - 24px);max-height:calc(100dvh - 48px);position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}#game-menu{width:min(360px,100vw - 24px)}#settings{grid-template-rows:auto 1fr auto;grid-template-columns:128px minmax(0,1fr);column-gap:24px;width:min(760px,100vw - 24px);height:min(520px,100dvh - 24px);max-height:none;display:grid;overflow:hidden}#settings .panel-heading{grid-area:1/1}#close-settings{position:absolute;top:8px;right:8px}#settings .tabs{flex-direction:column;grid-area:2/1;align-self:start;gap:12px;margin:0 4px}#settings .tabs [role=tab]{text-align:left;flex:none;height:40px;padding:0 14px}#settings .tab-panel{scrollbar-width:thin;scrollbar-color:var(--block-hi) transparent;grid-area:1/2/4/3;min-height:0;margin-right:-8px;padding:6px 8px 8px 0;overflow-y:auto}#settings .panel-foot{flex-wrap:wrap;grid-area:3/1;margin:0}#settings .panel-foot .block{flex:1 0 calc(100% - 8px);margin:10px 4px 4px}#backdrop{z-index:4;background:#0b121466;position:fixed;inset:0}.window-open .bottom-center,.window-open #crosshair{display:none}.menu-note{font:500 24px/19.5px var(--body);color:var(--dim);margin:22px 0 0}.tabs{gap:12px;margin:0 4px 8px;padding-bottom:4px;display:flex}.tabs [role=tab]{background:var(--block);height:36px;font:16px/8px var(--pixel);text-transform:uppercase;box-shadow:var(--ring),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);flex:1;padding:0 10px}.tabs [role=tab]:hover{background:#364a50}.tabs [role=tab][aria-selected=true]{background:var(--green);color:var(--ink);box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}.keys dl{columns:2 220px;font:500 16px/16px var(--body);column-gap:24px;margin:16px 0 0}.keys dl>div{break-inside:avoid;justify-content:space-between;align-items:center;gap:10px;min-height:28px;padding:1px 0;display:flex}.keys dt{color:var(--dim)}.keys dd{white-space:nowrap;flex:none;margin:0}.keys kbd{min-width:20px;height:20px;padding:0 4px}.keys kbd+kbd{margin-left:6px}.skill-icon{display:block;position:relative}.skill-icon svg{width:100%;height:100%;display:block}.skill-icon:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 2px #fff3,inset 0 -2px #00000059}#crosshair{opacity:.9;pointer-events:none;width:12px;height:12px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff;position:absolute}#crosshair:before{width:12px;height:2px;top:5px;left:0}#crosshair:after{width:2px;height:12px;top:0;left:5px}#crosshair.bow{--bar:#fff;width:calc(var(--spread,12px)*2 + 12px);height:calc(var(--spread,12px)*2 + 12px);transition:width 60ms linear,height 60ms linear}#crosshair.bow.full{--bar:var(--green-hi)}#crosshair.bow:before{background:linear-gradient(var(--bar) 0 0) left center/6px 2px no-repeat,linear-gradient(var(--bar) 0 0) right center/6px 2px no-repeat, linear-gradient(var(--bar) 0 0) center top/2px 6px no-repeat,linear-gradient(var(--bar) 0 0) center bottom/2px 6px no-repeat;width:auto;height:auto;inset:0}#crosshair.bow:after{background:var(--bar);width:2px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}#toast{z-index:10;background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:90vw;box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);font:500 24px var(--body);text-align:center;opacity:0;pointer-events:none;padding:12px 18px;transition:opacity .25s,transform .25s;position:fixed;top:96px;left:50%;transform:translate(-50%,-8px)}#toast.show{opacity:1;transform:translate(-50%)}#loading,#entering{background:linear-gradient(var(--ink) 0%,#0d1913 50%,#0f2211 75%,#13300f 100%)}.ember-canvas{z-index:-1;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}#loading{z-index:20;color:var(--text);flex-direction:column;justify-content:center;align-items:center;transition:opacity .65s;display:flex;position:fixed;inset:0}.loading-mark{shape-rendering:auto;width:48px;height:53px;margin-bottom:32px}#loading .logo{margin-bottom:24px}#loading h2{font:48px/33.6px var(--pixel);text-align:center;margin:18px 0 0}#loading p{font:500 24px var(--body);color:var(--dim);margin:16px 0 28px}.loading-track{background:var(--block-lo);width:240px;height:16px;box-shadow:0 0 0 4px var(--block);padding:4px}.loading-track>div{background:var(--green);width:0;height:8px;transition:width .3s}#loading-detail{font:500 16px var(--body);color:var(--dim);letter-spacing:1px;margin-top:18px}#loading.done{opacity:0;pointer-events:none}#error{z-index:30;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(440px,90vw);color:var(--text);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step8);padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#error h2{font:32px/22.4px var(--pixel);margin:0 0 12px}#error p{font:500 24px/22.4px var(--body);margin:0 0 24px}#error .primary{margin:0 4px 8px}.in-menu .hud:not(.panel),.in-menu #crosshair,.in-menu #stamina{display:none!important}#main-menu{z-index:6;text-align:center;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(384px,100vw - 24px);max-height:calc(100dvh - 24px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step8);padding:32px 32px 28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#main-menu .menu-account{justify-content:center}#main-menu .logo{width:fit-content;margin:8px auto 0;display:flex}.menu-account{min-height:20px;font:500 24px var(--body);color:var(--dim);align-items:center;gap:8px;margin:18px 0 22px;display:flex}.menu-buttons{flex-direction:column;gap:16px;padding:0 4px;display:flex}.menu-buttons .primary{height:52px;font-size:32px;line-height:16px}.block{background:var(--block);height:44px;color:var(--text);font:24px/12px var(--pixel);text-transform:uppercase;box-shadow:var(--ring),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);justify-content:center;align-items:center;gap:10px;padding:0 16px;display:flex}.block:hover{background:#364a50}.block:active{box-shadow:var(--ring),inset 0 4px 0 var(--block-lo)}.menu-links{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.text-button{font:500 24px var(--body);color:var(--dim);text-underline-offset:4px;margin-top:18px;padding:4px 0;text-decoration:underline}.text-button:hover{color:var(--text)}.menu-foot{font:16px var(--pixel);color:var(--dim);letter-spacing:1px;margin:22px 0 0}#character-screen{z-index:6;text-align:center;width:min(520px,100vw - 24px);position:fixed;inset:auto auto 48px 50%;transform:translate(-50%)}#character-screen h2{font:48px/33.6px var(--pixel);overflow-wrap:anywhere;margin:10px 0 0}#character-detail{font:500 24px var(--body);color:var(--dim);margin:6px 0 22px}.character-actions{gap:16px;padding:0 4px 4px;display:flex}.character-actions>*{flex:1}.character-actions .primary{flex:1.4}.character-list{grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 4px 18px;display:grid}.character-card{background:var(--block);min-height:64px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;display:flex;overflow:hidden}.character-card strong{max-width:100%;font:16px/11.2px var(--pixel);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.character-card span{font:500 16px var(--body);color:var(--dim)}.character-card:hover{background:#364a50}.character-card[aria-pressed=true]{background:var(--green);color:var(--ink);box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}.character-card[aria-pressed=true] span{color:var(--ink)}.character-card .character-class{align-items:center;gap:5px;display:flex}.character-card .class-mark{color:currentColor;filter:none;width:10px;height:10px}.character-card.new{box-shadow:0 0 0 4px var(--block);color:var(--dim);background:0 0}.character-card.new:hover{color:var(--text);background:#ffffff0d}#entering{z-index:9;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#entering .logo{--u:4px;margin-bottom:28px}#entering h2{font:32px/22.4px var(--pixel);margin:0}#entering-detail{font:500 24px var(--body);color:var(--dim);margin:14px 0 36px}.entering-tip{text-align:left;width:min(400px,100%);font:500 24px/22.4px var(--body);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 32px;padding:16px 20px 14px;display:flex}#creator{gap:28px;width:min(760px,100vw - 48px);max-height:calc(100dvh - 48px);display:flex;top:50%;transform:translateY(-50%)}.creator-side,.creator-looks{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.creator-looks{flex:0 0 364px}#creator .panel-heading{margin-bottom:16px}.creator-note,.creator-actions{margin-top:auto}#creator fieldset{border:0;margin:0 0 12px;padding:0}#creator legend{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--green-hi);text-transform:uppercase;margin-bottom:10px;padding:0}.choices{flex-wrap:wrap;gap:12px;padding:0 4px;display:flex}.choice{background:var(--block);height:36px;font:500 24px var(--body);box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);padding:0 10px}.choice:hover{background:#364a50}.choice[aria-pressed=true]{background:var(--green);color:var(--ink);box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo);font-weight:700}.swatches{flex-wrap:wrap;gap:12px;padding:0 4px;display:flex}.swatch{background:var(--swatch);width:32px;height:32px;box-shadow:0 0 0 4px var(--ink),inset 0 -4px 0 #0000004d;position:relative}.swatch[style*=--accent]{background:linear-gradient(var(--swatch) 0 60%,var(--accent) 0)}.swatch[aria-pressed=true]{box-shadow:0 0 0 4px var(--ink),0 0 0 8px var(--green),inset 0 -4px 0 #0000004d}.creator-actions{flex-wrap:wrap;gap:12px;padding:8px 4px 4px;display:flex}.creator-actions .primary{flex:1}.creator-actions button{white-space:nowrap}.creator-message{min-height:20px;font:500 24px/22.4px var(--body);color:#ff9d8a;margin:4px 0 0}.creator-hint{font:500 16px var(--body);color:var(--dim);margin:6px 0 0}#creator input{width:calc(100% - 8px);margin:0 4px}.creator-rule{font:500 16px/18px var(--body);color:var(--dim);margin:8px 4px 0}.creator-named{font:24px/16.8px var(--pixel);overflow-wrap:anywhere;margin:0 4px}.class-choices{gap:12px;padding:0 4px;display:grid}.class-choice{text-align:left;background:var(--block);box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);grid-template-columns:56px minmax(0,1fr);grid-template-areas:"icon top""icon summary""attacks attacks";align-content:start;gap:4px 12px;padding:12px;display:grid}.class-choice strong{font:24px/16.8px var(--pixel)}.class-choice span{font:500 16px/18px var(--body);color:var(--dim)}.class-choice .class-attacks{opacity:.85;grid-area:attacks;margin-top:6px;font-size:16px}.class-choice .class-summary{grid-area:summary}.class-top{flex-wrap:wrap;grid-area:top;align-items:center;gap:2px 14px;display:flex}.class-choice .class-icon{width:56px;height:56px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 #050a0b;background:#0e181b;grid-area:icon;place-items:center;display:grid}.class-icon svg{width:48px;height:48px;display:block}.class-choice .class-traits{gap:12px;display:flex}.class-choice .class-trait{color:var(--text);white-space:nowrap;align-items:center;gap:6px;display:flex}.class-trait:before{content:"";background:var(--dot);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);flex:none}.class-trait.health{--dot:#d8443a}.class-trait.energy{--dot:#e0503f}.class-trait.energy.archer{--dot:#3fc1c9}.class-choice:hover{background:#364a50}.class-choice[aria-pressed=true]{background:var(--green);color:var(--ink);box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}.class-choice[aria-pressed=true] span{color:var(--ink)}#account-panel{z-index:6;grid-template-columns:minmax(0,1fr) 380px;column-gap:32px;width:min(760px,100vw - 24px);max-height:calc(100dvh - 24px);display:grid;position:fixed;top:50%;left:50%;right:auto;overflow:auto;transform:translate(-50%,-50%)}#account-panel .panel-heading{grid-column:1/-1}#account-panel p{font:500 24px/22.4px var(--body);margin:0 0 18px}#account-panel input,#account-panel select{width:calc(100% - 8px);margin:10px 4px 18px}#account-panel label{display:block}.account-buttons{flex-wrap:wrap;gap:12px;padding:4px 4px 8px;display:flex}.account-help{opacity:.7}#account-panel #account-message{min-height:44.8px;margin:10px 0 0}@media (width>=1600px){.topbar{top:34px;left:42px;right:42px}.minimap-wrap{right:42px}.performance{bottom:34px;left:42px}}@media (width<=1400px){.performance{bottom:104px}}@media (width<=1100px){#network-status{max-width:200px;font-size:16px}}@media (width<=1050px){#area-announcement{font-size:32px;line-height:24px}#area-announcement .area-level{font-size:24px;line-height:18px}.minimap-wrap{width:210px;top:92px}.map-view{width:210px;height:180px}}@media (width<=600px){#network-status{max-width:calc(100vw - 172px);padding:8px;font-size:16px}#main-menu{padding:24px}#character-screen{padding:18px;bottom:12px}#character-screen h2{font-size:32px;line-height:22.4px}.character-list{grid-template-columns:repeat(2,1fr)}.character-actions{flex-wrap:wrap}.character-actions .primary{flex-basis:100%;order:-1}#creator{width:calc(100vw - 24px);max-height:60dvh;top:auto;bottom:12px;right:12px;transform:none}.topbar{flex-wrap:wrap;gap:16px;top:20px;left:16px;right:16px}.brand{gap:8px}.brand>svg{width:24px;height:28px}.brand .logo-small{--u:1px}.brand .logo-plaque{letter-spacing:2px;padding:3px 0 2px 2px}#main-menu .logo,#loading .logo{--u:4px}.top-actions{justify-content:flex-end;gap:14px;width:100%}.icon-button.glass{width:32px;height:32px}#area-announcement{top:298px}.minimap-wrap{width:146px;top:130px;right:16px}.map-view{width:146px;height:128px}.map-region{padding:0}.bottom-center{width:max-content;max-width:calc(100vw - 24px);bottom:12px}.performance{display:none}.panel{width:min(320px,100vw - 24px);max-height:calc(100dvh - 88px);top:72px;right:12px}.panel.dialog{width:fit-content;max-height:calc(100dvh - 32px);inset:0}.window{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);top:50%}#game-menu{width:calc(100vw - 24px)}#account-panel{grid-template-columns:minmax(0,1fr)}#settings{height:auto;max-height:calc(100dvh - 24px);display:block;top:12px;overflow-y:auto;transform:translate(-50%)}#settings .tabs{flex-direction:row;margin:0 4px 8px}#settings .tabs [role=tab]{text-align:center;flex:1}#settings .tab-panel{margin:0;padding:0;overflow:visible}#settings .panel-foot{margin-top:22px}#settings .panel-foot .block{flex:none;margin:4px 4px 4px auto}#toast{width:max-content;font-size:16px;top:77px}#loading h2{font-size:32px;line-height:22.4px}}@media (width<=600px),(height<=500px){#creator{flex-direction:column;gap:0}.creator-side,.creator-looks{display:contents}#creator .panel-heading{order:0}.creator-main{order:1}.creator-look{order:2}.creator-actions{order:3;margin-top:0}.creator-note{order:4;margin-top:0}}@media (height<=500px) and (width>=601px){#main-menu{padding:16px 32px 14px}#main-menu .logo{--u:4px;margin-top:0}.menu-account{margin:6px 0 10px}.menu-buttons{gap:8px}.menu-buttons .block,.menu-buttons .primary{height:40px}#main-menu .text-button{margin-top:6px}.menu-foot{margin-top:4px}.window .panel-heading,#account-panel .panel-heading{margin-bottom:12px}#game-menu .menu-note{margin-top:14px}#settings .tabs{gap:10px}#settings .tabs [role=tab]{height:36px}#account-panel{padding:16px 24px}#account-panel p{margin-bottom:10px}#account-panel input,#account-panel select{margin:6px 4px 10px}#account-panel #account-message{margin-top:4px}#character-screen{max-height:calc(100dvh - 24px);padding:16px 24px;bottom:12px}#character-screen h2{font-size:32px;line-height:22.4px}#character-detail{margin-bottom:14px}.character-list{margin:8px 4px 12px}#creator{width:min(420px,100vw - 24px);max-height:calc(100dvh - 24px);top:12px;right:12px;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}:root{--health:#d8443a;--health-hi:#f07065;--health-lo:#9e2a22;--xp:#d4ea62}#health{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:252px;box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);pointer-events:none;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid;top:100px;left:34px}#health .health-portrait{width:48px;height:48px;display:block}#health .health-details{flex-direction:column;gap:8px;min-width:0;display:flex}#health .health-header{min-width:0;font:16px/12px var(--pixel);text-shadow:2px 2px 0 var(--ink);justify-content:space-between;align-items:center;gap:8px;display:flex}#health .health-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);overflow:hidden}#health .health-level{color:var(--green-hi);flex-shrink:0}#health .health-value,#health .xp-value{z-index:1;font:16px/8px var(--pixel);color:var(--text);white-space:nowrap;text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#health .health-bar{background:var(--ink);width:100%;height:22px;padding:2px;position:relative}#health .health-bar i{width:calc(var(--value,1)*(100% - 4px));position:absolute;top:2px;bottom:2px;left:2px}#health .health-trail{background:#f3c1bb;transition:width .45s linear .35s}#health .health-fill{background:var(--health);box-shadow:inset 0 2px 0 var(--health-hi),inset 0 -2px 0 var(--health-lo)}#health .health-bar:after{content:"";background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),var(--ink) calc(10% - 1px) 10%);position:absolute;inset:2px}#health.low .health-fill{animation:1s steps(2,end) infinite health-low}@keyframes health-low{50%{background:var(--health-hi)}}#health .health-xp{align-items:center;gap:6px;min-width:0;display:flex}#health .xp-bar{background:var(--ink);flex:1;min-width:0;height:14px;padding:2px;position:relative}#health .xp-fill{width:calc(var(--value,0)*(100% - 4px));background:var(--green);box-shadow:inset 0 -2px 0 var(--green-lo);position:absolute;top:2px;bottom:2px;left:2px}#health .xp-points{height:14px;font:16px/8px var(--pixel);color:var(--ink);background:var(--green);box-shadow:0 0 0 2px var(--ink),inset 0 -2px 0 var(--green-lo);flex-shrink:0;align-items:stretch;animation:.5s steps(2,end) 6 points-wait;display:flex}#health .xp-points kbd{min-width:0;height:auto;font:inherit;box-shadow:2px 0 0 var(--ink),inset 0 -2px 0 var(--block-lo);padding:3px 3px 0}#health .xp-points-count{padding:3px 4px 0 6px}@keyframes points-wait{50%{background:var(--green-hi)}}#hurt-flash{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#d8443a55 100%);position:fixed;inset:0}#hurt-flash.show{animation:.45s ease-out hurt-flash}@keyframes hurt-flash{0%{opacity:1}to{opacity:0}}#enemy-bars,#damage-numbers{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.enemy-bar{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0}.enemy-title{white-space:nowrap;align-items:center;gap:6px;display:flex}.enemy-level{min-width:16px;height:14px;font:16px/8px var(--pixel);text-align:center;color:var(--ink);background:var(--threat,#e8eee4);box-shadow:0 0 0 2px var(--ink),inset 0 -2px 0 #0b121433;padding:3px 3px 0}.enemy-name{font:16px/8px var(--pixel);color:var(--text);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink)}.enemy-bar.compact .enemy-name{display:none}.enemy-health{background:var(--ink);width:64px;height:10px;padding:2px;display:block;position:relative}.enemy-health i{height:100%;width:calc(var(--value,1)*100%);background:var(--health);box-shadow:inset 0 -2px 0 var(--health-lo);display:block}.enemy-dps{font:16px/8px var(--pixel);letter-spacing:1px;color:var(--xp,#f6d365);background:var(--ink);text-shadow:1px 1px #0b1214;padding:3px 6px 2px}.companion-bar{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0}.companion-title,.companion-owner{font:16px/8px var(--pixel);white-space:nowrap;color:#e8eee4;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);gap:6px;display:flex}.companion-owner{color:var(--dim)}.companion-bar.compact .companion-name{display:none}.damage{font:32px/16px var(--pixel);color:#fff;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink);white-space:nowrap;position:absolute;top:0;left:0}.damage.taken{color:#ff6a5c}.damage.crit{color:#ffd23f;font-size:48px;line-height:24px}.damage.xp{color:var(--xp)}.damage.xp.quest{font-size:48px;line-height:24px}#progress-banners{text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:22px;width:max-content;max-width:calc(100vw - 32px);display:flex;top:168px;left:50%;transform:translate(-50%)}.progress-banner{flex-direction:column;align-items:center;gap:12px;display:flex}.progress-banner strong{font:48px/31.2px var(--pixel);color:var(--text);overflow-wrap:anywhere;text-shadow:2px 2px 0 var(--ink),0 0 8px #0b121480}.level-up strong{color:var(--green-hi);text-shadow:0 4px 0 var(--green-lo),-2px 0 0 var(--ink),2px 0 0 var(--ink),0 -2px 0 var(--ink),2px 6px 0 var(--ink),-2px 6px 0 var(--ink),0 0 12px #0b121499}.level-news{flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.level-news li{font:24px/22.4px var(--body);color:var(--text);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink);align-items:center;gap:8px;display:flex}.level-news .news-health{color:var(--health-hi)}.level-news .news-unlock{color:#ffd66b}.level-up kbd{text-shadow:none}.discovery small{font:16px/12px var(--pixel);letter-spacing:2px;color:var(--green-hi);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}.legendary small{font:16px/12px var(--pixel);letter-spacing:2px;color:#f2c94c;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}.legendary strong{color:#f2c94c;text-shadow:0 4px 0 #a8801c,-2px 0 0 var(--ink),2px 0 0 var(--ink),0 -2px 0 var(--ink),2px 6px 0 var(--ink),-2px 6px 0 var(--ink),0 0 12px #0b121499}.banner-xp{font:32px/16px var(--pixel);color:var(--xp);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}.progress-banner.quest small{font:16px/12px var(--pixel);letter-spacing:2px;color:var(--green-hi);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}.progress-banner.quest.ready small,.progress-banner.quest.claimed small{color:#ffd66b}.progress-banner.quest.failed small{color:var(--health-hi)}.progress-banner.quest.claimed strong{color:var(--green-hi);text-shadow:0 4px 0 var(--green-lo),-2px 0 0 var(--ink),2px 0 0 var(--ink),0 -2px 0 var(--ink),2px 6px 0 var(--ink),-2px 6px 0 var(--ink),0 0 12px #0b121499}.craft-rank small{font:16px/12px var(--pixel);letter-spacing:2px;color:#ffd66b;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}.banner-detail{font:24px/22.4px var(--body);color:var(--text);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}#stamina{width:calc(var(--blocks,4)*19px + 2px);background:var(--ink);opacity:0;pointer-events:none;height:12px;padding:2px;transition:opacity .35s;top:calc(50% + 24px);left:50%;transform:translate(-50%)}#stamina.show{opacity:1;transition-duration:.1s}#stamina i{height:100%;width:min(100%,calc(var(--stamina,1)*var(--blocks,4)*19px));background:var(--green);box-shadow:inset 0 -2px 0 var(--green-lo);display:block}#stamina.winded i{background:#8a9499;box-shadow:inset 0 -2px #5d676b}#stamina:after{content:"";background:repeating-linear-gradient(90deg,transparent 0 17px,var(--ink) 17px 19px);position:absolute;inset:2px}#defeat{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step8);pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:14px;padding:22px 30px;display:flex;top:38%;left:50%;transform:translate(-50%,-50%)}#defeat strong{font:48px/24px var(--pixel);color:var(--health-hi);text-shadow:2px 2px 0 var(--ink)}#defeat span{font:500 24px var(--body);color:var(--text)}@media (width>=1600px){#health{top:106px;left:42px}}@media (width<=1050px){.progress-banner strong{font-size:32px;line-height:20.8px}}@media (width<=720px){#defeat strong{font-size:32px;line-height:16px}}@media (width<=600px){#health{grid-template-columns:36px minmax(0,1fr);gap:8px;width:calc(100vw - 190px);max-width:252px;padding:8px;top:130px;left:16px}#health .health-portrait{width:36px;height:36px}#health .health-details{display:contents}#health .health-header{flex-direction:column;align-items:flex-start;gap:6px}#health .health-name{max-width:100%}#health .health-bar,#health .health-xp{grid-column:1/-1}#progress-banners{top:340px}}@media (prefers-reduced-motion:reduce){#health .xp-points{animation:none}}.ability-bar{flex-direction:column;align-items:center;gap:8px;width:max-content;margin:0 auto;display:flex}.energy-bar{background:var(--ink);width:254px;height:14px;padding:2px;position:relative}.energy-bar i{height:100%;width:calc(var(--value,0)*100%);background:#e0503f;transition:width .15s;display:block;box-shadow:inset 0 -2px #9e3024}.ability-bar[data-class=archer] .energy-bar i{background:#3fc1c9;box-shadow:inset 0 -2px #26858b}.energy-label{font:16px/8px var(--pixel);letter-spacing:1px;color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ability-slots{gap:12px;display:flex}.ability-slot{background:var(--glass-strong);width:56px;height:56px;box-shadow:0 0 0 3px var(--ink),inset 0 0 0 2px var(--hair);opacity:.5;justify-content:center;align-items:center;display:flex;position:relative}.ability-slot.learned{opacity:1;background:var(--block);box-shadow:0 0 0 3px var(--ink),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo)}.ability-slot.learned:after{content:"";background:conic-gradient(#0b1214c4 calc(var(--cooldown,0)*360deg),transparent 0);pointer-events:none;position:absolute;inset:0}.ability-slot.locked{opacity:.3}.ability-slot.short{box-shadow:0 0 0 3px var(--ink),inset 0 0 0 2px #e0503f}.ability-slot.unarmed{opacity:.45}.ability-slot.unarmed .ability-icon{filter:grayscale()brightness(.7)}.ability-key{z-index:1;font:16px/8px var(--pixel);color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);box-shadow:none;background:0 0;padding:0;position:absolute;top:4px;left:4px}.ability-icon{position:absolute;inset:4px}.ability-slot:not(.learned) .ability-icon{filter:grayscale()}.ability-slot.cooling .ability-icon{filter:brightness(.55)saturate(.7)}.ability-ranks{z-index:1;font:600 16px/10px var(--body);letter-spacing:1px;color:var(--green-hi);text-shadow:1px 1px 0 var(--ink),-1px 0 0 var(--ink);position:absolute;bottom:4px;left:0;right:0}.ability-time{z-index:1;font:32px/16px var(--pixel);color:var(--text);text-shadow:2px 2px 0 var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ability-cost{z-index:1;font:16px/8px var(--pixel);color:#ff8a78;text-shadow:1px 1px 0 var(--ink);position:absolute;top:4px;right:4px}.ability-bar[data-class=archer] .ability-cost{color:#7fe3e8}.ability-slot.short .ability-cost{color:#e0503f}.ability-active{height:4px;box-shadow:0 0 0 2px var(--ink);transform-origin:0;transform:scaleX(var(--active,0));visibility:hidden;background:#e0503f;position:absolute;top:-9px;left:3px;right:3px}.ability-slot.active{box-shadow:0 0 0 3px var(--ink),inset 0 0 0 2px #ff6a4a,0 0 14px #e0503f99}.ability-slot.active .ability-active{visibility:visible}.meal-slot{margin-left:12px}.meal-slot .ability-ranks{color:var(--text)}.meal-slot .ability-active,.treat-slot .ability-active{background:#7ccb3a}.meal-slot.active,.treat-slot.active{box-shadow:0 0 0 3px var(--ink),inset 0 0 0 2px #7ccb3a,0 0 14px #7ccb3a66}.treat-slot{cursor:pointer;margin-left:12px}.treat-slot .ability-ranks{color:var(--text)}.treat-icon{width:48px;height:48px}.enemy-class{align-self:center;display:inline-flex}.enemy-class .class-mark{width:10px;height:10px;color:var(--text);filter:drop-shadow(1px 1px 0 var(--ink));display:block}.enemy-bar.compact .enemy-class{display:none}#boss-bar{--boss-l:300px;--boss-edge:300px;--boss-max:560px;--boss-r:calc(100vw - var(--boss-edge));--boss-w:max(260px,min(var(--boss-max),calc(var(--boss-r) - var(--boss-l))));left:clamp(var(--boss-l),calc(50vw - var(--boss-w)/2),calc(var(--boss-r) - var(--boss-w)));z-index:3;width:var(--boss-w);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);pointer-events:none;opacity:0;visibility:hidden;align-items:center;gap:10px;padding:7px 10px 7px 12px;transition:opacity .4s,visibility 0s .4s;display:flex;top:74px}#boss-bar.show{opacity:1;visibility:visible;transition:opacity .25s}.boss-title{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.boss-level{min-width:16px;height:14px;font:16px/8px var(--pixel);text-align:center;color:var(--ink);background:var(--threat,#e8eee4);box-shadow:0 0 0 2px var(--ink),inset 0 -2px 0 #0b121433;padding:3px 3px 0}.boss-name{font:16px/8px var(--pixel);letter-spacing:1px;color:var(--threat,var(--text));text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink)}.boss-health{background:var(--ink);flex:1;min-width:0;height:18px;padding:2px;position:relative}.boss-health>i{width:calc(var(--value,1)*(100% - 4px));position:absolute;top:2px;bottom:2px;left:2px}.boss-health>.boss-trail{background:#f3c1bb;transition:width .45s linear .35s}.boss-health>.boss-fill{background:var(--health);box-shadow:inset 0 2px 0 var(--health-hi),inset 0 -2px 0 var(--health-lo)}.boss-health:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0b121466 calc(10% - 1px) 10%);position:absolute;inset:2px}.boss-health>.boss-phase{z-index:1;left:calc(2px + var(--at,.5)*(100% - 4px) - 1px);background:var(--text);width:2px;box-shadow:0 0 0 1px var(--ink);top:-4px;bottom:-4px}.boss-value{z-index:2;font:16px/8px var(--pixel);color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#boss-bar.low .boss-fill{animation:1s steps(2,end) infinite health-low}@media (width>=1600px){#boss-bar{--boss-l:308px;--boss-edge:308px;top:80px}}@media (width<=1100px){#boss-bar{--boss-max:480px}}@media (width<=1050px){#boss-bar{--boss-edge:256px}}@media (width<=860px){#boss-bar{--boss-l:16px;--boss-edge:16px;--boss-max:480px;top:auto;bottom:clamp(106px,324px,50dvh - 80px)}}@media (width<=600px){#boss-bar{bottom:clamp(102px,300px,50dvh - 80px)}}@media (prefers-reduced-motion:reduce){#boss-bar.low .boss-fill{animation:none}}#inventory{outline:none;padding:20px 20px 12px}#inventory .panel-heading{margin-bottom:14px}.inventory-note{width:0;min-width:100%;font:500 24px/19.5px var(--body);color:var(--dim);margin:-4px 0 16px}.inventory-body{align-items:flex-start;gap:20px;display:flex}.inventory-gear{grid-template-columns:52px 144px 52px;column-gap:8px;padding:4px;display:grid}.gear-column{flex-direction:column;gap:8px;display:flex}.paperdoll{cursor:grab;touch-action:none;background:radial-gradient(50% 40% at 50% 58%,#eaf2e314,#0000);width:144px;height:292px;display:block}.paperdoll.turning{cursor:grabbing}.dragging .paperdoll.valid{background:radial-gradient(50% 40% at 50% 58%,#7ccb3a2e,#0000)}.paperdoll.over{box-shadow:inset 0 0 0 2px var(--green-hi)}.inventory-bag{flex-direction:column;min-width:0;display:flex}.bag-head{justify-content:space-between;align-items:center;gap:16px;margin:0 4px 10px;display:flex}.bag-count{font:16px/12px var(--pixel);color:var(--dim)}.bag-coins{font:16px/12px var(--pixel);color:var(--text);align-items:center;gap:6px;margin-left:auto;display:flex}.bag-coins .coin-icon{width:16px;height:16px}.bag-grid{grid-template-columns:repeat(8,40px);gap:4px;padding:4px;display:grid}.bag-row{display:contents}.gear-travel{gap:8px;padding:16px 4px 4px;display:flex}.slot{width:40px;height:40px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 #050a0b;outline-offset:6px;touch-action:none;-webkit-user-select:none;user-select:none;background:#0e181b;position:relative}.inventory-gear .slot,.gear-travel .slot{width:52px;height:52px}.slot canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slot.filled{cursor:grab}.slot.rare{box-shadow:0 0 0 4px var(--ink),inset 0 0 0 2px var(--rarity),inset 0 4px 0 #050a0b}.slot:hover,.slot:focus-visible{background:#16262b}.slot:focus-visible{outline:2px solid var(--green-hi)}.slot-mark{text-align:center;font:16px/12px var(--pixel);text-transform:uppercase;color:#eaf2e352;pointer-events:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;inset:0}.slot.unknown .slot-mark{color:var(--dim);font-size:32px;line-height:24px}.slot.locked canvas{opacity:.45}.slot-level{min-width:16px;height:12px;font:16px/8px var(--pixel);text-align:center;color:var(--text);background:var(--health-lo,#9e2a22);pointer-events:none;padding:2px 2px 0;display:none;position:absolute;bottom:0;right:0}.slot.locked .slot-level{display:block}.slot.held{box-shadow:0 0 0 4px var(--ink),inset 0 0 0 2px var(--green-hi),inset 0 4px 0 #050a0b}.slot.stack .slot-level{color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px 1px 0 var(--ink),1px -1px 0 var(--ink),-1px -1px 0 var(--ink);background:0 0;display:block}.dragging,.dragging .slot{cursor:grabbing}.dragging .slot.valid{background:#14291b}.slot.over{box-shadow:0 0 0 4px var(--ink),inset 0 0 0 2px var(--green-hi),inset 0 4px 0 #050a0b}.slot.lifted canvas{opacity:.3}.inventory-foot{align-items:center;min-height:20px;margin-top:12px;display:flex}.inventory-status{font:500 24px/19.5px var(--body);color:var(--dim);margin:0 4px}.inventory-confirm{width:100%;font:500 24px/19.6px var(--body);align-items:center;gap:16px;padding:4px;display:flex}.inventory-confirm>span{flex:1}.inventory-confirm b{font-weight:700}.inventory-confirm button{height:32px;padding:0 14px}.inventory-naming{align-items:center;gap:10px;margin-left:auto;padding:4px;display:flex}.inventory-naming button{text-overflow:ellipsis;white-space:nowrap;max-width:220px;height:32px;padding:0 14px;overflow:hidden}.inventory-naming label{font:16px/12px var(--pixel);color:var(--dim);text-transform:uppercase}.inventory-naming input{width:200px;height:32px}.inventory-naming:not(.editing) label,.inventory-naming:not(.editing) input,.inventory-naming.editing button{display:none}.item-tip{z-index:8;background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:240px;box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);color:var(--text);pointer-events:none;padding:14px 16px 12px;position:fixed;top:0;left:0}.item-tip h3{font:32px/24px var(--pixel);color:var(--rarity,var(--text));overflow-wrap:anywhere;margin:0}.tip-tier{font:500 24px/18.2px var(--body);color:var(--dim);margin:4px 0 10px}.tip-requirement{font:700 24px/19.6px var(--body);color:var(--health-hi,#f07065);margin:-4px 0 10px}.tip-stage{background:radial-gradient(60% 50% at 50% 55%,#eaf2e314,#0000);height:96px;margin-bottom:10px;position:relative}.tip-preview{width:208px;height:96px;display:block}.tip-unknown{font:48px var(--pixel);color:var(--dim);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tip-stats{font:500 24px/19.5px var(--body);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tip-stats li{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.tip-stats b{font:700 24px/18.2px var(--body);white-space:nowrap}.tip-stats .better{color:var(--green-hi)}.tip-stats .worse{color:var(--health-hi,#f07065)}.tip-text{font:500 24px/18.85px var(--body);color:var(--dim);margin:10px 0 0}.tip-foot{border-top:2px solid var(--hair);font:500 16px/16.8px var(--body);color:var(--dim);margin:10px 0 0;padding-top:10px}.tip-key{font:16px/8px var(--pixel);color:var(--text);text-transform:uppercase;align-items:center;gap:12px;padding:12px 2px 2px;display:flex}.item-ghost{z-index:9;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:fixed;top:0;left:0}.item-ghost canvas{filter:drop-shadow(0 6px 4px #0b121480);width:64px;height:64px}.item-ghost span{font:16px/8px var(--pixel);text-transform:uppercase;color:var(--text);background:var(--ink);padding:4px 6px;display:none}.item-ghost.dropping span{display:block}#loot-labels{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.loot-label{font:16px/8px var(--pixel);color:var(--rarity);white-space:nowrap;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0}.loot-label.target:before{content:"E";width:16px;height:16px;color:var(--text);background:var(--block);box-shadow:0 0 0 2px var(--ink),inset 0 -2px 0 var(--block-lo);text-shadow:none;justify-content:center;align-items:center;display:flex}#loot-prompt{z-index:3}@media (width<=760px){#inventory{width:auto;max-width:none;max-height:calc(100dvh - 24px);inset:12px}.inventory-body{flex-wrap:wrap;justify-content:center}}#loot-feed{--pic:48px;--band:40px;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;bottom:28px;right:34px}.loot-row{height:var(--pic);align-items:center;min-width:200px;max-width:340px;animation:.16s ease-out loot-in;display:flex;position:relative}.loot-picture{z-index:1;width:var(--pic);height:var(--pic);filter:drop-shadow(0 2px #0b121466);flex:none;position:relative}.loot-band{min-width:0;height:var(--band);margin-left:calc(var(--pic)/-2);padding:0 16px 0 calc(var(--pic)/2 + 8px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);font:24px/16px var(--body);white-space:nowrap;color:var(--rarity,var(--text));text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);background:#0b1215a3;flex:auto;align-items:center;gap:8px;display:flex}.loot-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.loot-count{color:var(--dim);flex:none}.loot-skill{width:calc(var(--pic) - 12px);height:calc(var(--pic) - 12px);filter:none;box-shadow:0 0 0 2px var(--ink),0 2px 0 2px #0b121466;margin:6px}.loot-up{z-index:2;width:16px;height:16px;display:block;position:absolute;bottom:0;left:0}.loot-up svg{width:16px;height:16px;display:block}.loot-up-ink{fill:var(--ink)}.loot-up-fill{fill:var(--green-hi)}.loot-spoken{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loot-row>*{animation:.16s ease-out loot-show}.loot-row.leaving{animation:.4s linear forwards loot-close}.loot-row.leaving>*{animation:.28s linear forwards loot-hide}.loot-row.pushed{animation-duration:.15s}.loot-row.pushed>*{animation-duration:.1s}.loot-row.pulse .loot-band{animation:.4s ease-out loot-pulse}.loot-row.pulse .loot-count{animation:.4s step-end loot-pulse-count}@keyframes loot-in{0%{transform:translate(32px)}}@keyframes loot-show{0%{opacity:0}}@keyframes loot-hide{to{opacity:0}}@keyframes loot-close{0%,70%{height:var(--pic)}to{height:0}}@keyframes loot-pulse{0%{box-shadow:inset 0 0 0 2px var(--rarity,var(--text));background:#2a3c41d9}}@keyframes loot-pulse-count{0%{color:var(--text)}}@media (width>=1600px){#loot-feed{bottom:34px;right:42px}}@media (width<=1200px){#loot-feed{bottom:104px}}@media (width<=600px){#loot-feed{--pic:40px;--band:32px;bottom:100px;right:16px}.loot-row{min-width:160px;max-width:min(280px,100vw - 32px)}.loot-band{padding:0 12px 0 calc(var(--pic)/2 + 6px);gap:6px;font-size:16px;line-height:12px}}@media (prefers-reduced-motion:reduce){.loot-row,.loot-row.leaving{animation:none}}#interact-prompt{pointer-events:none;width:max-content;max-width:calc(100vw - 32px);font:500 24px/16px var(--body);color:var(--text);white-space:nowrap;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink),-2px 2px 0 var(--ink),2px -2px 0 var(--ink),-2px -2px 0 var(--ink);flex-direction:column;align-items:center;gap:10px;display:flex;top:calc(50% + 50px);left:50%;transform:translate(-50%)}#interact-prompt .interact-lines{flex-direction:column;align-items:center;gap:10px;display:flex}#interact-prompt .interact-line{align-items:center;gap:10px;min-width:0;display:flex}#interact-prompt kbd{text-shadow:none;box-shadow:0 0 0 2px var(--ink),inset 0 -4px 0 var(--block-lo),0 4px 0 0 #0b121466;flex:none}#interact-prompt .interact-hold{font:16px/8px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--green-hi)}#interact-prompt .interact-what{text-overflow:ellipsis;color:#f6ecd2;overflow:hidden}#interact-prompt .interact-what:before{content:"·";color:var(--dim);margin-right:10px}#interact-prompt .refused .interact-verb{color:#e8907e}#interact-prompt .refused kbd{opacity:.55}#interact-prompt .interact-progress{background:var(--ink);width:132px;height:10px;padding:2px;box-shadow:0 0 0 2px #eaf2e324}#interact-prompt .interact-progress i{background:var(--green);width:0;height:100%;box-shadow:inset 0 -2px 0 var(--green-lo);display:block}@media (width<=600px){#interact-prompt{font-size:16px;line-height:12px}#interact-prompt .interact-line{gap:8px}}.compass{pointer-events:none;background:linear-gradient(90deg,#0000,#0b121447 18% 82%,#0000),linear-gradient(90deg,#0000,#eaf2e340 18% 82%,#0000) bottom/100% 2px no-repeat;width:400px;height:28px;position:absolute;top:0;left:50%;transform:translate(-50%)}.compass:after{content:"";background:var(--text);width:2px;height:6px;position:absolute;bottom:2px;left:calc(50% - 1px);box-shadow:0 0 0 1px #0b121499}.compass-tape{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.compass-mark,.compass-tick{will-change:transform;position:absolute;left:50%}.compass-mark{text-align:center;width:16px;font:16px/16px var(--pixel);color:var(--text);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);margin-left:-8px;top:6px}.compass-mark.north{color:var(--green-hi)}.compass-tick{background:#eaf2e3a6;width:2px;height:6px;margin-left:-1px;top:10px;box-shadow:0 0 0 1px #0b121466}.compass-goals{position:absolute;inset:0}.compass-goal{will-change:transform;width:0;height:16px;position:absolute;top:6px;left:50%}.compass-goal-art{left:calc(var(--foot,.5)*-16px);filter:drop-shadow(0 1px #0b1214a6);width:16px;height:16px;position:absolute;top:0}.compass-goal-art svg{width:100%;height:100%;display:block}.compass-goal-distance{font:16px/8px var(--pixel);color:#f6ecd2;white-space:nowrap;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);position:absolute;top:26px;left:0;transform:translate(-50%)}.compass-goal.edge{opacity:.7}@media (width>=1600px){.compass{width:440px}}@media (width<=1100px){.compass{width:300px}}@media (width<=860px){.compass{width:240px}}@media (width<=600px){.compass{display:none}}.tabbed{flex-direction:column;display:flex}.tabbed>.panel{flex:auto;min-height:0}.tab-bar{pointer-events:none;flex-shrink:0;justify-content:flex-end;align-items:flex-end;gap:4px;height:40px;padding:0 12px 0 0;display:flex}.tab-bar>*{pointer-events:auto}.tab-bar-tab{height:32px;font:16px/8px var(--pixel);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;color:var(--dim);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 2px 0 var(--hair),inset 2px 0 0 var(--hair),inset -2px 0 0 var(--hair);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% 100%,0 100%);background:#0b1215a3;align-items:center;gap:8px;padding:2px 14px 0 10px;display:flex;position:relative}.tab-bar-tab:hover{color:var(--text);background:#0b1215bd}.tab-bar-tab[aria-selected=true]{height:40px;color:var(--text);box-shadow:inset 0 4px 0 var(--green),inset 0 6px 0 var(--green-lo),inset 2px 0 0 var(--hair),inset -2px 0 0 var(--hair);background:#0b1215d1;padding-top:4px}.tab-bar-tab:focus-visible{outline:2px solid var(--green-hi);outline-offset:-6px}.tab-bar-icon{flex:none;width:16px;height:16px;display:block}.tab-bar-tab:not([aria-selected=true]) .tab-bar-icon{filter:saturate(.45)brightness(.75)}.tab-bar-badge{min-width:16px;height:16px;font:16px/8px var(--pixel);text-align:center;color:var(--ink);background:var(--green-hi);box-shadow:0 0 0 2px var(--ink);padding:4px 3px 0}.tab-bar-badge[hidden]{display:none}@media (width<=600px){.tab-bar{gap:2px;padding-right:8px}.tab-bar-tab{gap:6px;padding:2px 8px 0 6px}}#character-window{--faint:#7f9089;pointer-events:none;outline:none;align-items:flex-start;display:flex}#character-window .panel{max-height:none;position:relative;inset:auto}#character-window .panel,#character-window .tab-bar-tab{pointer-events:auto}.character-column{z-index:1;flex:0 auto;width:720px;min-width:0;height:min(660px,100dvh - 32px);position:relative}#character-window .character-main{flex-direction:column;width:auto;padding:20px 20px 12px 24px;display:flex;overflow:hidden}#character-window .panel-heading{flex-shrink:0;margin-bottom:6px}.character-chapter{scrollbar-width:thin;scrollbar-color:var(--block-hi) transparent;flex:auto;min-height:0;margin-right:-8px;padding:14px 12px 8px 2px;overflow-y:auto}.character-note{font:500 24px/19.5px var(--body);color:var(--dim);margin:0 2px 8px}.character-free{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--faint);margin:2px 2px 0}.character-free.has{color:var(--green-hi)}.character-free.crafts{font:500 16px/16px var(--body);letter-spacing:0;text-transform:none;color:var(--dim)}.character-waiting{font:500 16px/16px var(--body);color:var(--dim);margin:8px 2px 0}.character-skills{margin:6px 0 0;padding:0;list-style:none}.character-skill{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 0 10px 2px;display:grid}.character-skill+.character-skill{border-top:2px solid #eaf2e312}.character-skill.just{animation:1s steps(4,end) character-just}@keyframes character-just{0%,40%{background:#7ccb3a2e}to{background:0 0}}.character-skill-icon{width:48px;height:48px;box-shadow:0 0 0 2px var(--ink)}.character-skill.locked.unlearned .character-skill-icon{filter:grayscale();opacity:.55}.character-skill-text{flex-direction:column;gap:5px;min-width:0;display:flex}.character-skill-top{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.character-skill-name{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--text)}.character-rank{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--dim)}.character-pips{gap:6px;padding:2px;display:flex}.character-pips .pip{width:10px;height:10px;box-shadow:0 0 0 2px var(--block-hi);background:#0e181b}.character-pips .pip.on{background:var(--text);box-shadow:0 0 0 2px var(--ink)}.character-pips .pip.wait{opacity:.35}.character-pips.many{gap:4px}.character-pips.many .pip{width:8px;height:8px}.character-skill-effect{font:500 24px/18px var(--body);color:var(--text);margin:0}.character-skill-next{font:500 16px/14px var(--body);color:var(--dim);margin:0}.character-skill-next.ready{color:var(--green-hi)}.character-skill.locked .character-skill-name,.character-skill.locked .character-skill-effect{color:var(--dim)}.character-craft-xp{background:var(--ink);max-width:280px;height:14px;margin-top:2px;padding:2px;position:relative}.character-craft-xp i{width:calc(var(--value,0)*(100% - 4px));background:var(--green);box-shadow:inset 0 -2px 0 var(--green-lo);position:absolute;top:2px;bottom:2px;left:2px}.character-craft-xp span{font:16px/8px var(--pixel);color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}.step-button{background:var(--block);width:28px;height:28px;color:var(--text);box-shadow:var(--ring),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);flex:none;margin:4px 8px 4px 4px;padding:0;position:relative}.step-button:before,.step-button.plus:after{content:"";background:currentColor;width:12px;height:4px;position:absolute;top:12px;left:8px}.step-button.plus:after{width:4px;height:12px;top:8px;left:12px}.step-button.plus:not([aria-disabled=true]){background:var(--green);color:var(--ink);box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}.step-button.plus:not([aria-disabled=true]):hover{background:#8ad646}.step-button.plus:not([aria-disabled=true]):active{box-shadow:var(--ring),inset 0 4px 0 var(--green-lo)}.step-button[aria-disabled=true]{opacity:.35;cursor:not-allowed}#character-window .step-button:focus-visible{outline-offset:6px}.character-status{border-top:2px solid var(--hair);min-height:16px;font:500 16px/16px var(--body);color:var(--text);flex-shrink:0;margin:4px 0 0;padding:10px 2px 0}.character-status.resting{color:var(--faint)}.character-status.done{color:var(--green-hi)}#character-window .character-sheet{z-index:0;background:#0b1215c2;flex-direction:column;flex:none;gap:12px;width:232px;max-height:calc(100dvh - 130px);margin:98px -8px 0 0;padding:16px 26px 18px 18px;display:flex;overflow-y:auto}.character-who{align-items:center;gap:12px;min-width:0;display:flex}.character-who>div{flex-direction:column;gap:6px;min-width:0;display:flex}.character-portrait{width:48px;height:48px;box-shadow:0 0 0 2px var(--ink);background:#0e181b;flex:none}.character-portrait canvas{width:100%;height:100%;display:block}.character-name{font:24px/16px var(--pixel);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}#character-window .character-class{font:500 16px/14px var(--body);color:var(--dim)}.character-xp{background:var(--ink);flex:none;height:16px;padding:2px;position:relative}.character-xp i{width:calc(var(--value,0)*(100% - 4px));background:var(--green);box-shadow:inset 0 -2px 0 var(--green-lo);position:absolute;top:2px;bottom:2px;left:2px}.character-xp span{font:16px/8px var(--pixel);color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}.character-label{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin:4px 0 0;font-weight:400}.character-stats{flex-direction:column;gap:6px;margin:0;display:flex}.character-stats div{justify-content:space-between;gap:12px;display:flex}.character-stats dt,.character-stats dd{font:500 16px/14px var(--body)}.character-stats dt{color:var(--dim)}.character-stats dd{white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.character-stats dd.rose{color:var(--green-hi);animation:1.4s steps(4,end) character-rose}.character-stats dd.rose:after{content:" ▲"}@keyframes character-rose{0%,50%{background:#7ccb3a33}to{background:0 0}}.character-points{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.character-points li{font:500 16px/14px var(--body);color:var(--dim);align-items:center;gap:8px;display:flex}.character-points b{font:24px/12px var(--pixel);color:var(--faint);margin-left:auto;font-weight:400}.character-points li.has{color:var(--text)}.character-points li.has b{color:var(--green-hi)}@media (height<=480px){#character-window .character-main{padding-top:12px}#character-window .panel-heading{margin-bottom:2px}#character-window .character-sheet{gap:8px;max-height:calc(100dvh - 118px);margin-top:86px;padding-top:12px;padding-bottom:12px}.character-points{display:none}.character-chapter{padding-top:8px}.character-status{padding-top:6px}}@media (width<=760px){#character-window{flex-direction:column;align-items:stretch;width:auto;max-width:none;height:auto;max-height:none;margin:0;inset:12px}.character-column{flex:auto;width:auto;height:auto;min-height:0}#character-window .character-main{padding:14px 14px 10px 16px}#character-window .character-sheet{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 16px;width:auto;max-height:none;margin:0 0 4px;padding:12px 16px 14px;display:grid;overflow:visible}.character-label,.character-points{display:none}.character-stats{flex-flow:wrap;grid-column:1/-1;gap:4px 16px}.character-stats div{gap:6px}}@media (width<=420px){#character-window .character-sheet{grid-template-columns:minmax(0,1fr)}#character-window .tab-bar-tab .tab-bar-icon{display:none}.character-skill{grid-template-columns:32px minmax(0,1fr) auto;gap:10px}.character-skill-icon{width:32px;height:32px}}@media (prefers-reduced-motion:reduce){#character-window .just,#character-window .rose{animation:none}}#character-window [hidden]{display:none}:root{--system:#d9c27a;--leader:#f2c94c;--whisper:#d2aef0}.primary.small,.block.small{gap:8px;height:32px;padding:0 12px;font-size:16px;line-height:8px}.small kbd{min-width:20px;height:20px;padding:0 5px}.crown{width:14px;height:10px;color:var(--leader);filter:drop-shadow(1px 1px 0 var(--ink))}.class-mark{width:10px;height:10px;color:var(--dim);filter:drop-shadow(1px 1px 0 var(--ink))}.plate-class{align-self:center;display:inline-flex}.plate-class:empty{display:none}#chat{pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100vw - 68px);padding:8px 8px 4px;display:flex;bottom:52px;left:34px}@media (width<=1400px){#chat{bottom:128px}}#chat.open{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);pointer-events:auto}.chat-log{max-height:176px;font:500 24px/20.25px var(--body);overflow-wrap:anywhere;flex-direction:column;gap:3px;margin:0;padding:0 4px;list-style:none;display:flex;overflow:hidden}#chat.open .chat-log{scrollbar-width:thin;scrollbar-color:var(--block-hi) transparent;max-height:min(264px,40dvh);overflow-y:auto}.chat-line{color:var(--text);text-shadow:1px 1px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink);flex-shrink:0;transition:opacity .8s}.chat-line.faded{opacity:0}#chat.open .chat-line{opacity:1;text-shadow:1px 1px 0 var(--ink);transition:none}.chat-tag{font:16px/8px var(--pixel);vertical-align:1px;color:var(--dim);margin-right:8px;display:inline-block}.chat-name{font-weight:700}.chat-line.party .chat-tag,.chat-line.party .chat-name{color:var(--green-hi)}.chat-line.system{color:var(--system)}.chat-line.friend .chat-tag,.chat-line.friend .chat-name{color:var(--whisper)}.chat-entry{align-items:center;gap:14px;padding:4px;display:flex}.chat-channel{height:32px;font:16px/8px var(--pixel);background:var(--block);box-shadow:var(--ring),inset 0 4px 0 var(--block-hi),inset 0 -4px 0 var(--block-lo);flex-shrink:0;padding:0 10px}.chat-channel:hover{background:#364a50}#chat[data-channel=party] .chat-channel{background:var(--green);color:var(--ink);box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}#chat input.chat-input{flex:1;height:32px;padding:0 10px;font-size:24px}.chat-counter{font:16px/8px var(--pixel);color:var(--dim);flex-shrink:0}.chat-counter:empty{display:none}.chat-counter.over{color:var(--health-hi,#f07065)}.chat-note{font:500 24px/18.2px var(--body);color:var(--system);margin:0 4px 4px}#party-frames{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:252px;box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);pointer-events:none;flex-direction:column;gap:10px;padding:10px 12px 12px;display:flex;top:196px;left:34px}.party-frame{flex-direction:column;gap:6px;display:flex}.pf-head{min-width:0;font:16px/12px var(--pixel);text-shadow:2px 2px 0 var(--ink);align-items:center;gap:8px;display:flex}.pf-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);overflow:hidden}.pf-level{color:var(--green-hi);flex-shrink:0}.pf-note{color:var(--dim);flex-shrink:0;margin-left:auto}.pf-bar{background:var(--ink);height:10px;padding:2px}.pf-bar i{height:100%;width:calc(var(--value,1)*100%);background:var(--health,#d8443a);box-shadow:inset 0 -2px 0 var(--health-lo,#9e2a22);transition:width .3s;display:block}.party-frame[data-state=offline]{opacity:.5}.party-frame[data-state=down] .pf-note{color:var(--health-hi,#f07065)}.party-frame.companion[data-state=call] .pf-note{color:var(--green-hi)}.party-frame.companion[data-state=down] .pf-name,.party-frame.companion[data-state=call] .pf-name{opacity:.6}#player-markers{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.plate,.pin-label{font:16px/8px var(--pixel);white-space:nowrap;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink)}.plate{color:var(--text);align-items:baseline;gap:8px;display:flex;position:absolute;top:0;left:0}.plate-level{color:var(--dim)}.plate.party .plate-name{color:var(--green-hi)}.plate.party .plate-level{color:var(--green)}.plate.down{opacity:.6}.pin{position:absolute;top:0;left:0}.pin-mark{background:var(--green-hi);width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);display:block;position:absolute;top:0;left:0;transform:translate(-50%,-50%)rotate(45deg)}.pin-label{color:var(--green-hi);position:absolute;top:0;left:0;transform:translate(-50%,calc(-100% - 12px))}.pin.edge .pin-mark{background:var(--ink);width:28px;height:28px;box-shadow:none;clip-path:polygon(0 0,100% 50%,0 100%)}.pin.edge .pin-mark:after{content:"";background:var(--green-hi);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:6.5px 9px 6.5px 4px}.pin.down .pin-mark,.pin.down.edge .pin-mark:after{background:#8a9499}.pin.down.edge .pin-mark{background:var(--ink)}.pin.down .pin-label{color:var(--dim)}.map-mate{z-index:1;font:16px/8px var(--pixel);white-space:nowrap;color:var(--green-hi);text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);pointer-events:none;position:absolute;top:0;left:0}.map-mate.down{color:var(--dim)}#invite-prompt{background:var(--glass-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(380px,100vw - 32px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step8);flex-direction:column;gap:12px;padding:18px 20px 16px;display:flex;top:max(236px,28dvh);left:50%;transform:translate(-50%)}.invite-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.invite-time{font:16px/12px var(--pixel);color:var(--dim)}.invite-text{font:500 24px/23.2px var(--body);overflow-wrap:anywhere;margin:0}.invite-text b{color:var(--green-hi);font-weight:700}.invite-more{font:500 24px/18.2px var(--body);color:var(--dim);margin:-6px 0 0}.invite-actions{gap:16px;padding:4px;display:flex}.invite-actions button{flex:1}.invite-bar{background:var(--ink);height:8px;padding:2px}.invite-bar i{height:100%;width:calc(var(--left,1)*100%);background:var(--green);display:block}#party-window{outline:none;flex-direction:column;width:700px;height:520px;padding:20px 20px 12px;display:flex;overflow:hidden}#party-window .panel-heading{flex-shrink:0;margin-bottom:14px}.party-body{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;margin:0 -8px;display:grid}.party-body.alone{grid-template-columns:minmax(0,1fr)}.party-column{scrollbar-width:thin;scrollbar-color:var(--block-hi) transparent;min-height:0;padding:2px 8px 0;overflow-y:auto}.party-tabs{flex-shrink:0;margin:0 4px 18px}.tab-badge{color:var(--green-hi);margin-left:10px}.tab-badge:empty{display:none}.tabs [aria-selected=true] .tab-badge{color:var(--ink)}.friend-row .party-row-note{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:50%;overflow:hidden}.party-note{font:500 24px/19.5px var(--body);color:var(--dim);flex-shrink:0;margin:-4px 0 16px}.party-group{flex-direction:column;gap:10px;margin:0 0 20px;display:flex}.party-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 4px;display:flex}.party-count{font:16px/12px var(--pixel);color:var(--dim)}.party-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.party-row{background:#eaf2e30d;flex-direction:column;gap:10px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 2px #eaf2e30f}.party-line{align-items:center;gap:8px;min-width:0;min-height:20px;display:flex}.party-row.offline .party-line{opacity:.55}.party-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:16px/12px var(--pixel);color:var(--text);overflow:hidden}.party-you{font:500 24px/13px var(--body);color:var(--dim);flex-shrink:0}.party-level{font:16px/12px var(--pixel);color:var(--green-hi);flex-shrink:0}.party-row-note{font:16px/12px var(--pixel);color:var(--dim);flex-shrink:0;margin-left:auto}.party-nearby .block{flex-shrink:0;margin:4px 4px 4px 8px}.party-actions{flex-wrap:wrap;gap:12px;padding:4px;display:flex}.party-leave{align-self:flex-start;margin:4px}.party-empty{font:500 24px/22.4px var(--body);margin:0 4px 20px}#party-window .party-group>label{font:16px/12px var(--pixel);margin:0 4px}.party-invite{align-items:center;gap:16px;padding:4px;display:flex}.party-invite input{flex:1}.party-invite .primary{height:40px}.party-none{font:500 24px/19.5px var(--body);color:var(--dim);margin:0 4px}.party-foot{flex-shrink:0;align-items:center;min-height:20px;margin-top:4px;display:flex}.party-status{font:500 24px/19.5px var(--body);color:var(--dim);margin:0 4px}.party-confirm{width:100%;font:500 24px/19.6px var(--body);flex-wrap:wrap;align-items:center;gap:12px;padding:4px;display:flex}.party-confirm>span{flex:100%}.party-confirm b{font-weight:700}@media (width>=1600px){#chat{bottom:58px;left:42px}#party-frames{top:202px;left:42px}}@media (width<=760px){#party-window{width:auto;max-width:none;max-height:calc(100dvh - 24px);display:block;inset:12px;overflow-y:auto}.party-body{margin:0;display:block}.party-column{padding:0;overflow:visible}}@media (width<=600px){#chat{width:calc(100vw - 32px);bottom:104px;left:16px}#party-frames{top:246px;left:16px}#invite-prompt{top:220px}}#npc-icons{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.merchant-icon,.quest-icon{pointer-events:none;will-change:transform;filter:drop-shadow(0 2px #0b121466);width:32px;height:32px;position:absolute;top:0;left:0}.merchant-icon svg,.quest-icon svg{width:100%;height:100%;display:block}.npc-name{white-space:nowrap;pointer-events:none;will-change:transform;font:16px/8px var(--pixel);text-transform:uppercase;color:#f6ecd2;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);position:absolute;top:0;left:0}#map-layer{z-index:1;pointer-events:none;position:fixed;inset:0}#map-layer.flying{z-index:12}#map-layer:before{content:"";opacity:0;background:radial-gradient(at 50% 48%,#0000 55%,#0b121470 100%);transition:opacity .5s;position:absolute;inset:0}#map-layer canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:relative}.atlas-open #map-layer{pointer-events:auto}.atlas-open #map-layer:before{opacity:1}.atlas-open #map-layer canvas{cursor:grab}.atlas-open #map-layer canvas:active{cursor:grabbing}#atlas{z-index:13;pointer-events:none;color:var(--text);animation:.3s ease-out .35s both atlas-in;position:fixed;inset:0}@keyframes atlas-in{0%{opacity:0}}#atlas-stage{outline:none;position:absolute;inset:0}.atlas-open .hud:not(#progress-banners):not(#defeat):not(#network-status){visibility:hidden}.atlas-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:30px;left:38px;right:38px}.atlas-top .eyebrow{font:16px var(--pixel);color:#c7ebff;text-shadow:2px 2px 0 var(--ink)}.atlas-top h2{font:48px/33.6px var(--pixel);text-transform:uppercase;text-shadow:3px 3px 0 var(--ink);margin:10px 0}.atlas-top button{height:40px;font:24px var(--body);pointer-events:auto;align-items:center;gap:16px;padding:0 12px 0 16px;display:flex}.atlas-bottom{z-index:2;font:24px var(--body);pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:26px;left:38px;right:38px}.atlas-bottom>span:first-child,.atlas-hints{background:var(--glass);clip-path:var(--step4);padding:6px 12px}.atlas-hints b{color:var(--green-hi);margin:0 10px}.atlas-hints kbd{font:16px var(--pixel)}.atlas-compass{background:var(--glass);width:56px;height:56px;clip-path:var(--step8);font:16px var(--pixel);place-items:center;display:grid;position:relative}.atlas-compass i{transform:rotate(var(--north,0deg));position:absolute;inset:0}.atlas-compass i:before{content:"";border:4px solid #0000;border-bottom:12px solid #e0503c;position:absolute;top:6px;left:calc(50% - 4px)}.map-labels{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-label{white-space:nowrap;font:16px/12px var(--pixel);text-transform:uppercase;color:#d6e9ff;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);position:absolute;top:0;left:0}.map-label.here{color:#fff;font-size:32px;line-height:24px}.map-label.city{color:#f2d98a}.map-label.map-mate{text-transform:none}.map-label.quest{color:#ffd85a}.map-label.quest.active{color:#c9d3da}.map-label.quest.target{color:#ff9f7a}.map-cursor{font:16px/12px var(--pixel);color:#fff;white-space:nowrap;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink);position:absolute;top:0;left:0}@media (width<=1050px){.atlas-top h2{font-size:32px;line-height:22.4px}.atlas-bottom{font-size:16px}.atlas-hints b{margin:0 4px}}@media (width<=600px){.atlas-top{gap:12px;top:22px;left:18px;right:18px}.atlas-top h2{overflow-wrap:anywhere;max-width:200px}.atlas-top button{gap:8px;padding:0 10px;font-size:16px}.atlas-top button kbd{display:none}.atlas-bottom{gap:10px;bottom:22px;left:20px;right:20px}.atlas-hints{display:none}}#shop{outline:none;width:500px;height:min(720px,100dvh - 32px)}#shop>.panel{flex-direction:column;width:auto;max-height:none;padding:20px 20px 12px;display:flex;overflow:hidden}#shop .panel-heading{flex-shrink:0;margin-bottom:14px}.shop-corner{flex-shrink:0;align-items:center;gap:14px;display:flex}.shop-coins{font:32px/16px var(--pixel);color:var(--text);white-space:nowrap;align-items:center;gap:8px;display:flex}.shop-titles{align-items:center;gap:16px;min-width:0;display:flex}.shop-titles>div{min-width:0}.shop-titles .eyebrow{overflow-wrap:anywhere;display:block}.shop-icon{width:48px;height:48px;box-shadow:0 0 0 4px var(--ink);background:#0e181b;flex-shrink:0;margin:4px 0 4px 4px;display:block}.shop-icon svg{width:100%;height:100%;display:block}.shop-note{font:500 24px/19.5px var(--body);color:var(--dim);flex-shrink:0;margin:-4px 4px 14px}.shop-list{scrollbar-width:thin;scrollbar-color:var(--block-hi) transparent;flex:auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-height:0;margin:0;padding:6px 8px 8px 6px;list-style:none;display:grid;overflow-y:auto}.shop-list>:not(.shop-row){grid-column:1/-1}.shop-divider{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--dim);margin:10px 2px 2px}.shop-row{background:#eaf2e30d;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 10px 10px 12px;display:grid;box-shadow:inset 0 0 0 2px #eaf2e30f}.shop-row:hover,.shop-row:focus-within{background:#eaf2e317}.shop-well{width:52px;height:52px;box-shadow:0 0 0 4px var(--ink),inset 0 4px 0 #050a0b;background:#0e181b;position:relative}.shop-row.rare .shop-well{box-shadow:0 0 0 4px var(--ink),inset 0 0 0 2px var(--rarity),inset 0 4px 0 #050a0b}.shop-well canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.shop-info{flex-direction:column;gap:5px;min-width:0;display:flex}.shop-name{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--rarity,var(--text));overflow-wrap:anywhere}.shop-tier{font:500 24px/16.25px var(--body);color:var(--dim)}.shop-stats{font:500 24px/18.2px var(--body);color:var(--text)}.shop-stats span{white-space:nowrap}.shop-need{font:700 24px/16.9px var(--body);color:var(--health-hi,#f07065)}.shop-row.locked .shop-well canvas,.shop-row.other .shop-well canvas{opacity:.45}.shop-row.other .shop-name,.shop-row.other .shop-stats{opacity:.6}.shop-row.other .shop-need{color:var(--dim);font-weight:500}.shop-deal{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.shop-price{font:16px/8px var(--pixel);color:var(--text);white-space:nowrap;align-items:center;gap:6px;display:flex}.shop-price.poor{color:var(--health-hi,#f07065)}.shop-price .coin-icon,.shop-coins .coin-icon{width:16px;height:16px}.primary.shop-buy{height:32px;padding:0 14px;font-size:16px;line-height:8px}.primary.shop-buy[aria-disabled=true]{opacity:.45;cursor:not-allowed}.primary.shop-buy[aria-disabled=true]:hover{background:var(--green)}.primary.shop-buy[aria-disabled=true]:active{box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}.shop-none{font:500 24px/19.5px var(--body);color:var(--dim);margin:2px 2px 4px}.shop-foot{border-top:2px solid var(--hair);flex-shrink:0;margin-top:12px;padding-top:12px}#shop .shop-foot{flex-wrap:wrap;align-items:flex-start;column-gap:16px;display:flex}.shop-room{flex-shrink:0;align-items:center;gap:12px;min-height:20px;margin:0 4px 0 auto;display:flex}.shop-label{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--dim)}.shop-space{font:16px/8px var(--pixel);color:var(--text);white-space:nowrap}.shop-space.full{color:var(--health-hi,#f07065)}.shop-status{min-height:20px;font:500 24px/19.5px var(--body);color:var(--dim);margin:10px 4px 0}#shop .shop-status{flex:1 1 0;min-width:0;margin:0 4px}.shop-confirm{font:500 24px/19.6px var(--body);color:var(--text);flex:100%;align-items:center;gap:16px;margin:10px 0 0;padding:4px;display:flex}.shop-confirm>span{flex:1}.shop-confirm b{font-weight:700}.shop-confirm button{height:32px;padding:0 14px}@media (width<=532px){#shop{width:auto;max-width:none;height:min(720px,100dvh - 24px);max-height:none;left:12px;right:12px}}@media (height<=480px){#shop{height:calc(100dvh - 24px);max-height:none}#shop>.panel,#cooking,#smithing{padding-top:12px}#shop .panel-heading,#cooking .panel-heading,#smithing .panel-heading{margin-bottom:8px}.shop-icon{width:32px;height:32px;margin:2px 0 2px 4px}.shop-foot{margin-top:6px;padding-top:8px}.shop-status{margin-top:6px}}@media (width<=420px){.shop-row{grid-template-columns:40px minmax(0,1fr);gap:12px}.shop-well{width:40px;height:40px}.shop-deal{flex-direction:row;grid-column:2;justify-content:space-between;align-items:center}.shop-coins{gap:6px;font-size:16px;line-height:8px}.shop-corner{gap:8px}}#cooking{outline:none;flex-direction:column;width:500px;max-height:min(720px,100dvh - 32px);padding:20px 20px 12px;display:flex;overflow:hidden}#cooking .panel-heading{flex-shrink:0;margin-bottom:14px}.cooking-group{margin:8px 0 0 2px}.cooking-group:first-child{margin-top:0}.cooking-row .shop-stats .short{color:var(--health-hi,#f07065)}.cooking-row.locked .shop-well canvas{opacity:.45}.cooking-row.locked .shop-name,.cooking-row.locked .shop-stats{opacity:.6}.primary.cooking-cook{min-width:88px;position:relative;overflow:hidden}.cooking-row.cooking .cooking-cook{background:linear-gradient(90deg,#f29a3a calc(var(--cooked,0)*100%),var(--green) calc(var(--cooked,0)*100%))}@media (width<=532px){#cooking{width:auto;max-width:none;max-height:calc(100dvh - 24px);inset:12px}}#smithing{outline:none;flex-direction:column;width:500px;max-height:min(720px,100dvh - 32px);padding:20px 20px 12px;display:flex;overflow:hidden}#smithing .panel-heading{flex-shrink:0;margin-bottom:14px}.smithing-group{margin:8px 0 0 2px}.smithing-group:first-child{margin-top:0}.primary.smithing-smith{min-width:88px;position:relative;overflow:hidden}.smithing-row.smithing .smithing-smith{background:linear-gradient(90deg,#f2b84a calc(var(--smithed,0)*100%),var(--green) calc(var(--smithed,0)*100%))}@media (width<=532px){#smithing{width:auto;max-width:none;max-height:calc(100dvh - 24px);inset:12px}}.quest-book-head{align-items:center;gap:18px;min-width:0;display:flex}.quest-book-names{flex-direction:column;gap:10px;min-width:0;display:flex}.quest-book-names .book-eyebrow{overflow-wrap:anywhere}.quest-book-icon{background:var(--leather-lo);width:48px;height:48px;box-shadow:0 0 0 2px var(--leather-ink),0 0 0 4px var(--paper-edge);flex-shrink:0;margin:4px}.quest-book-icon svg{width:100%;height:100%;display:block}.quest-note,.quest-empty{color:var(--ink-dim)}.quest-list+.book-section{margin-top:8px}.book-entry.quest-entry{flex-direction:row;align-items:center;gap:12px;padding:8px 8px 8px 16px}.quest-entry-no{width:20px;font:16px/12px var(--pixel);letter-spacing:1px;color:var(--ink-faint);flex-shrink:0}.quest-entry-icon{background:var(--paper-lo);width:40px;height:40px;box-shadow:inset 0 0 0 2px var(--paper-edge);clip-path:var(--step4);flex-shrink:0;place-items:center;display:grid}.quest-entry-icon svg{width:32px;height:32px;display:block}.quest-entry[aria-current=true] .quest-entry-icon{background:var(--paper-hi);box-shadow:inset 0 0 0 2px var(--ink-faint)}.quest-entry-text{flex-direction:column;flex:1;justify-content:center;align-self:stretch;gap:6px;min-width:0;padding-left:12px;display:flex;box-shadow:-2px 0 #c9ae7880}.quest-entry-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quest-title{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--ink-text);overflow-wrap:anywhere}.quest-level{font:16px/12px var(--pixel);color:var(--threat,var(--ink-text));white-space:nowrap;flex-shrink:0}.quest-entry-status{font:500 24px/18px var(--body);color:var(--ink-dim)}.ready>.quest-entry .quest-entry-status{color:var(--paper-green)}.failed>.quest-entry .quest-entry-status{color:var(--paper-red)}.tracked>.quest-entry .quest-title:before{content:"";background:var(--green);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink-text);vertical-align:1px;margin:0 10px 0 2px;display:inline-block}.quest-done{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);flex-shrink:0}.quest-status{flex:1;min-width:0}.quest-page{flex-direction:column;gap:14px;display:flex}.quest-page-head,.quest-reward-head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.quest-page-meta{font:16px/12px var(--pixel);letter-spacing:1px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;display:flex}.quest-from{color:var(--paper-green);overflow-wrap:anywhere}.quest-meta-dot{color:var(--ink-faint)}.quest-premise{color:var(--ink-text)}.quest-objectives{flex-direction:column;gap:10px;margin:0;padding:2px 0 2px 2px;list-style:none;display:flex}.quest-objectives li{font:500 24px/18px var(--body);color:var(--ink-text);align-items:center;gap:14px;display:flex}.quest-objectives li.done{color:var(--ink-dim)}.quest-why{font:500 24px/18px var(--body);color:var(--paper-red)}.quest-rewards{flex-wrap:wrap;align-items:center;gap:14px 22px;padding:4px 0 2px 4px;display:flex}.quest-reward{align-items:center;gap:14px;min-width:0;display:flex}.quest-well{width:40px;height:40px;box-shadow:0 0 0 4px var(--leather-ink),inset 0 4px 0 #050a0b;background:#0e181b;flex-shrink:0;position:relative}.quest-well.large{width:64px;height:64px}.quest-well canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.rare>.quest-well{box-shadow:0 0 0 4px var(--leather-ink),inset 0 0 0 2px var(--rarity-hi,var(--rarity)),inset 0 4px 0 #050a0b}.quest-reward-info{flex-direction:column;gap:6px;min-width:0;display:flex}.quest-reward-name{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--rarity,var(--ink-text));overflow-wrap:anywhere}.quest-reward-tier{font:500 16px/12px var(--body);color:var(--ink-dim)}.quest-reward-need{font:500 16px/12px var(--body);color:var(--paper-red)}.quest-coin{width:16px;height:16px;display:flex}.quest-coin .coin-icon{width:16px;height:16px}.quest-foot .block,.quest-foot .primary{flex-shrink:0;height:40px}.quest-foot .quest-why{flex:1;min-width:0}.quest-actions{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.quest-grow{flex:1}.primary.quest-do,.primary.quest-claim-button{min-width:120px;margin-left:auto}.block.quest-track[aria-pressed=true]{background:var(--green);color:var(--ink);box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}:is(.primary.quest-do,.primary.quest-claim,.block.quest-abandon,.primary.quest-claim-button)[aria-disabled=true]{opacity:.45;cursor:not-allowed}:is(.primary.quest-do,.primary.quest-claim,.primary.quest-claim-button)[aria-disabled=true]:hover{background:var(--green)}:is(.primary.quest-do,.primary.quest-claim,.primary.quest-claim-button)[aria-disabled=true]:active{box-shadow:var(--ring),inset 0 4px 0 var(--green-hi),inset 0 -4px 0 var(--green-lo)}.block.quest-abandon[aria-disabled=true]:hover{background:var(--block)}.quest-confirm{flex-wrap:wrap;flex:1;align-items:center;gap:10px 16px;min-width:0;display:flex}.quest-confirm-text{color:var(--ink-text);flex-basis:100%}.quest-confirm b{font-weight:inherit;color:var(--paper-red)}.quest-hint,.quest-blank{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:0 12px;display:flex}.quest-hint-icon{width:96px;height:96px;margin-bottom:6px;display:block}.quest-hint-icon svg{width:100%;height:100%;display:block}.quest-blank .quest-hint-icon{opacity:.3}.quest-hint p{max-width:360px;color:var(--ink-text)}.quest-hint .quest-hint-more{color:var(--ink-dim)}.quest-reward-story,.quest-reward-prize{flex-direction:column;gap:14px;min-width:0;display:flex}.quest-reward-story>*,.quest-reward-prize>*{flex-shrink:0}.quest-letter{color:var(--ink-text);flex-direction:column;gap:10px;display:flex}.quest-letter-who{font:32px/16px var(--pixel);color:var(--ink-dim);align-self:flex-end}.quest-items{flex-direction:column;gap:14px;margin:0;padding:4px;list-style:none;display:flex}.quest-item{align-items:center;gap:18px;min-width:0;display:flex}.quest-handin .quest-well{width:48px;height:48px}.quest-item-info{flex-direction:column;gap:6px;min-width:0;display:flex}.quest-item-name{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--rarity,var(--ink-text));overflow-wrap:anywhere}.quest-prize .quest-item-name{letter-spacing:0;font-size:32px;line-height:24px}.quest-item-tier,.quest-have{font:500 24px/18px var(--body);color:var(--ink-dim)}.quest-item-stats{font:500 24px/18px var(--body);color:var(--ink-text)}.quest-item-need,.quest-have.short{font:500 24px/18px var(--body);color:var(--paper-red)}.quest-purse{border-top:2px solid #c9ae7855;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 4px;padding-top:14px;display:flex}.quest-purse-coins{font:32px/16px var(--pixel);color:var(--ink-text);align-items:center;gap:12px;display:flex}.quest-purse-coins .coin-icon{width:32px;height:32px}.quest-purse-xp{font:32px/16px var(--pixel)}.notebook .primary.quest-claim-button{width:100%;margin:0}@media (height<=520px) and (orientation:landscape){.notebook .book-page-body{flex-direction:row;align-items:flex-start;gap:28px}.quest-reward-story,.quest-reward-prize{flex:1 1 0}}@media (height<=520px){.quest-book-icon{width:32px;height:32px}.quest-hint-icon{width:64px;height:64px}.quest-well.large{width:48px;height:48px}}.minimap-wrap>.quest-tracker{width:auto;max-width:none;margin:10px 0 0;position:relative;top:auto;right:auto}.quest-tracker{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:254px;max-width:calc(100vw - 32px);box-shadow:inset 0 0 0 2px var(--hair);clip-path:var(--step4);color:var(--text);pointer-events:none;padding:12px 14px;top:440px;right:34px}.tracked-quests{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tracked-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tracked-title{font:16px/12px var(--pixel);letter-spacing:1px;color:var(--text);overflow-wrap:anywhere;text-shadow:1px 1px 0 var(--ink)}.tracked-distance{font:500 16px/12px var(--body);color:var(--dim);text-shadow:1px 1px 0 var(--ink);flex-shrink:0}.tracked-lines{flex-direction:column;gap:5px;margin:7px 0 0;padding:0;list-style:none;display:flex}.tracked-lines li{font:500 16px/13px var(--body);color:var(--text);text-shadow:1px 1px 0 var(--ink);align-items:center;gap:8px;display:flex}.tracked-lines li:before{content:"";background:var(--block-hi);width:6px;height:6px;box-shadow:0 0 0 2px var(--ink);flex-shrink:0}.tracked-lines li.done{color:var(--dim)}.tracked-lines li.done:before{background:var(--green)}.tracked-quest.ready .tracked-title,.tracked-quest.ready .tracked-lines li{color:var(--green-hi)}.tracked-quest.ready .tracked-lines li:before{background:var(--green-hi)}.tracked-quest.failed .tracked-lines li{color:var(--health-hi,#f07065)}@media (width>=1600px){.quest-tracker{right:42px}}@media (width<=1050px){.quest-tracker{top:390px}}@media (width<=600px){.quest-tracker{width:200px;padding:8px 10px;top:350px;right:16px}.minimap-wrap>.quest-tracker{margin-top:6px}}.book{--paper:#f2e5c3;--paper-hi:#fbf3dc;--paper-lo:#e2cd9c;--paper-edge:#c9ae78;--paper-fold:#b89c66;--ink-text:#3a2a18;--ink-dim:#7a6346;--ink-faint:#b49c74;--leather:#6c4426;--leather-hi:#8b5a33;--leather-lo:#4a2c17;--leather-ink:#1b100a;--stitch:#c99a62;--brass:#deb55a;--brass-hi:#f6dc8e;--brass-lo:#97712a;--ribbon:#c23b2e;--ribbon-hi:#e0574a;--ribbon-lo:#8e2a20;--paper-green:#3b801c;--paper-red:#ae3528;--paper-gold:#9c6c0e;--flourish:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='%23c3a978' d='M0 0h10v1H0zM11 0h1v1H11zM0 1h1v1H0zM0 2h1v1H0zM2 2h6v1H2zM0 3h1v1H0zM2 3h1v1H2zM0 4h1v1H0zM2 4h1v1H2zM4 4h2v1H4zM0 5h1v1H0zM2 5h1v1H2zM4 5h2v1H4zM0 6h1v1H0zM2 6h1v1H2zM0 7h1v1H0zM2 7h1v1H2zM0 8h1v1H0zM0 9h1v1H0zM0 11h1v1H0z'/%3E%3C/svg%3E");--arm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 7' shape-rendering='crispEdges'%3E%3Cpath fill='%23a88b5c' d='M5 1h2v1H5zM4 2h1v1H4zM7 2h1v1H7zM0 3h4v1H0zM8 3h13v1H8zM22 3h2v1H22zM25 3h1v1H25zM4 4h1v1H4zM7 4h1v1H7zM5 5h2v1H5z'/%3E%3C/svg%3E");--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffffff12' d='M0 0h1v1H0zM2 2h1v1H2z'/%3E%3Cpath fill='%2300000014' d='M3 1h1v1H3z'/%3E%3C/svg%3E");z-index:5;width:min(1040px,100vw - 32px);height:min(660px,100dvh - 56px);color:var(--ink-text);font:500 24px/19.5px var(--body);filter:drop-shadow(0 12px #0b121466)drop-shadow(0 4px 12px #0b121499);outline:none;flex-direction:column;margin:auto;display:flex;position:fixed;inset:0}.book[hidden]{display:none}.book-cover{background:var(--grain) 0 0/8px 8px,var(--leather);min-height:0;box-shadow:inset 0 0 0 4px var(--leather-ink),inset 4px 4px 0 4px var(--leather-hi),inset -4px 0 0 4px var(--leather-lo),inset 0 -12px 0 4px var(--leather-lo);clip-path:var(--step8);flex:1;padding:20px 24px 36px;display:flex;position:relative}.book-cover:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,var(--stitch) 0 8px,transparent 8px 16px) top/100% 2px no-repeat, repeating-linear-gradient(90deg,var(--stitch) 0 8px,transparent 8px 16px) bottom/100% 2px no-repeat, repeating-linear-gradient(0deg,var(--stitch) 0 8px,transparent 8px 16px) left/2px 100% no-repeat, repeating-linear-gradient(0deg,var(--stitch) 0 8px,transparent 8px 16px) right/2px 100% no-repeat;opacity:.7;position:absolute;inset:12px}.book-spine{pointer-events:none;background:linear-gradient(var(--leather-hi) 0 0) 0 4px/100% 4px no-repeat,linear-gradient(var(--leather-ink) 0 0) 0 8px/100% 2px no-repeat, linear-gradient(var(--leather-ink) 0 0) 0 calc(100% - 10px)/100% 2px no-repeat,linear-gradient(var(--leather-hi) 0 0) 0 calc(100% - 22px)/100% 4px no-repeat, linear-gradient(90deg,#0000003d,transparent 12px calc(100% - 12px),#0000003d),var(--leather-lo);width:40px;position:absolute;top:4px;bottom:4px;left:calc(50% - 20px);box-shadow:-2px 0 #0000002e,2px 0 #0000002e}.book-corner{z-index:2;pointer-events:none;width:32px;height:32px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%231b100a' d='M0 0h1v1H0zM1 0h1v1H1zM2 0h1v1H2zM3 0h1v1H3zM4 0h1v1H4zM5 0h1v1H5zM6 0h1v1H6zM7 0h1v1H7zM0 1h1v1H0zM7 1h1v1H7zM0 2h1v1H0zM6 2h1v1H6zM0 3h1v1H0zM5 3h1v1H5zM0 4h1v1H0zM4 4h1v1H4zM0 5h1v1H0zM3 5h1v1H3zM0 6h1v1H0zM2 6h1v1H2zM0 7h1v1H0zM1 7h1v1H1z'/%3E%3Cpath fill='%23f6dc8e' d='M1 1h1v1H1zM2 1h1v1H2zM3 1h1v1H3zM4 1h1v1H4zM5 1h1v1H5zM1 2h1v1H1zM1 3h1v1H1zM1 4h1v1H1zM1 5h1v1H1z'/%3E%3Cpath fill='%23deb55a' d='M6 1h1v1H6zM2 2h1v1H2zM3 2h1v1H3zM4 2h1v1H4zM5 2h1v1H5zM2 3h1v1H2zM4 3h1v1H4zM2 4h1v1H2zM3 4h1v1H3zM2 5h1v1H2zM1 6h1v1H1z'/%3E%3Cpath fill='%2397712a' d='M3 3h1v1H3z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;position:absolute}.book-corner.tl{top:0;left:0}.book-corner.tr{top:0;right:0;transform:scaleX(-1)}.book-corner.bl{bottom:0;left:0;transform:scaleY(-1)}.book-corner.br{bottom:0;right:0;transform:scale(-1)}.book-spread{z-index:1;flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0;display:grid;position:relative}.book-spread:after{content:"";background:var(--paper-fold);pointer-events:none;width:4px;position:absolute;top:0;bottom:0;left:calc(50% - 2px);box-shadow:-2px 0 #d8c08c,2px 0 #d8c08c}.book-page{background:linear-gradient(#a4844a10 0 0) 24px 30px/2px 2px no-repeat,linear-gradient(#a4844a14 0 0) 70% 60%/2px 2px no-repeat,linear-gradient(#a4844a10 0 0) 40% 88%/4px 2px no-repeat,var(--sheet,var(--paper));flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.book-right{--sheet:#e6e9c8}.book-right>*{--paper:#e6e9c8;--paper-hi:#f4f6df;--paper-lo:#d5dcb0;--paper-edge:#b8c08e}.book-left{box-shadow:inset -24px 0 16px -16px #9c7c4473,-4px 4px 0 var(--paper-edge),-8px 8px 0 var(--paper-hi),-12px 12px 0 var(--paper-edge);margin:0 0 0 12px}.book-right,.book-single{box-shadow:inset 24px 0 16px -16px #9c7c4473,4px 4px 0 var(--paper-edge),8px 8px 0 var(--paper-hi),12px 12px 0 var(--paper-edge);margin:0 12px 0 0}.book-page:before,.book-page:after{content:"";z-index:1;background:var(--flourish) 0 0/100% 100% no-repeat;pointer-events:none;width:24px;height:24px;position:absolute}.book-left:before{top:8px;left:8px}.book-left:after{bottom:8px;left:8px;transform:scaleY(-1)}.book-right:before,.book-single:before{top:8px;right:8px;transform:scaleX(-1)}.book-right:after,.book-single:after{bottom:8px;right:8px;transform:scale(-1)}.book-page-body{scrollbar-width:thin;scrollbar-color:var(--paper-edge) transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding:24px 36px 12px;display:flex;overflow-y:auto}.book-page-body>*{flex-shrink:0}.book-left .book-page-body{padding-right:40px}.book-right .book-page-body{padding-left:40px}.book-page-foot{flex-shrink:0;align-items:center;gap:12px;padding:8px 36px 0;display:flex}.book-left .book-page-foot{padding-right:40px}.book-right .book-page-foot{padding-left:40px}.book-folio{font:16px/8px var(--pixel);color:var(--ink-faint);letter-spacing:2px;flex-shrink:0;align-self:center;padding:6px 0 8px}.book-ribbon{z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--ribbon-hi) 0 4px,var(--ribbon) 4px 16px,var(--ribbon-lo) 16px),var(--ribbon);clip-path:polygon(0 0,100% 0,100% 100%,16px 100%,16px calc(100% - 4px),12px calc(100% - 4px),12px calc(100% - 8px),8px calc(100% - 8px),8px calc(100% - 4px),4px calc(100% - 4px),4px 100%,0 100%);width:20px;height:52px;position:absolute;top:calc(100% - 24px);left:calc(25% - 10px);box-shadow:inset 0 6px #0000004d}.book-close{z-index:3;width:32px;height:32px;color:var(--paper-hi);background:var(--leather-lo);box-shadow:0 0 0 2px var(--leather-ink),inset 0 2px 0 var(--leather-hi);place-items:center;display:grid;position:absolute;top:4px;right:4px}.book-close:hover{background:var(--leather)}.book-close svg{width:16px;height:16px}.book.notebook{width:min(480px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 56px)}.notebook-cover{padding:20px 24px 36px 44px}.notebook-binding{pointer-events:none;background:repeating-linear-gradient(var(--stitch) 0 4px,transparent 4px 24px) 12px 14px/4px calc(100% - 28px) no-repeat, linear-gradient(90deg,transparent calc(100% - 4px),#0000003d 0),var(--leather-lo);width:28px;box-shadow:2px 0 0 var(--leather-ink);position:absolute;top:4px;bottom:4px;left:4px}.book-single{flex:1;margin-left:0}.notebook .book-page-foot{flex-direction:column;align-items:stretch;gap:8px;padding:8px 36px 24px}.notebook .book-page-foot .book-status:empty{min-height:0;margin-bottom:-8px}.notebook .book-ribbon{left:calc(50% + 40px)}.book h2,.book-title{font:32px/24px var(--pixel);color:var(--ink-text);overflow-wrap:anywhere;margin:0}.book h3{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--ink-text);margin:0}.book-eyebrow{font:16px/12px var(--pixel);letter-spacing:1px;text-transform:uppercase;color:var(--paper-green)}.book-dim{color:var(--ink-dim)}.book p{margin:0}.book kbd{text-shadow:none}.book-rule{background:linear-gradient(var(--ink-faint) 0 0) center/100% 2px no-repeat;flex-shrink:0;height:8px;margin:2px 0;position:relative}.book-rule:after{content:"";background:var(--paper);width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--ink-faint);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);position:absolute;top:0;left:calc(50% - 4px)}.book .book-section{color:var(--ink-dim);background:linear-gradient(var(--ink-faint) 0 0) 0 100%/calc(100% - 52px) 2px no-repeat,linear-gradient(var(--ink-faint) 0 0) calc(100% - 26px) 100%/20px 2px no-repeat, linear-gradient(var(--ink-faint) 0 0) calc(100% - 12px) 100%/8px 2px no-repeat,linear-gradient(var(--ink-faint) 0 0) 100% 100%/4px 2px no-repeat;align-items:center;gap:10px;padding-bottom:8px;display:flex}.book-section:before{content:"";background:var(--leather);clip-path:polygon(2px 0,6px 0,6px 2px,8px 2px,8px 6px,6px 6px,6px 8px,2px 8px,2px 6px,0 6px,0 2px,2px 2px);flex-shrink:0;width:8px;height:8px;margin-top:-2px}.book-medallion{justify-content:center;align-items:center;gap:4px;display:flex}.book-medallion:before,.book-medallion:after{content:"";background:var(--arm) 0 0/100% 100% no-repeat;flex:0 0 52px;height:14px}.book-medallion:before{transform:scaleX(-1)}.book-medallion-art{flex-shrink:0;width:64px;height:64px;position:relative}.book-medallion-frame{width:64px;height:64px;display:block}.book-medallion-icon{width:32px;height:32px;position:absolute;top:16px;left:16px}.book-medallion-icon svg{width:32px;height:32px;display:block}.book-box{background:var(--paper-hi);box-shadow:inset 0 0 0 2px var(--paper-edge);clip-path:var(--step4);padding:10px 14px 12px}.book-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.book-list>li+li{border-top:2px solid #c9ae7855}.book-entry{text-align:left;width:100%;color:var(--ink-text);flex-direction:column;gap:6px;padding:10px 8px 10px 16px;display:flex;position:relative}.book-entry:hover{background:#c9ae7826}.book-entry[aria-selected=true],.book-entry[aria-current=true]{background:#c9ae7840}.book-entry[aria-selected=true]:before,.book-entry[aria-current=true]:before{content:"";background:var(--green);width:6px;box-shadow:inset 0 -2px 0 var(--green-lo);position:absolute;top:6px;bottom:6px;left:0}.book-bar{background:var(--leather-ink);height:20px;padding:2px;position:relative}.book-bar>i{width:calc(var(--value,0)*(100% - 4px));background:var(--green);box-shadow:inset 0 2px 0 var(--green-hi),inset 0 -2px 0 var(--green-lo);position:absolute;top:2px;bottom:2px;left:2px}.book-bar>span{font:16px/8px var(--pixel);color:var(--paper-hi);white-space:nowrap;text-shadow:1px 1px 0 var(--leather-ink),-1px -1px 0 var(--leather-ink);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.book-check{background:var(--paper-hi);width:16px;height:16px;box-shadow:0 0 0 2px var(--ink-text);flex-shrink:0}.book-check.done{background:var(--green);box-shadow:0 0 0 2px var(--ink-text),inset 0 -4px 0 var(--green-lo)}.book :focus-visible{outline:2px solid var(--paper-green);outline-offset:2px}.book .block:focus-visible,.book .primary:focus-visible{outline-offset:6px}.book-status{min-height:20px;font:500 24px/19.5px var(--body);color:var(--ink-dim)}.book-status.bad{color:var(--paper-red)}@media (width<=720px) and (orientation:portrait){.book:not(.notebook){height:calc(100dvh - 56px)}.book-cover{padding:14px 16px 28px}.notebook-cover{padding-left:36px}.notebook-binding{background-position:10px 14px,0 0,0 0;width:24px}.book-spine{display:none}.book-spread{background:var(--paper);grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;overflow-y:auto}.book-spread:after{display:none}.book-spread .book-page-body{flex:none;overflow:visible}.book-left,.book-right{box-shadow:none;margin:0}.book-page-body,.book-left .book-page-body,.book-right .book-page-body{padding:16px 20px 8px}.book-page-foot,.book-left .book-page-foot,.book-right .book-page-foot{padding:8px 20px 0}.book-right{border-top:4px solid var(--paper-fold)}.book-page:before,.book-page:after{display:none}}@media (width<=900px) and (orientation:landscape){.book-cover{padding:14px 16px 28px}.notebook-cover{padding-left:36px}.book-page-body,.book-left .book-page-body,.book-right .book-page-body{padding:14px 22px 8px}.book-page-foot,.book-left .book-page-foot,.book-right .book-page-foot{padding:6px 22px 0}}@media (height<=520px) and (orientation:landscape){.book.notebook{width:min(760px,100vw - 32px)}}@media (height<=520px){.book-page-body{gap:10px;padding-top:14px}.book h2,.book-title{font-size:32px;line-height:20px}.book-ribbon,.book-medallion{display:none}}