html:has(.salon){scroll-padding-top:calc(var(--header-height) + 52px)}.salon{background:#1b120c}.salon-hero{position:relative;padding:clamp(1.5rem,3vw,2.5rem) var(--gutter) 2rem;overflow:hidden;background:linear-gradient(#0b0705d9,#1b120cf2),url(/img/hall/bookshelf.png) 0 0 / 96px 96px;image-rendering:pixelated;border-bottom:8px solid #0d0806}.salon-hero-inner{position:relative;max-width:1140px;margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1rem 2.5rem;align-items:end}.salon-hero h1{font-size:clamp(3.2rem,8vw,5.4rem);margin:0 0 .15em;color:var(--gold);text-shadow:0 5px 0 #a4562f,0 10px 0 #0005}.salon-lead{font-size:clamp(1.02rem,2vw,1.15rem);max-width:36em;font-weight:500;margin:0}.salon-notice{max-width:36em;margin-bottom:.75rem;padding:.7rem .9rem;background:#0009;border-left:5px solid var(--coral);color:var(--muted);font-size:.98rem}.salon-notice strong{color:var(--gold)}.salon-hud{position:sticky;top:var(--header-height);z-index:12;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.1rem 1.25rem;min-height:36px;padding:.1rem var(--gutter);font:400 1.2rem var(--font-display);color:var(--muted);background:#120c08;border-bottom:3px solid var(--coral)}.salon-hud strong{font-weight:400;color:var(--gold)}.salon-hud b{font-weight:400;color:var(--cream)}.salon-reset{padding:0 .6rem;font:inherit;color:var(--cream);background:#fff2;border:0;cursor:pointer}.salon-reset:hover{background:var(--coral);color:var(--ink)}.hall-map{position:relative;max-width:1140px;margin:1.5rem auto 0;image-rendering:auto}.hall-map img{width:100%;height:auto;filter:drop-shadow(0 18px 0 #0006)}.hall-spot{position:absolute;width:56px;height:72px;margin:-36px 0 0 -28px;text-decoration:none}.hall-spot span{position:absolute;left:50%;bottom:100%;transform:translate(-50%);padding:0 .45rem;white-space:nowrap;font:400 1.05rem/1.3 var(--font-display);color:var(--cream);background:#000b}.hall-spot:after{content:"";position:absolute;left:50%;top:-3px;width:2px;height:10px;background:#000b}.hall-spot:hover span,.hall-spot:focus-visible span{background:var(--gold);color:var(--ink)}.salon-directory{position:relative;max-width:1140px;margin:1.75rem auto 0;display:none;flex-wrap:wrap;gap:.35rem}.salon-directory a{padding:.15rem .65rem;font:400 1.2rem var(--font-display);color:var(--cream);text-decoration:none;background:#0008}.salon-directory a:hover{background:var(--gold);color:var(--ink)}.salon-hall{position:relative;padding:clamp(2rem,5vw,4rem) var(--gutter);background:url(/img/hall/floor.png) 0 0 / 128px 128px;image-rendering:pixelated}.salon-carpet{position:absolute;top:0;bottom:0;left:50%;width:clamp(64px,11vw,160px);margin-left:calc(clamp(64px,11vw,160px)/-2);background:url(/img/hall/carpet.png) 0 0 / 64px 64px;box-shadow:-8px 0 #0005,8px 0 #0005}.salon-row{position:relative;max-width:1320px;margin:0 auto clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,10vw,11rem);image-rendering:auto}.salon-row-end{grid-template-columns:minmax(0,720px);justify-content:center;margin-bottom:0}.npc-card:focus{outline:none}.npc-card{display:flex;flex-direction:column;gap:1rem;min-width:0;padding:1rem;background:#120c08f2;box-shadow:inset 0 0 0 4px #0a0604,inset 6px 6px #33241a,inset -6px -6px #070403}.npc-alcove{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:330px;padding:.8rem .8rem 0;background:linear-gradient(#ffc27a40,#0000 38%),linear-gradient(#0000 62%,#000a),url(/img/hall/wall.png) 0 0 / 64px 64px;image-rendering:pixelated;box-shadow:inset 24px 0 #1c1c22,inset -24px 0 #1c1c22,inset 0 -14px #1c1c22,inset 0 4px #ffb56b}.npc-sign{display:flex;flex-direction:column;align-items:center;gap:.05rem;padding:.25rem .8rem;background:#0009;font:400 1.25rem/1.15 var(--font-display);text-align:center;image-rendering:auto}.npc-sign strong{font-weight:400;font-size:1.5rem}.npc-sign span:last-child{color:#c6c6c6}.npc-tone-gold strong{color:#ffc14d}.npc-tone-gold span:first-of-type{color:#ffe27a}.npc-tone-green strong,.npc-tone-green span:first-of-type{color:#76ee76}.npc-tone-aqua strong{color:#72f3f3}.npc-tone-aqua span:first-of-type{color:#ff9dff}.npc-tone-purple strong{color:#ff9dff}.npc-tone-purple span:first-of-type{color:#c27bff}.npc-stage{position:relative;display:block;width:180px;height:230px;margin:auto 0 16px;padding:0;background:none;border:0;cursor:pointer;perspective:900px}.npc-card-end .npc-stage{height:300px}.npc-portrait{position:absolute;left:50%;bottom:0;width:96px;height:192px;transform:translate(-50%);image-rendering:pixelated}.npc-stage.has-model .npc-portrait{display:none}.npc-stage:hover,.npc-stage:focus-visible{filter:brightness(1.2)}.npc-stage:focus-visible{outline-offset:-3px}.npc-model{position:absolute;left:50%;bottom:0;width:0;height:0;font-size:6px;transform-style:preserve-3d;transform:rotateX(-8deg) rotateY(var(--facing, 0deg))}.npc-part,.npc-pivot,.npc-cuboid{position:absolute;left:0;top:0;transform-style:preserve-3d}.npc-face{position:absolute;left:0;top:0;background-image:var(--skin);background-size:64em 64em;image-rendering:pixelated;backface-visibility:hidden}.npc-head .npc-pivot{transform-origin:0 4em;transform:rotateY(var(--head-yaw, 0deg)) rotateX(var(--head-pitch, 0deg));transition:transform .12s linear}.npc-arm-right .npc-pivot,.npc-arm-left .npc-pivot{transform-origin:0 -6em;animation:npc-sway 4s ease-in-out infinite alternate}.npc-arm-left .npc-pivot{animation-delay:-2s}.is-tall .npc-arm-right .npc-pivot,.is-tall .npc-arm-left .npc-pivot{transform-origin:0 -15em}.npc-stage.is-waving .npc-arm-right .npc-pivot{animation:npc-swing .36s steps(6)}@keyframes npc-sway{0%{transform:rotateX(-2deg)}to{transform:rotateX(2deg)}}@keyframes npc-swing{40%{transform:rotateX(-80deg)}}.item-icon.npc-held{--unit: .55em;left:-4.4em;top:-4.4em;transform:translate3d(-3.6em,1.8em,3.4em) scaleX(-1);backface-visibility:visible}.item-icon.npc-held-left{transform:translate3d(2.2em,4.6em,3.4em) rotateY(-16deg)}.npc-text h2{margin-bottom:.25rem;font-size:clamp(1.9rem,3vw,2.4rem)}.npc-summary{margin-bottom:.6rem}.npc-points{margin:0 0 .7rem;padding-left:1.2rem;color:var(--muted);font-size:.97rem}.npc-points li{margin-bottom:.15rem}.npc-points li::marker{color:var(--coral)}.npc-command{margin:0 0 .25rem;font-size:.95rem;color:var(--muted)}.npc-try{margin:0 0 .75rem;font-size:.95rem}.npc-try strong{color:var(--gold)}html:not(.js) .npc-open,html:not(.js) .menu-preview,html:not(.js) .salon-hud,html:not(.js) .salon-notice{display:none}.npc-open{border:0;cursor:pointer}.menu-preview{--gui: 2;align-self:center;cursor:pointer}.chest{--unit: calc(var(--gui, 3) * 1px);width:calc(176 * var(--unit));font-family:var(--font-display);color:#404040;image-rendering:pixelated;-webkit-user-select:none;user-select:none}.chest-top,.chest-bottom{position:relative;background:url(/img/gui/chest.png) 0 0 / calc(176 * var(--unit)) calc(222 * var(--unit)) no-repeat}.chest-top{height:calc((17 + 18 * var(--chest-rows)) * var(--unit))}.chest-bottom{height:calc(96 * var(--unit));background-position:0 calc(-126 * var(--unit))}.chest-title,.chest-label{position:absolute;left:calc(8 * var(--unit));top:calc(4 * var(--unit));max-width:calc(160 * var(--unit));margin:0;font-size:calc(10 * var(--unit));line-height:calc(10 * var(--unit));white-space:nowrap;overflow:hidden;color:#404040}.chest-label{top:calc(2 * var(--unit))}.chest-grid{position:absolute;left:calc(7 * var(--unit));top:calc(17 * var(--unit));display:grid;grid-template-columns:repeat(9,calc(18 * var(--unit)))}.chest-grid-main{top:calc(13 * var(--unit))}.chest-grid-hotbar{top:calc(71 * var(--unit))}.menu-slot{position:relative;display:block;width:calc(18 * var(--unit));height:calc(18 * var(--unit));padding:0;margin:0;background:none;border:0;color:inherit;font:inherit;cursor:default}.menu-slot:after{content:"";position:absolute;inset:var(--unit);pointer-events:none}.game-screen .menu-slot:hover:after,.game-screen .menu-slot:focus-visible:after,.menu-preview .menu-slot:hover:after{background:#fff8}.game-screen .menu-slot:focus-visible{outline:var(--unit) solid var(--coral);outline-offset:calc(var(--unit) * -1)}.item-icon{--sheet: var(--items-flat);position:absolute;left:var(--unit, 0);top:var(--unit, 0);display:block;width:calc(16 * var(--unit, 2px));height:calc(16 * var(--unit, 2px));pointer-events:none;background-image:var(--sheet);background-size:calc(var(--columns) * 100%) calc(var(--rows) * 100%);background-position:calc(var(--column) / (var(--columns) - 1) * 100%) calc(var(--row) / (var(--rows) - 1) * 100%);image-rendering:pixelated}.item-icon-block{--sheet: var(--items-block);image-rendering:auto}.has-glint:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#0000 35%,#c98bffb0,#0000 65%) 0 0 / 300% 100%;animation:glint 3s linear infinite;-webkit-mask:var(--sheet) calc(var(--column) / (var(--columns) - 1) * 100%) calc(var(--row) / (var(--rows) - 1) * 100%) / calc(var(--columns) * 100%) calc(var(--rows) * 100%);mask:var(--sheet) calc(var(--column) / (var(--columns) - 1) * 100%) calc(var(--row) / (var(--rows) - 1) * 100%) / calc(var(--columns) * 100%) calc(var(--rows) * 100%)}@keyframes glint{0%{background-position:120% 0}to{background-position:-120% 0}}.item-count{position:absolute;right:calc(.5 * var(--unit, 2px));bottom:0;font:400 calc(9.5 * var(--unit, 2px))/1 var(--font-display);color:#fff;text-shadow:var(--unit, 2px) var(--unit, 2px) 0 #3f3f3f;pointer-events:none}.game-screen{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:.5rem;overflow:auto;background:none;border:0;color:var(--cream)}.game-screen::backdrop{background:linear-gradient(#101010c8,#101010e0)}.game-stage{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.game-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(100%,560px)}.game-hint{margin:0;font-size:.85rem;color:var(--muted)}.game-close{flex:none;padding:.15rem .7rem;font:400 1.2rem var(--font-display);color:var(--cream);background:#2b2927;border:0;box-shadow:inset 0 0 0 2px #120f0e,inset 0 3px #d9775766;cursor:pointer}.game-close:hover{background:var(--coral);color:var(--ink)}.game-prompt{display:flex;align-items:center;gap:.4rem;width:min(100%,560px);padding:.3rem .5rem;background:#000b;font:400 1.35rem var(--font-display)}.game-prompt[hidden]{display:none}.game-prompt-input{flex:1;min-width:0;padding:.1rem .3rem;font:inherit;color:#fff;background:#0006;border:0;outline:2px solid #fff5}.game-prompt-send{padding:.05rem .7rem;font:inherit;color:var(--ink);background:var(--coral);border:0;cursor:pointer}.cursor-stack{position:fixed;left:0;top:0;z-index:5;width:0;height:0;pointer-events:none}.cursor-stack>.item-icon{left:-24px;top:-24px;width:48px;height:48px}.cursor-stack>.item-count{inset:2px auto auto 2px;font-size:26px}.game-tooltip{--tooltip-unit: 2px;position:fixed;left:0;top:0;z-index:40;max-width:min(480px,92vw);padding:2px 8px;pointer-events:none;font:400 21px/1.08 var(--font-display);color:#aaa;background:#1f1c1af6;background-clip:padding-box;border:calc(10 * var(--tooltip-unit)) solid transparent;border-image:url(/img/gui/tooltip-frame.png) 10 / calc(10 * var(--tooltip-unit)) stretch;image-rendering:pixelated}.game-tooltip[hidden]{display:none}.game-tooltip p{margin:0;white-space:pre-wrap}.tooltip-name{margin-bottom:3px;color:#fff;font-size:23px}.tooltip-line{min-height:.55em}.is-bold{font-weight:700;-webkit-text-stroke:.35px currentColor}.is-strike{text-decoration:line-through}.is-underline{text-decoration:underline}.is-italic{font-style:italic}.game-chat{position:fixed;left:8px;bottom:8px;z-index:35;display:flex;flex-direction:column;width:min(560px,calc(100vw - 16px));pointer-events:none}.game-chat-line{margin:0;padding:0 6px;background:#0009;font:400 20px/1.2 var(--font-display);color:#fff;text-shadow:2px 2px 0 #0008}.touch-panel{width:min(100%,560px);padding:.5rem .7rem;background:#1f1c1af6;box-shadow:inset 0 0 0 2px #a9472d;font:400 18px/1.1 var(--font-display);color:#aaa}.touch-panel[hidden]{display:none}.touch-tooltip p{margin:0;white-space:pre-wrap}.touch-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.touch-action{padding:.25rem .8rem;font:inherit;color:var(--ink);background:var(--coral);border:0}.wild-warp{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1rem;background:url(/img/scene.png) center bottom / cover no-repeat;image-rendering:pixelated}.wild-warp[hidden]{display:none}.wild-warp.is-warping:before{content:"";position:absolute;inset:0;background:#2a0a44;animation:warp 1.6s steps(12) forwards;pointer-events:none}@keyframes warp{0%{opacity:1}to{opacity:0}}.wild-warp-card{position:relative;max-width:560px;padding:1.5rem;background:#0a161ee8;box-shadow:inset 0 0 0 4px #050b0f;image-rendering:auto}.wild-warp-card h2{font-size:clamp(2rem,6vw,2.8rem)}.wild-warp-eyebrow{margin:0 0 .3rem;font:400 1.3rem var(--font-display);color:#ff9dff}.wild-warp-card .button{border:0;cursor:pointer}.salon-exit{padding:clamp(3rem,7vw,5rem) var(--gutter);text-align:center;background:linear-gradient(#0d0806,#1b120c)}.salon-exit .actions{justify-content:center;margin-bottom:1.75rem}.salon-exit .fine-print{max-width:46em;margin:auto}@media (max-width: 1120px){.menu-preview{--gui: 1.75}}@media (max-width: 900px){.hall-spot{width:28px;height:40px;margin:-20px 0 0 -14px}.hall-spot span,.hall-spot:after{display:none}.salon-directory{display:flex}.salon-hero-inner{grid-template-columns:minmax(0,1fr)}.salon-hud{gap:.1rem .8rem;font-size:1.05rem}.salon-hud strong,.salon-carpet{display:none}.salon-row{grid-template-columns:minmax(0,1fr);gap:1.5rem}.salon-gap{display:none}.npc-card{padding:.7rem}}@media (max-width: 380px){.menu-preview{--gui: 1.5}}@media (prefers-reduced-motion: reduce){.npc-arm-right .npc-pivot,.npc-arm-left .npc-pivot,.has-glint:after{animation:none}.npc-head .npc-pivot{transition:none}.wild-warp.is-warping:before{animation:none;opacity:0}}.hall-spot-guilds{left:56.34%;top:26.47%}.hall-spot-market{left:45.96%;top:34.76%}.hall-spot-jobs{left:76.61%;top:43.49%}.hall-spot-bank{left:36.08%;top:43.71%}.hall-spot-land{left:25.95%;top:52.44%}.hall-spot-auction{left:66.6%;top:52.55%}.hall-spot-ranking{left:56.34%;top:61.17%}.hall-spot-guide{left:15.56%;top:61.17%}.hall-spot-orders{left:46.21%;top:69.9%}.hall-spot-wild{left:25.32%;top:79.17%}