:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#050302;color:#d7c4a3;font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace}#game{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:none}#hurt{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:14;background:radial-gradient(circle,transparent 28%,rgba(120,8,4,.9) 100%);opacity:0}#hurt.is-slash:before,#hurt.is-slash:after{content:"";position:absolute;height:8px;border-radius:4px;opacity:0;background:linear-gradient(90deg,transparent,#ffe8c0 18%,#ff2418 52%,#ffe8c0 82%,transparent);box-shadow:0 0 18px 5px #ff2418b3;pointer-events:none;transform-origin:left center;animation:hurt-claw .34s ease-out both}#hurt.is-slash:before{left:16%;top:24%;width:66%}#hurt.is-slash:after{left:26%;top:52%;width:54%;animation-delay:.05s}@keyframes hurt-claw{0%{opacity:0;transform:rotate(-18deg) scaleX(.12)}16%{opacity:1;transform:rotate(-18deg) scaleX(1)}to{opacity:0;transform:rotate(-24deg) scaleX(1.06) translateY(10px)}}body.is-playing,body.is-playing #game{cursor:none}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#create{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr;gap:.75rem;padding:.9rem 1rem 1rem;background:radial-gradient(ellipse at 50% 58%,#120c0859,#050302d1 62%),#050302b8;pointer-events:auto}#create[hidden],#dev[hidden],#login[hidden],#confirm[hidden],#server-down[hidden],#overlay[hidden],#hud[hidden],#chat[hidden]{display:none}#login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;align-content:center;justify-items:center;gap:1.4rem;padding:1.5rem 1.5rem 6.5rem;background:radial-gradient(ellipse at 50% 42%,#120c0847,#050302eb 58%),#050302;pointer-events:auto}#login-header{text-align:center;display:grid;gap:.45rem}#login-header h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.22em;color:#e8c36a}#login-status{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;color:#8a7358}#login-form{width:min(22rem,100%);display:grid;gap:.65rem}#login-form h2{margin:0 0 .2rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#e8c36a;font-weight:600}#login-user,#login-pass{width:100%;padding:.7rem .8rem;border:1px solid #5a4630;background:#120e0a;color:#e8c36a;font:inherit;letter-spacing:.08em}#login-user:focus,#login-pass:focus{outline:1px solid #e8c36a}#login-error{margin:0;color:#c45a48;font-size:.72rem;letter-spacing:.06em}.login-actions,.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.login-actions.is-solo,.confirm-actions.is-solo{grid-template-columns:1fr}#login-enter,#login-guest,#roster-new,#create-back,#delete-character,#confirm-yes,#confirm-no,#server-down-ok{pointer-events:auto;border:1px solid #3a2c1c;background:#1a140c;color:#d7c4a3;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.7rem 1.2rem}#login-enter,#confirm-yes,#server-down-ok{border-color:#e8c36a;color:#e8c36a}#login-enter:hover,#login-guest:hover,#roster-new:hover,#create-back:hover,#delete-character:hover,#confirm-yes:hover,#confirm-no:hover,#server-down-ok:hover,#enter:hover,#overlay-again:hover{border-color:#e8c36a}#login-hints{position:absolute;left:1.5rem;right:1.5rem;bottom:1.35rem;max-width:38rem;margin:0 auto;text-align:center;display:grid;gap:.35rem;cursor:pointer}#login-hints:hover #login-hint{color:#d7c4a3}.login-hint-label{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.58rem;color:#8a7358}#login-hint{margin:0;font-size:.78rem;line-height:1.45;color:#b89a72;letter-spacing:.02em;transition:opacity .28s ease}#login-hint.is-fade{opacity:0}#login-hint .hint-hit{color:#f4f1ea}#login-hint .hint-special{color:#ffe27a}#confirm,#server-down{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;background:#050302b8;pointer-events:auto}.confirm-card{width:min(26rem,calc(100vw - 2rem));display:grid;gap:1rem;text-align:center}#confirm-text,#server-down-text{margin:0;color:#e8c36a;letter-spacing:.04em;font-size:.95rem}#roster-new,#create-back,#delete-character{width:100%;margin-top:.45rem}#delete-character{border-color:#6a3020;color:#c45a48}#char-name-error{margin:.4rem 0 0;color:#c45a48;font-size:.72rem;letter-spacing:.06em;text-align:center}#roster{display:grid;align-content:start;gap:.7rem;overflow:auto;min-height:0}#roster[hidden],#create-left[hidden]{display:none}#roster h2{margin:0;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#e8c36a;font-weight:600;display:flex;justify-content:space-between;gap:.5rem}#roster-count{color:#8a7358;letter-spacing:.08em}#roster-list{display:grid;gap:.4rem}.roster-card{display:grid;gap:.2rem;text-align:left;padding:.65rem .7rem;border:1px solid #3a2c1c;background:#1a140c;color:#d7c4a3;font:inherit;cursor:pointer}.roster-card.selected{border-color:#e8c36a;color:#e8c36a}.roster-card:hover{border-color:#e8c36a}.roster-name{letter-spacing:.08em;font-size:.88rem}.roster-meta{letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;color:#8a7358}.roster-card.selected .roster-meta{color:#c4a45a}#create.is-roster #character-form{grid-template-columns:1fr}#create.is-roster #char-name{display:none}#char-sheet{margin:0;text-align:center;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;color:#e8c36a}#account-status{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;color:#c4a45a}#create-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}#create.is-roster #create-left{display:none}#overlay-title,#death-title{margin:0;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.2em;color:#e8c36a;-webkit-user-select:none;user-select:none}#net-status,#overlay-body{margin:0;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;color:#8a7358;-webkit-user-select:none;user-select:none}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.7rem;text-align:center;background:#0503026b;pointer-events:auto;cursor:default}#overlay-again{justify-self:center;pointer-events:auto;margin-top:.35rem}#create-layout{display:grid;grid-template-columns:16.5rem minmax(0,1fr) 20rem;gap:.9rem;min-height:0}.panel{border:1px solid #6a4e28;background:linear-gradient(180deg,#1c140ceb,#0a0806e6);box-shadow:inset 0 0 0 1px #e8c36a14;padding:.85rem}#create-left{display:grid;align-content:start;gap:.9rem;overflow:auto;min-height:0}#create-right{display:grid;grid-template-rows:1fr 1fr;gap:.9rem;min-height:0}#create-left h2,.lore-card h2{margin:0 0 .45rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#e8c36a;font-weight:600}#create-left section{display:grid;gap:.35rem}.look-label{margin:.2rem 0 0;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7358}.choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem}.choices.stack{grid-template-columns:1fr}.choice,#enter,#overlay-again,.cycle button{pointer-events:auto;border:1px solid #3a2c1c;background:#1a140c;color:#d7c4a3;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.choice{padding:.5rem .35rem;font-size:.7rem}.choice.selected,.swatch.selected{border-color:#e8c36a;color:#e8c36a}.choice:hover,#enter:hover,#overlay-again:hover,.cycle button:hover{border-color:#e8c36a}.choice.locked,.choice:disabled{opacity:.38;cursor:not-allowed;color:#6a5848;border-color:#2a2014}.choice.locked:hover,.choice:disabled:hover{border-color:#2a2014}.swatches{display:flex;flex-wrap:wrap;gap:.35rem}.swatch{width:1.35rem;height:1.35rem;border:1px solid #3a2c1c;cursor:pointer;padding:0}.cycle{display:grid;grid-template-columns:2rem 1fr 2rem;gap:.35rem;align-items:center}.cycle button{padding:.35rem 0}.cycle span{text-align:center;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#d7c4a3}#create-center{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;position:relative}#create-center:before{content:"";position:absolute;top:8%;right:12%;bottom:18%;left:12%;background:radial-gradient(ellipse at 50% 70%,rgba(232,195,106,.12),transparent 62%);pointer-events:none}#char-preview{display:block;width:100%;height:100%;min-height:18rem;background:transparent;cursor:grab;position:relative}#char-preview-hint{margin:0 0 .45rem;text-align:center;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7358}#char-preview-reset{display:inline;margin-left:.55rem;padding:0;border:0;background:none;color:#d7c4a3;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}#char-preview-reset:hover{color:#f0e0c4}#char-preview:active{cursor:grabbing}#create-enter{position:relative;z-index:1}#character-form{display:grid;grid-template-columns:1fr auto;gap:.55rem;padding:.7rem 0 0}#char-name{width:100%;padding:.7rem .8rem;border:1px solid #5a4630;background:#120e0a;color:#e8c36a;font:inherit;letter-spacing:.08em}#char-name:focus{outline:1px solid #e8c36a}#enter,#overlay-again{padding:.7rem 1.2rem;border-color:#e8c36a;color:#e8c36a;white-space:nowrap}.lore-card{overflow:auto;min-height:0}.lore-card p{margin:0;font-size:.78rem;line-height:1.55;color:#c8b090}#hud-identity{position:absolute;top:1.05rem;left:1.15rem;display:flex;align-items:center;gap:.65rem;-webkit-user-select:none;user-select:none}#hud-self-portrait,#hud-target-portrait{display:block;width:4.7rem;height:4.7rem;background:#120c08;border:2px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 4px 12px #0000008c}#hud-identity-text{display:grid;gap:.18rem}#hud-name{font-size:.95rem;letter-spacing:.16em;text-transform:uppercase;color:#e8c36a}#hud-title{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#d7c4a3}#hud-level{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#e8c36a}#hud-points{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:#e8c36a}#hud-points[hidden]{display:none}#hud-combat{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#e05040;text-shadow:0 0 8px rgba(180,24,16,.55)}#hud-combat[hidden]{display:none}#hud-identity.in-combat #hud-self-portrait{border-color:#a03020;box-shadow:inset 0 0 0 1px #2a180c,0 0 10px #b4201473}#hud-identity.in-combat #hud-name{color:#e07040}#hud-group{position:absolute;top:7.8rem;left:1.15rem;display:flex;flex-direction:column;gap:.28rem;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:6}#hud-group[hidden]{display:none}.party-frame{display:flex;align-items:stretch;gap:.38rem;margin:0;padding:.2rem .4rem .2rem .2rem;width:13.2rem;background:linear-gradient(180deg,#120c08eb,#080604e0);border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #e8c36a14;color:inherit;font:inherit;text-align:left;cursor:pointer}.party-frame.self{border-color:#8a6a38}.party-frame.selected{border-color:#e8c36a;box-shadow:inset 0 0 0 1px #e8c36a38,0 0 10px #e8c36a2e}.party-portrait{display:block;width:2.55rem;height:2.55rem;background:#120c08;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c}.party-info{display:grid;align-content:center;gap:.16rem;min-width:0;flex:1}.party-head{display:flex;align-items:baseline;justify-content:space-between;gap:.45rem}.party-name{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#e8c36a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-level{font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:#d7c4a3;flex-shrink:0}.party-bar{height:.58rem}.party-bar span{font-size:.48rem;letter-spacing:.06em}.party-frame.dead{opacity:.88}.party-frame.dead .party-portrait{filter:grayscale(.7) brightness(.72)}.party-frame.dead .party-level{color:#c45a48}.party-frame.stunned .party-level{color:#e8c36a}.party-frame.frozen .party-level{color:#9ae8ff}.party-frame.slowed .party-level{color:#7ad8ff}.party-frame.slowed.wound .party-level{color:#e08a4a}.party-frame.slowed.poison .party-level{color:#7adf3a}.party-frame.marked .party-level{color:#ff6a38}#hud-target{position:absolute;top:1.05rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:.6rem;padding:.35rem .55rem .4rem .35rem;background:linear-gradient(180deg,#120c08eb,#080604e0);border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #e8c36a14;-webkit-user-select:none;user-select:none}#hud-target[hidden]{display:none}#hud-target-info{display:grid;align-content:center;gap:.28rem;min-width:11.5rem}#hud-target-head{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}#hud-target-name{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#e8c36a}#hud-target-level{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#d7c4a3}#hud-target-armor,#hud-look-armor{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:#a89070}#hud-target-armor[hidden],#hud-look-armor[hidden]{display:none}.hud-resist{color:#8fb6e6}.hud-resist:before{content:"·";margin:0 .4em;color:#6d5b45}.hud-bar{position:relative;height:.78rem;background:#140806;border:1px solid #3a2414;overflow:hidden}.hud-bar>div:first-child{height:100%;width:0%}.hud-bar-hp>div:first-child{background:linear-gradient(180deg,#e03830,#a01010)}.hud-bar-shield{position:absolute;top:0;height:100%;width:0;left:0;background:linear-gradient(180deg,#d4f6ff,#4ab4e8);box-shadow:inset 0 0 6px #b4f0ff8c;pointer-events:none}.hud-bar-hp.overshield{box-shadow:inset 0 0 8px #78d2ffb3}.hud-bar-mana>div:first-child{background:linear-gradient(180deg,#4a98e8,#1848b0)}.hud-bar-rage>div:first-child{background:linear-gradient(180deg,#e85828,#8a1808)}.hud-bar-energy>div:first-child{background:linear-gradient(180deg,#e8d048,#8a7010)}.hud-bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.58rem;letter-spacing:.08em;color:#f4efe6;text-shadow:0 1px 2px #000}#hud-target.dead{opacity:.92}#hud-target.dead #hud-target-portrait{filter:grayscale(.7) brightness(.72)}#hud-target.dead #hud-target-level{color:#c45a48}#hud-target.stunned #hud-target-level{color:#e8c36a}#hud-target.frozen #hud-target-level{color:#9ae8ff}#hud-target.slowed #hud-target-level{color:#7ad8ff}#hud-target.slowed.wound #hud-target-level{color:#e08a4a}#hud-target.slowed.poison #hud-target-level{color:#7adf3a}#hud-target.marked #hud-target-level{color:#ff6a38}#hud-target.striking{box-shadow:inset 0 0 0 1px #ff503c8c,0 0 18px #ff281473;animation:target-strike .5s ease-in-out infinite}#hud-target.striking #hud-target-portrait{filter:brightness(1.35) saturate(1.2);box-shadow:inset 0 0 0 1px #2a180c,0 0 0 2px #ff3a20,0 0 16px #ff28148c}#hud-look{position:absolute;left:1.2rem;bottom:clamp(10.8rem,20vmin,13.4rem);display:flex;align-items:center;gap:.45rem;padding:.28rem .5rem .28rem .28rem;background:#080604db;border:1px solid #5a3a18;box-shadow:inset 0 0 0 1px #e8c36a14;-webkit-user-select:none;user-select:none}#hud-look[hidden]{display:none}#hud-look-portrait{width:44px;height:44px;display:block;border:1px solid #3a2410;box-shadow:inset 0 0 0 1px #120a06;background:#120c08}#hud-look-copy{display:grid;gap:.12rem;min-width:8.5rem}#hud-look-text{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#e8c36a}#hud-look-state{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7358}#hud-look.dead #hud-look-portrait{filter:grayscale(.7) brightness(.72)}#hud-look.dead #hud-look-state{color:#c45a48}#hud-look.plain #hud-look-portrait{display:none}#interact-prompt{position:absolute;left:50%;top:calc(50% + 2.35rem);transform:translate(-50%);padding:.32rem .78rem;background:#080604db;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 18px #00000073;color:#e8c36a;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;z-index:8;-webkit-user-select:none;user-select:none;white-space:nowrap}#interact-prompt[hidden]{display:none}#voice-talk{position:absolute;left:50%;bottom:7.4rem;transform:translate(-50%);padding:.32rem .78rem;background:#080604db;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 18px #00000073;color:#e8c36a;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;z-index:8;-webkit-user-select:none;user-select:none;white-space:nowrap}#voice-talk.is-blocked{color:#d4a08a;border-color:#6a3828}#voice-talk[hidden]{display:none}#hud-stun{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.55rem;pointer-events:none;z-index:12;-webkit-user-select:none;user-select:none}#hud-stun[hidden]{display:none}#hud-stun .stun-copy{font-size:clamp(1.55rem,3.1vw,2.45rem);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#ffe27a;text-shadow:-1px -1px 0 #120804,1px -1px 0 #120804,-1px 1px 0 #120804,1px 1px 0 #120804,0 0 18px rgba(232,195,106,.55);animation:stun-pulse .8s ease-in-out infinite}#hud-stun.is-frozen .stun-copy{color:#c8f4ff;text-shadow:-1px -1px 0 #041018,1px -1px 0 #041018,-1px 1px 0 #041018,1px 1px 0 #041018,0 0 18px rgba(138,224,255,.7)}#hud-stun.is-frozen .stun-star{color:#9ae8ff;text-shadow:0 0 10px rgba(154,232,255,.9)}#hud-stun .stun-star{color:#ffe27a;font-size:1.2rem;text-shadow:0 0 10px rgba(255,226,122,.85);animation:stun-twinkle .7s ease-in-out infinite}#hud-stun .stun-star-b{animation-delay:.35s}@keyframes stun-pulse{0%,to{opacity:.78;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes stun-twinkle{0%,to{opacity:.4;transform:translateY(0) rotate(-14deg)}50%{opacity:1;transform:translateY(-7px) rotate(14deg)}}@keyframes target-strike{50%{filter:brightness(1.25)}}#hud-party{position:absolute;top:1.15rem;right:1.25rem;letter-spacing:.14em;font-size:.72rem;text-transform:uppercase;color:#8a7358;-webkit-user-select:none;user-select:none}#damage-meter{position:absolute;right:1.15rem;bottom:8.6rem;width:16.8rem;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:8;background:linear-gradient(180deg,#120c08f0,#080604e6);border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #e8c36a14}#damage-meter[hidden]{display:none}.meter-head{display:flex;align-items:baseline;gap:.45rem;padding:.28rem .45rem .22rem;border-bottom:1px solid #3a2414}.meter-title{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#e8c36a}#damage-meter.is-fight .meter-title{color:#e07040}.meter-time{font-size:.55rem;letter-spacing:.08em;color:#d7c4a3}.meter-dps{margin-left:auto;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7358}.meter-body,.meter-detail{display:flex;flex-direction:column;gap:2px;padding:.22rem .28rem .28rem}.meter-detail{border-top:1px solid #3a2414}.meter-detail[hidden]{display:none}.meter-empty{padding:.35rem .2rem .2rem;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7358}.meter-row,.meter-ability{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:1.18rem;margin:0;padding:.08rem .35rem;overflow:hidden;border:1px solid transparent;background:#0c08068c;color:inherit;font:inherit;text-align:left}.meter-row{cursor:pointer}.meter-row:before,.meter-ability:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--fill, 0%);background:var(--bar, #8a6a38);opacity:.78;pointer-events:none}.meter-ability:before{background:linear-gradient(90deg,#5a3810,#c4a05a 70%,#e8c36a);opacity:.58}.meter-row.self{box-shadow:inset 0 0 0 1px #e8c36a1f}.meter-row.selected{border-color:#e8c36a}.meter-name,.meter-amt{position:relative;z-index:1;white-space:nowrap}.meter-name{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#f0e2c4;overflow:hidden;text-overflow:ellipsis}.meter-ability .meter-name{text-transform:none;letter-spacing:.04em;color:#e8c36a}.meter-amt{flex-shrink:0;font-size:.52rem;letter-spacing:.06em;color:#d7c4a3}.meter-row:hover{border-color:#8a6a38}#crosshair{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px 0 0 -5px;border:1px solid rgba(232,195,106,.7);border-radius:50%}#hud-xp{position:absolute;left:0;right:0;bottom:0;height:15px;background:#0a0604;border-top:1px solid #3a2414;box-shadow:inset 0 1px #6a4e2833}#hud-xp-fill{height:100%;width:0%;background:linear-gradient(90deg,#5a3810,#e8c36a 70%,#f0d890);box-shadow:0 0 8px #e8c36a66}#hud-xp-marks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 4.7%,rgba(0,0,0,.55) 4.7% 5%);pointer-events:none}#hud-xp-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:1;font-size:.58rem;letter-spacing:.08em;color:#f4efe6;text-shadow:0 1px 2px #000,0 0 6px #000c;pointer-events:none;-webkit-user-select:none;user-select:none}#hud-dock{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 .45rem 16px;-webkit-user-select:none;user-select:none}#hud-dock:before{content:"";position:absolute;left:0;right:0;bottom:0;height:8rem;background:linear-gradient(transparent,#0503028c);pointer-events:none;z-index:0}#hud-left,#hud-right{display:flex;align-items:flex-end;gap:.45rem;z-index:2}.hud-life-col{display:flex;flex-direction:column;align-items:center;gap:0}.hud-life-col:has(.player-buff:not([hidden])){gap:.28rem}#bag-cluster{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.3rem;margin-bottom:1.05rem;pointer-events:auto}.orb{--size: clamp(118px, 15.2vmin, 166px);width:var(--size);height:var(--size);position:relative;flex:0 0 var(--size);filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}.buff-row{display:flex;gap:.28rem;align-items:flex-end;justify-content:center;z-index:6}.player-buff{position:relative;width:1.9rem;height:1.9rem;border:1px solid #8a6a28;background:#120c08;box-shadow:inset 0 0 0 1px #2a180c,0 4px 10px #00000080}.player-buff[hidden]{display:none}.buff-art,.consume-art{position:absolute;top:.16rem;right:.16rem;bottom:.16rem;left:.16rem}.buff-food-art,.consume-food-art{background:radial-gradient(ellipse at 50% 58%,#e8b46a 0,#e8b46a 36%,#b06a28 48%,#6a3410);clip-path:ellipse(48% 36% at 50% 58%);box-shadow:inset 0 -4px #4a2008}.buff-drink-art,.consume-drink-art{background:linear-gradient(180deg,#d8dce8 0,#d8dce8 18%,#3a88d0 22%,#184888);clip-path:polygon(32% 8%,68% 8%,72% 22%,64% 28%,70% 88%,50% 100%,30% 88%,36% 28%,28% 22%)}.buff-haste-art{background:linear-gradient(90deg,transparent 0 18%,#f0a048 18% 38%,transparent 38% 48%,#e87828 48% 72%,transparent 72% 80%,#d05018 80% 100%);clip-path:polygon(8% 38%,62% 38%,54% 18%,92% 50%,54% 82%,62% 62%,8% 62%)}.buff-enrage-art{background:radial-gradient(circle at 40% 40%,#ffd078 0,#ffd078 18%,#e84828 42%,#7a1010);clip-path:polygon(50% 4%,62% 38%,96% 38%,68% 58%,80% 96%,50% 74%,20% 96%,32% 58%,4% 38%,38% 38%)}.buff-blazing-art{background:linear-gradient(90deg,transparent 0 10%,#fff0a0 10% 28%,transparent 28% 38%,#ff7a18 38% 62%,transparent 62% 72%,#e84810 72% 100%);clip-path:polygon(6% 42%,58% 28%,48% 8%,96% 50%,48% 92%,58% 72%,6% 58%)}.buff-sprint-art{background:linear-gradient(90deg,transparent 0 8%,#c8e878 8% 24%,transparent 24% 36%,#8aaa78 36% 58%,transparent 58% 68%,#4a6a38 68% 88%,transparent 88%);clip-path:polygon(6% 42%,58% 28%,48% 8%,96% 50%,48% 92%,58% 72%,6% 58%)}.buff-flurry-art{background:linear-gradient(115deg,transparent 0 10%,#ffd078 10% 22%,transparent 22% 34%,#e84828 34% 52%,transparent 52% 62%,#a81818 62% 82%,transparent 82%);clip-path:polygon(10% 68%,32% 16%,42% 22%,24% 70%,52% 12%,64% 20%,38% 76%,78% 18%,88% 28%,56% 86%)}.buff-dst-art{background:linear-gradient(180deg,#fff0c0 0,#fff0c0 18%,#ffc44a 28%,#e07028 58%,#7a2010);clip-path:polygon(50% 4%,62% 28%,78% 22%,66% 42%,88% 58%,62% 56%,58% 96%,42% 96%,38% 56%,12% 58%,34% 42%,22% 22%,38% 28%);box-shadow:0 0 8px #ffc44aaa}.buff-ember-art{background:linear-gradient(180deg,#fff4c0 0,#fff4c0 10%,#ffc44a 22%,#ff6a18,#c42808 78%,#4a1008);clip-path:polygon(50% 2%,62% 28%,80% 18%,68% 42%,92% 62%,64% 56%,58% 98%,42% 98%,36% 56%,8% 62%,32% 42%,20% 18%,38% 28%);box-shadow:0 0 10px #ff6a18aa}.buff-holy-shield-art{background:radial-gradient(circle at 50% 42%,#fff4c8 0,#fff4c8 22%,#e8c36a 38%,#8a6a28 78%);clip-path:polygon(50% 4%,88% 18%,88% 52%,50% 96%,12% 52%,12% 18%)}.buff-enlightened-art{background:radial-gradient(circle at 50% 38%,#f0fbff 0,#f0fbff,#8ad4f0 40%,#2a6a98 78%);clip-path:polygon(50% 2%,78% 26%,78% 66%,50% 96%,22% 66%,22% 26%);box-shadow:0 0 8px #8ad4f0aa}.buff-viper-art{background:linear-gradient(135deg,#c8e878 0,#c8e878 28%,#4a8a38 48%,#1a3a14);clip-path:polygon(18% 78%,28% 42%,48% 28%,38% 12%,62% 22%,78% 8%,86% 28%,68% 42%,82% 62%,58% 52%,42% 72%,32% 92%);box-shadow:0 0 8px #4a8a38aa}.buff-hunters-mark-art{background:linear-gradient(180deg,#ff8a48 0,#ff8a48 36%,#ff3a20 58%,#7a1010);clip-path:polygon(44% 4%,56% 4%,56% 58%,72% 46%,50% 92%,28% 46%,44% 58%);box-shadow:0 0 8px #ff3a20aa}.buff-divine-plea-art{background:radial-gradient(circle at 50% 42%,#fff8d8 0,#fff8d8 22%,#e8c36a 46%,#8a6a28 82%);clip-path:polygon(46% 6%,54% 6%,54% 40%,88% 40%,88% 48%,54% 48%,54% 94%,46% 94%,46% 48%,12% 48%,12% 40%,46% 40%);box-shadow:0 0 8px #e8c36aaa}.buff-sweeping-art{background:linear-gradient(115deg,transparent 0 8%,#f0e0b8 8% 22%,transparent 22% 34%,#c4a882 34% 52%,transparent 52% 64%,#8a6a42 64% 82%,transparent 82%);clip-path:polygon(8% 62%,28% 14%,40% 22%,24% 64%,50% 10%,64% 20%,36% 72%,78% 16%,90% 28%,52% 84%)}.buff-ice-barrier-art{background:radial-gradient(circle at 50% 42%,#f4ffff 0,#f4ffff 22%,#8ae0ff 38%,#2a78b8 78%);clip-path:polygon(50% 4%,88% 18%,88% 52%,50% 96%,12% 52%,12% 18%)}.buff-sanctuary-art{background:radial-gradient(circle at 50% 42%,#fff8dc 0,#fff8dc 24%,#ffe080 40%,#c4a040 78%);clip-path:ellipse(46% 46% at 50% 50%);box-shadow:0 0 8px #ffe080aa}.buff-stealth-art{background:radial-gradient(circle at 50% 48%,#c8d4b0 0,#c8d4b0 18%,#4a5a38 42%,#12180e 78%);clip-path:ellipse(42% 28% at 50% 50%);box-shadow:inset 0 0 0 3px #1a2410}.buff-shadowstep-art{background:radial-gradient(circle at 50% 40%,#d8c8ff 0,#d8c8ff 16%,#6a48b8 40%,#241038 78%);clip-path:polygon(50% 6%,68% 32%,96% 38%,74% 58%,82% 92%,50% 74%,18% 92%,26% 58%,4% 38%,32% 32%)}.buff-slow-art{background:radial-gradient(circle at 50% 50%,#f4ffff 0,#f4ffff 16%,#8ae0ff 34%,#2a78b8 72%);clip-path:polygon(50% 2%,62% 28%,98% 35%,72% 58%,80% 96%,50% 76%,20% 96%,28% 58%,2% 35%,38% 28%)}.player-buff.is-wound .buff-slow-art{background:radial-gradient(circle at 50% 38%,#f0c090 0,#f0c090 16%,#c45a28 40%,#5a180c 78%);clip-path:polygon(18% 22%,82% 22%,88% 42%,72% 48%,72% 88%,28% 88%,28% 48%,12% 42%)}.player-buff.is-poison .buff-slow-art{background:radial-gradient(circle at 50% 38%,#e8ff9a 0,#e8ff9a,#7adf3a 36%,#2a6810 78%);clip-path:polygon(50% 4%,62% 38%,96% 42%,68% 62%,78% 96%,50% 78%,22% 96%,32% 62%,4% 42%,38% 38%)}.buff-freeze-art{background:linear-gradient(135deg,#f4ffff 0,#f4ffff 18%,#8ae0ff 40%,#2a78b8 82%);clip-path:polygon(12% 8%,88% 8%,88% 92%,12% 92%);box-shadow:inset 0 0 0 2px #d8f8ff88}.buff-poison-art{background:radial-gradient(circle at 50% 38%,#e8ff9a 0,#e8ff9a,#7adf3a 36%,#2a6810 78%);clip-path:polygon(50% 4%,62% 38%,96% 42%,68% 62%,78% 96%,50% 78%,22% 96%,32% 62%,4% 42%,38% 38%)}.buff-bleed-art{background:radial-gradient(circle at 50% 28%,#ffc4c4 0,#ffc4c4 16%,#d01828 40%,#5a080c 82%);clip-path:polygon(50% 4%,72% 38%,66% 72%,50% 96%,34% 72%,28% 38%)}.buff-lava-art{background:radial-gradient(circle at 50% 42%,#ffe080 0,#ffe080 16%,#ff6a18 38%,#8a1808 78%);clip-path:polygon(18% 78%,32% 42%,28% 18%,50% 8%,72% 18%,68% 42%,82% 78%,50% 96%)}.buff-fireball-art{background:radial-gradient(circle at 50% 38%,#fff4a8 0,#fff4a8 14%,#ff7a18 36%,#c42808 68%,#3a0808 92%);clip-path:polygon(50% 2%,62% 22%,78% 14%,70% 38%,92% 48%,68% 54%,78% 86%,50% 70%,22% 86%,32% 54%,8% 48%,30% 38%,22% 14%,38% 22%)}.buff-infernal-art{background:radial-gradient(circle at 50% 40%,#fff0a0 0,#fff0a0 14%,#ff4a12 34%,#5a0808 80%);clip-path:polygon(50% 2%,62% 28%,92% 22%,74% 48%,88% 82%,50% 68%,12% 82%,26% 48%,8% 22%,38% 28%)}.buff-time{position:absolute;right:.08rem;bottom:.02rem;font-size:.58rem;font-weight:700;color:#fff4d0;text-shadow:0 1px 2px #000;z-index:1}.orb-socket{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0a0704}.orb-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:visible;pointer-events:none}.orb-well{position:absolute;top:11.5%;right:11.5%;bottom:11.5%;left:11.5%;border-radius:50%;overflow:hidden;z-index:1;background:#140606}.orb-mana .orb-well{background:#060a18}.orb-liquid{--fill: 100%;position:absolute;left:0;width:100%;height:var(--fill);bottom:0;transition:height .18s ease-out;z-index:1}.orb-shield-liquid{--fill: 0%;position:absolute;left:0;width:100%;height:var(--fill);bottom:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#d8f7ff,#7ad4ff 42%,#2a78b8);box-shadow:inset 0 0 18px #b4f0ff73;transition:height .18s ease-out}.orb-shield-liquid[hidden]{display:none}.orb-life .orb-liquid{background:linear-gradient(180deg,#e03028,#c41818 42%,#8a0c10)}.orb-mana .orb-liquid{background:linear-gradient(180deg,#3a90e8,#1a62d0 40%,#0c3a98)}.orb-rage .orb-well{background:#180604}.orb-rage .orb-liquid{background:linear-gradient(180deg,#f06830,#d03010 40%,#7a1008)}.orb-energy .orb-well{background:#181406}.orb-energy .orb-liquid{background:linear-gradient(180deg,#f0e060,#c4a020 40%,#6a5410)}.orb-meniscus{position:absolute;top:-11px;left:0;right:0;height:22px;border-radius:50%;background:inherit;filter:brightness(1.15);animation:meniscus 3.2s ease-in-out infinite}.orb-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.28) 0 1.2%,transparent 1.8%),radial-gradient(circle at 62% 58%,rgba(255,255,255,.2) 0 .9%,transparent 1.6%),radial-gradient(circle at 44% 82%,rgba(255,255,255,.16) 0 1.4%,transparent 2%);animation:bubbles 5s linear infinite;opacity:.7}.orb-caustic{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-radial-gradient(ellipse at 50% 115%,rgba(255,255,255,.12) 0 7%,transparent 11% 20%);mix-blend-mode:overlay;animation:caustic 9s linear infinite;pointer-events:none}.orb-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.55) 0 3%,rgba(255,255,255,.14) 10%,transparent 26%),radial-gradient(circle at 68% 22%,rgba(255,255,255,.12) 0 4%,transparent 18%),radial-gradient(circle at 50% 100%,rgba(0,0,0,.42),transparent 46%);pointer-events:none;z-index:2}.orb-readout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-content:center;text-align:center;font-family:Palatino,Palatino Linotype,Book Antiqua,serif;color:#f4efe6;text-shadow:0 1px 2px #000,0 0 10px #000c;pointer-events:none}.orb-cur{font-size:clamp(1.05rem,2.1vmin,1.45rem);font-weight:700;line-height:1;letter-spacing:.04em}.orb-max{display:block;margin-top:.18rem;padding-top:.12rem;border-top:1px solid rgba(232,195,106,.35);font-size:.68rem;letter-spacing:.12em;color:#d7c4a3;opacity:.85}.orb-shield-cur{display:block;margin-top:.12rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#9ae8ff;text-shadow:0 1px 2px #000,0 0 8px rgba(80,180,255,.55)}.orb-shield-cur[hidden]{display:none}.orb.shielded .orb-well{box-shadow:inset 0 0 22px #5abeff8c}.orb.shielded .orb-frame{filter:drop-shadow(0 0 6px rgba(120,210,255,.45))}.orb.critical .orb-well{box-shadow:inset 0 0 22px #dc2814a6}.orb.critical .orb-frame{animation:crit-pulse .7s ease-in-out infinite}.orb.starved .orb-well,.orb.sipping .orb-well{box-shadow:inset 0 0 18px #78b4ff73}.orb.sipping .orb-frame{filter:brightness(1.25)}.hud-support{display:grid;gap:.4rem;margin-bottom:1.15rem;min-width:4.6rem}.flask-rack{display:flex;gap:.4rem;align-items:flex-end}.consume{position:relative;width:2.2rem;height:2.2rem;border:1px solid #6a4e28;background:#120c08;box-shadow:inset 0 0 0 1px #2a180c}.consume-food{box-shadow:inset 0 0 0 1px #2a180c,inset 0 0 0 2px #6a3a10}.consume-drink{box-shadow:inset 0 0 0 1px #2a180c,inset 0 0 0 2px #184868}.consume.is-locked{opacity:.38;filter:grayscale(.4)}.flask-key{position:absolute;right:.12rem;bottom:.04rem;font-size:.62rem;letter-spacing:.08em;color:#c4a882;text-shadow:0 1px 2px #000}.charm-row{display:flex;gap:.28rem}.charm{width:.95rem;height:.95rem;border-radius:50%;background:radial-gradient(circle at 40% 35%,#2a1c10,#0a0804);border:1px solid #6a4e28;box-shadow:inset 0 0 4px #000}.spirit-fill{filter:drop-shadow(0 0 2px #e8c36a)}.hud-skills-wrap{display:flex;align-items:flex-end;gap:.4rem;margin-bottom:1.05rem;margin-right:-.35rem}.hud-portal{width:1.7rem;height:1.7rem;margin-bottom:.15rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 28%,#1a3048 32% 40%,transparent 42%),radial-gradient(circle at 50% 50%,#3a80c4 0,#3a80c4 18%,#0a1428 22%);border:2px solid #6a4e28;box-shadow:inset 0 0 6px #4a88c888,0 0 0 1px #120a06}.skill-bar{display:flex;gap:.22rem;padding:.45rem .5rem .55rem;background:linear-gradient(180deg,#1c120aeb,#080604f0);border:1px solid #5a3a18;border-bottom:1px solid #2a180c;box-shadow:inset 0 1px #e8c36a2e,0 8px 16px #00000073}body.is-bags .skill-bar,body.is-chat .skill-bar{pointer-events:auto}body.is-bags .skill:not(.skill-empty),body.is-chat .skill:not(.skill-empty){cursor:help}.skill{--gem: #8a7358;position:relative;width:clamp(2.45rem,4.8vmin,3.25rem);height:clamp(2.45rem,4.8vmin,3.25rem);background:#0c0806;border:1px solid #4a3018;box-shadow:inset 0 0 0 1px #1a1008,0 0 0 1px #2a160c}.skill-empty{background:#080604}.skill-empty:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;background:radial-gradient(circle at 50% 38%,#1c140c,#050302 70%);box-shadow:inset 0 0 8px #000}.skill-gem{position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.42),transparent 28%),radial-gradient(circle at 50% 45%,var(--gem),#0a0604 78%);box-shadow:inset 0 0 8px #0000008c}.skill-glyph{position:absolute;top:16%;right:16%;bottom:16%;left:16%;color:#fff8dce6;filter:drop-shadow(0 1px 1px #000c);overflow:visible}.skill-cd{--cd: 0;position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:conic-gradient(from -90deg,rgba(0,0,0,.78) calc(var(--cd) * 360deg),transparent 0);opacity:0}.skill-cd.on{opacity:1}.skill-key{position:absolute;left:50%;bottom:1px;transform:translate(-50%);z-index:2;min-width:.7rem;padding:0 .18rem;font-size:.55rem;line-height:1.15;letter-spacing:.04em;color:#d7c4a3;background:#0a0604d1;border:1px solid #3a2414;display:grid;place-items:center}.skill.used{animation:skill-use .22s ease}.skill.ready .skill-gem{box-shadow:inset 0 0 8px #0000008c,0 0 8px #e8c36a47}.skill.is-oom{filter:saturate(.35) brightness(.72)}.skill.is-toggled .skill-gem{box-shadow:inset 0 0 8px #0006,0 0 12px #4a88e8b3}.skill.is-toggled .skill-glyph{color:#c8e4ff}.skill.is-queued .skill-gem{box-shadow:inset 0 0 8px #0006,0 0 14px #e8c36ad9}.skill.is-queued .skill-glyph{color:#ffe59a}.skill.is-placing .skill-gem{box-shadow:inset 0 0 8px #0006,0 0 14px #ff6e28d9}.skill.is-placing .skill-glyph{color:#ffe0a8}#hud-cast{position:absolute;left:50%;bottom:7.2rem;transform:translate(-50%);width:min(16rem,42vw);padding:.28rem .4rem .34rem;background:#0a0806d1;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 16px #00000073;z-index:8;pointer-events:none}#hud-cast[hidden]{display:none}.cast-name{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#e8c36a;text-align:center;margin-bottom:.18rem}.cast-track{height:.55rem;background:#120a06;border:1px solid #3a2414;overflow:hidden}.cast-fill{height:100%;background:linear-gradient(180deg,#e8d48a,#8a6a28);box-shadow:inset 0 1px #ffffff40}.cast-time{margin-top:.12rem;font-size:.58rem;letter-spacing:.08em;color:#c4b090;text-align:center}@keyframes meniscus{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.08)}}@keyframes bubbles{to{transform:translateY(-12%)}}@keyframes caustic{to{transform:rotate(18deg) scale(1.05)}}@keyframes crit-pulse{50%{filter:brightness(1.35)}}@keyframes skill-use{50%{filter:brightness(1.6);transform:scale(.96)}}@media(max-width:980px){#create-layout{grid-template-columns:1fr;overflow:auto}#create-right{grid-template-rows:auto auto}#char-preview{min-height:22rem}.orb{--size: 108px}.skill{width:2.15rem;height:2.15rem}}body.is-bags,body.is-bags #game,body.is-chat,body.is-chat #game{cursor:default}#bags{position:absolute;right:0;bottom:calc(100% + .4rem);z-index:12}#bags[hidden]{display:none}.inv-desk{display:flex;flex-direction:row;align-items:flex-end;gap:.45rem}.inv-bags{display:flex;flex-direction:column-reverse;align-items:flex-end;gap:.45rem}.char-pane{width:14.4rem;background:#0a0806f0;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}.paperdoll{display:grid;grid-template-columns:auto 1fr auto;gap:.18rem;padding:.4rem}.paper-col{display:grid;gap:.18rem}.paper-bottom{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,2.15rem);justify-content:space-between}.gear-slot{display:grid;place-items:center}.paper-stats{display:grid;align-content:center;gap:.06rem;min-width:5.8rem;padding:0 .15rem;color:#a89878;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.paper-stats div{display:flex;justify-content:space-between;gap:.35rem}.paper-stats .paper-stat{cursor:help}.paper-stats em{font-style:normal;color:#e8c36a}.paper-div{height:1px;background:#3a2414;margin:.12rem 0}.paper-stats .paper-head span{color:#6a5848}.gear-slot .gear-label{font-size:.46rem;letter-spacing:.04em;text-transform:uppercase;color:#6a5848}.gear-slot.filled .gear-label{display:none}.bag-frame{width:10.4rem;background:#0a0806f0;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}.bag-head{padding:.28rem .45rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#e8c36a;border-bottom:1px solid #3a2414}.bag-grid{display:grid;gap:.18rem;padding:.4rem}.inv-slot{width:2.15rem;height:2.15rem;padding:0;border:1px solid #4a3018;background:linear-gradient(180deg,#1a120c,#0a0806);color:inherit;cursor:pointer;position:relative}.inv-slot.filled{box-shadow:inset 0 0 0 1px var(--quality, var(--item, #6a4e28))}.inv-slot.too-low{opacity:.55}.inv-slot.too-low .inv-glyph{filter:grayscale(.4)}@keyframes item-glow{0%,to{box-shadow:inset 0 0 0 1px var(--item, #e8c36a),0 0 6px #e8d27873,0 0 14px #88e8ff47}50%{box-shadow:inset 0 0 0 1px #fff4c8,0 0 12px #ffeca0d9,0 0 20px #a8f0ff80}}.inv-slot.glow{animation:item-glow 1.8s ease-in-out infinite;border-color:#e8d478}.inv-slot.glow .inv-glyph{filter:drop-shadow(0 0 4px #ffe59a) drop-shadow(0 0 8px #88e8ff)}.inv-glyph{font-size:.95rem;color:var(--item, #e8c36a)}.inv-count{position:absolute;right:.12rem;bottom:.05rem;font-size:.58rem;color:#f4efe6;text-shadow:0 1px 2px #000}.bag-money{padding:.28rem .45rem .4rem;border-top:1px solid #3a2414;display:flex;justify-content:flex-end}.money{display:inline-flex;align-items:center;gap:.18rem;font-size:.7rem;letter-spacing:.04em;color:#d7c4a3}.coin{width:.7rem;height:.7rem;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #00000073}.coin.gold{background:radial-gradient(circle at 35% 30%,#f8e08a,#c4a020)}.coin.silver{background:radial-gradient(circle at 35% 30%,#f0f0f4,#8a8a96)}.coin.copper{background:radial-gradient(circle at 35% 30%,#e8a060,#8a4018)}#bag-bar{position:relative;display:flex;gap:.28rem;z-index:12}#bag-bar[hidden]{display:none}.bag-slot{width:2.35rem;height:2.35rem;padding:0;border:1px solid #6a4e28;background:#120c08;color:#8a7358;cursor:pointer;display:grid;place-items:center;position:relative}.bag-slot.filled{color:var(--item, #e8c36a);box-shadow:inset 0 0 0 1px #2a180c}.bag-slot.open{border-color:#e8c36a}.bag-slot em{position:absolute;right:.1rem;bottom:.05rem;font-size:.48rem;font-style:normal;color:#d7c4a3}#inv-held{position:fixed;z-index:30;pointer-events:none;font-size:1.2rem;text-shadow:0 1px 3px #000;display:grid;justify-items:center;gap:.12rem}#inv-held[hidden]{display:none}#inv-held.glow .inv-glyph{filter:drop-shadow(0 0 6px #ffe59a) drop-shadow(0 0 12px #88e8ff)}.inv-drop-hint{font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:#d7c4a3;white-space:nowrap}#inv-tip,#skill-tip,#loot-tip,#vendor-tip,#gear-tip,#dev-tip{position:fixed;z-index:40;min-width:7.5rem;max-width:18rem;padding:.35rem .5rem .4rem;background:#0a0806f5;border:1px solid #8a6a28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 18px #0000008c;pointer-events:none}#inv-tip[hidden],#skill-tip[hidden],#loot-tip[hidden],#vendor-tip[hidden],#gear-tip[hidden],#dev-tip[hidden]{display:none}.inv-tip-name{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#e8c36a}.inv-tip-name.quality-poor{color:#9d9d9d}.inv-tip-name.quality-common{color:#fff}.inv-tip-name.quality-uncommon{color:#1eff00}.inv-tip-name.quality-rare{color:#0070dd}.inv-tip-name.quality-epic{color:#a335ee}.inv-tip-name.quality-legendary{color:#ff8000}.inv-tip-meta,.skill-tip-blurb{margin-top:.18rem;font-size:.68rem;letter-spacing:.04em;color:#c4b08a;text-transform:none;line-height:1.35}.inv-tip-line{margin-top:.1rem;font-size:.68rem;letter-spacing:.04em;color:#c4b08a;text-transform:none;line-height:1.35}.inv-tip-stat,.inv-tip-bonus{color:#f0ead8}.inv-tip-effect{margin-top:.2rem;color:#e8c36a}.inv-tip-req{margin-top:.2rem}.inv-tip-line.inv-tip-bad{color:#e04030}.inv-tip-unequip{margin-top:.22rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#e04030}.inv-tip-vendor{margin-top:.28rem;padding-top:.22rem;border-top:1px solid #3a2414;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#a89878}.inv-tip-vendor .money{display:inline-flex;margin:0 .12rem;font-size:.68rem;letter-spacing:.04em;text-transform:none;color:#d7c4a3;vertical-align:middle}.skill-tip-stats{margin-top:.28rem;display:grid;gap:.08rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#e8c36a}.skill-tip-formula{font-size:.62rem;letter-spacing:.03em;text-transform:none;color:#a89878}#inv-tip.glow,#loot-tip.glow,#vendor-tip.glow,#gear-tip.glow,#dev-tip.glow{border-color:#e8d478;box-shadow:inset 0 0 0 1px #2a180c,0 0 16px #e8d27880,0 8px 18px #0000008c}#inv-tip.glow .inv-tip-name,#loot-tip.glow .inv-tip-name,#vendor-tip.glow .inv-tip-name,#gear-tip.glow .inv-tip-name,#dev-tip.glow .inv-tip-name{text-shadow:0 0 8px currentColor}#chat{position:fixed;left:.7rem;bottom:9.4rem;width:min(26rem,calc(100vw - 1.4rem));max-height:11.5rem;pointer-events:none;z-index:18;display:flex;flex-direction:column;justify-content:flex-end}#chat.is-open{pointer-events:auto;max-height:14.5rem}#chat-log{display:flex;flex-direction:column;justify-content:flex-end;gap:.12rem;overflow:hidden;padding:.45rem .55rem;background:linear-gradient(180deg,#08060426,#080604b8);border:1px solid rgba(106,78,40,.45);box-shadow:inset 0 0 0 1px #e8c36a0f}#chat-log[hidden],#chat-log:empty{display:none}#chat-form{margin:.22rem 0 0}#chat-form[hidden]{display:none}#chat-input{width:100%;margin:0;padding:.38rem .5rem;border:1px solid #6a4e28;background:#080604eb;color:#e8c36a;font:inherit;font-size:.78rem;letter-spacing:.04em;outline:none;box-shadow:inset 0 0 0 1px #e8c36a14}#chat-input::placeholder{color:#8a7358}.chat-line{font-size:.72rem;line-height:1.35;letter-spacing:.03em;color:#e8c36a;text-shadow:0 1px 2px #050302}.chat-line.death{color:#d4a08a}.chat-line.say{color:#9ee8ff;font-style:italic}#speech-float{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:17;overflow:hidden}.speech-bubble{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));-webkit-user-select:none;user-select:none}.speech-bubble[hidden]{display:none}.speech-bubble-text{max-width:min(16rem,46vw);padding:.36rem .58rem .32rem;background:#f3e6c4;color:#2a160c;border:2px solid #5a3c1c;border-radius:.85rem;font-size:.78rem;line-height:1.28;letter-spacing:.02em;text-align:center;overflow-wrap:anywhere}.speech-bubble.is-voice .speech-bubble-text{letter-spacing:.34em;color:#3a2410;animation:voice-pip 1.1s ease-in-out infinite}@keyframes voice-pip{0%,to{opacity:.55}50%{opacity:1}}.speech-bubble:after{content:"";width:0;height:0;margin-top:-2px;border:8px solid transparent;border-top-color:#f3e6c4;filter:drop-shadow(0 2px 0 #5a3c1c)}#combat-float{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:16;overflow:hidden}.combat-float{position:absolute;left:0;top:0;font-size:1.45rem;font-weight:700;letter-spacing:.04em;color:#f4f1ea;text-shadow:-1px -1px 0 #120804,1px -1px 0 #120804,-1px 1px 0 #120804,1px 1px 0 #120804,0 2px 0 #120804,0 0 10px rgba(0,0,0,.55);white-space:nowrap;-webkit-user-select:none;user-select:none}.combat-float.is-hit{font-size:1.12rem;font-weight:500;color:#f4f1ea}.combat-float.is-crit{font-size:1.85rem;font-weight:800;color:#f4f1ea;text-shadow:-1px -1px 0 #120804,1px -1px 0 #120804,-1px 1px 0 #120804,1px 1px 0 #120804,0 3px 0 #120804,0 0 12px rgba(244,241,234,.28)}.combat-float.is-special.is-hit{font-size:1.35rem;font-weight:600;color:#ffe27a;text-shadow:-1px -1px 0 #2a1804,1px -1px 0 #2a1804,-1px 1px 0 #120804,1px 1px 0 #120804,0 2px 0 #120804,0 0 10px rgba(255,210,90,.35)}.combat-float.is-special.is-crit{font-size:2.15rem;font-weight:800;color:#ffe27a;text-shadow:-1px -1px 0 #2a1804,1px -1px 0 #2a1804,-1px 1px 0 #120804,1px 1px 0 #120804,0 3px 0 #120804,0 0 14px rgba(255,210,90,.45)}.combat-float.is-miss{font-size:1.2rem;letter-spacing:.18em;color:#d8d0c4}.combat-float.is-hurt{font-size:1.7rem;color:#ff6a55;text-shadow:-1px -1px 0 #2a0404,1px -1px 0 #2a0404,-1px 1px 0 #120804,1px 1px 0 #120804,0 2px 0 #120804,0 0 12px rgba(255,48,24,.55)}.combat-float.is-poison{font-size:1.45rem;color:#9ef050;text-shadow:-1px -1px 0 #102404,1px -1px 0 #102404,-1px 1px 0 #041204,1px 1px 0 #041204,0 2px 0 #041204,0 0 12px rgba(120,220,40,.5)}.combat-float.is-lava{font-size:1.45rem;color:#ff9a40;text-shadow:-1px -1px 0 #2a0804,1px -1px 0 #2a0804,-1px 1px 0 #120404,1px 1px 0 #120404,0 2px 0 #120404,0 0 12px rgba(255,80,20,.55)}.combat-float.is-block{font-size:1.45rem;font-weight:800;letter-spacing:.18em;color:#dce6f2;text-shadow:-1px -1px 0 #1a2430,1px -1px 0 #1a2430,-1px 1px 0 #0c1018,1px 1px 0 #0c1018,0 2px 0 #0c1018,0 0 12px rgba(160,190,230,.45)}.combat-float.is-absorb{font-size:1.2rem;color:#9ae8ff;text-shadow:-1px -1px 0 #042030,1px -1px 0 #042030,-1px 1px 0 #041018,1px 1px 0 #041018,0 2px 0 #041018,0 0 10px rgba(80,180,255,.45)}.combat-float.is-heal{color:#7adf7a;text-shadow:-1px -1px 0 #042404,1px -1px 0 #042404,-1px 1px 0 #041204,1px 1px 0 #041204,0 2px 0 #041204,0 0 10px rgba(80,200,80,.4)}.combat-float.is-heal.is-crit{font-size:2.15rem;font-weight:800;color:#7adf7a;text-shadow:-1px -1px 0 #042404,1px -1px 0 #042404,-1px 1px 0 #041204,1px 1px 0 #041204,0 3px 0 #041204,0 0 14px rgba(80,200,80,.5)}.combat-float.is-mana-gain{font-size:1.28rem;color:#7ac8ff;text-shadow:-1px -1px 0 #04182a,1px -1px 0 #04182a,-1px 1px 0 #04101a,1px 1px 0 #04101a,0 2px 0 #04101a,0 0 10px rgba(90,180,255,.5)}.combat-float.is-mana{font-size:1.28rem;color:#7ae08a;text-shadow:-1px -1px 0 #041804,1px -1px 0 #041804,-1px 1px 0 #041204,1px 1px 0 #041204,0 2px 0 #041204,0 0 10px rgba(70,220,80,.45)}.combat-float.is-exp{font-size:1.18rem;font-weight:700;letter-spacing:.06em;color:#f0d890;text-shadow:-1px -1px 0 #2a1804,1px -1px 0 #2a1804,-1px 1px 0 #120804,1px 1px 0 #120804,0 2px 0 #120804,0 0 12px rgba(232,195,106,.5)}#loot-frame{position:fixed;left:1.15rem;top:26%;width:14.8rem;z-index:20;pointer-events:auto;background:#0a0806f0;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}#loot-frame[hidden]{display:none}#vendor-frame{position:fixed;left:1.15rem;top:22%;width:16.4rem;z-index:20;pointer-events:auto;background:#0a0806f0;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}#vendor-frame[hidden]{display:none}#gear-frame{position:fixed;left:1.15rem;top:10%;width:24rem;z-index:20;pointer-events:auto;background:#0a0806f0;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}#gear-frame.is-presets{width:32rem}#gear-frame[hidden]{display:none}.gear-tabs{display:flex;gap:.22rem;padding:.32rem .5rem .3rem;border-bottom:1px solid #3a2414}.gear-tab{padding:.16rem .46rem;border:1px solid #6a4e28;background:#080604d9;color:#a89878;font:inherit;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.gear-tab:hover,.gear-tab.is-on{border-color:#e8c36a;color:#e8c36a;background:#e8c36a24}.gear-preset-board{max-height:min(38rem,68vh);overflow-y:auto;padding:.2rem .45rem .5rem}.gear-preset-class{margin:0 0 .55rem}.gear-preset-class h3{margin:.4rem 0 .2rem;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#c4a45a}.gear-preset-table{width:100%;border-collapse:collapse}.gear-preset-table th,.gear-preset-table td{padding:.12rem;text-align:center}.gear-preset-table thead th{font-size:.48rem;letter-spacing:.08em;text-transform:uppercase;color:var(--quality, #8a7358);font-weight:600}.gear-preset-table tbody th{width:2.4rem;text-align:left;font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;color:#8a7358;font-weight:600}.gear-preset-cell{width:100%;padding:.22rem .18rem;border:1px solid color-mix(in srgb,var(--quality, #6a4e28) 55%,#3a2414);background:#080604d9;color:var(--quality, #a89878);font:inherit;font-size:.5rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.gear-preset-cell:hover{border-color:var(--quality, #e8c36a);background:color-mix(in srgb,var(--quality, #e8c36a) 18%,#120e08)}.gear-search-form{margin:0;padding:.32rem .5rem;border-bottom:1px solid #3a2414}.gear-search{width:100%;box-sizing:border-box;padding:.28rem .4rem;border:1px solid #6a4e28;background:#080604d9;color:#e8d8b8;font:inherit;font-size:.68rem;letter-spacing:.06em}.gear-search:focus{outline:none;border-color:#e8c36a}.gear-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.22rem;padding:.32rem .5rem .38rem;border-bottom:1px solid #3a2414}.gear-filter-label{font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7358;padding-right:.12rem}.gear-chip{padding:.12rem .36rem;border:1px solid #6a4e28;background:#080604d9;color:#a89878;font:inherit;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.gear-chip:hover{border-color:#8a6a28;color:#e8d8b8}.gear-chip.is-on{border-color:#e8c36a;background:#e8c36a29;color:#e8c36a}.gear-chip-quality{color:var(--quality, #a89878)}.gear-chip-quality:hover,.gear-chip-quality.is-on{border-color:var(--quality, #e8c36a);color:var(--quality, #e8c36a);background:#080604d9}.gear-empty{margin:0;padding:.7rem .5rem;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8a7358}.vendor-hint{margin:0;padding:.22rem .5rem .28rem;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7358;border-bottom:1px solid #3a2414}.vendor-restock{margin:0;padding:.22rem .5rem .2rem;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase;color:#c4a060;border-bottom:1px solid #3a2414}.vendor-empty{margin:0;padding:.28rem .5rem .36rem;font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;color:#6a5844}.vendor-list{max-height:min(24rem,54vh);overflow-y:auto}.vendor-list.gear-list{max-height:min(32rem,58vh)}.vendor-section{padding:.32rem .5rem .08rem;font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:#8a7358}.vendor-row.too-poor{opacity:.42}.vendor-price{margin-left:auto}.vendor-price .money{font-size:.62rem}#world-map{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;pointer-events:auto;background:#05030294}#world-map[hidden]{display:none}.map-pane{width:min(64rem,calc(100vw - 2rem));background:#0a0806f5;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}.map-pane .bag-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.map-pane .bag-head em{font-style:normal;color:#d7c4a3;letter-spacing:.1em}.map-stage{padding:.55rem .65rem .2rem}.map-stage canvas{display:block;width:100%;height:auto;border:1px solid #3a2414;background:#120c08;image-rendering:pixelated}.map-stage canvas.is-pick{cursor:crosshair}.map-hint{margin:0;padding:.28rem .55rem .45rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7358}#passive-tree{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);z-index:20;pointer-events:auto}#passive-tree[hidden]{display:none}.passive-pane{width:22rem;background:#0a0806f0;border:1px solid #6a4e28;box-shadow:inset 0 0 0 1px #2a180c,0 8px 22px #0000008c}.passive-pane.is-trees{width:min(54rem,94vw)}.passive-pane .bag-head{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem}.passive-pane .bag-head em{font-style:normal;color:#d7c4a3;letter-spacing:.1em}.talent-forest{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding:.45rem}.talent-tree{display:grid;gap:.28rem;padding:.35rem .4rem .45rem;border:1px solid #3a2414;background:#100c088c}.talent-tree.is-mystic{border-color:#3a3868}.talent-tree.is-marksmanship{border-color:#3a4a28}.talent-tree.is-survival{border-color:#5a3820}.talent-tree.is-paladin{border-color:#6a5820}.talent-tree.is-high_priest{border-color:#5a4a28}.talent-tree.is-divine_caster{border-color:#5a3828}.talent-tree.is-fire{border-color:#8a3820}.talent-tree.is-frost{border-color:#2a6888}.talent-tree.is-arcane{border-color:#4a3a78}.talent-tree.is-titan{border-color:#6a4a28}.talent-tree.is-warbringer{border-color:#8a3820}.talent-tree.is-berserker{border-color:#a03018}.talent-tree header{display:flex;justify-content:space-between;gap:.5rem;color:#e8c36a;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}.talent-tree header span{color:#a89878;letter-spacing:.08em}.talent-tree>p{margin:0;font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:#8a7358}.talent-col{display:grid;gap:.28rem}.talent-node{display:grid;gap:.1rem;padding:.42rem .4rem .38rem;border:1px solid #3a2c1c;background:#1a140c;color:#d7c4a3;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left}.talent-node.is-capstone{border-color:#6a4e28;background:#22180c}.talent-node strong{font-size:.68rem;font-weight:600;color:#e8c36a}.talent-node span{font-size:.54rem;color:#a89878;letter-spacing:.04em;text-transform:none}.talent-node em{font-style:normal;font-size:.58rem;color:#8a7358}.talent-node.allocated{border-color:#e8c36a;box-shadow:inset 0 0 0 1px #e8c36a2e}.talent-node.allocated em{color:#e8c36a}.talent-node.ready:hover{border-color:#e8c36a}.talent-node:disabled{cursor:default;opacity:.62}.talent-node.allocated:disabled{opacity:1}.passive-web{position:relative;height:15.4rem;margin:.35rem .4rem .15rem}.passive-hint{margin:0;padding:.35rem .55rem .5rem;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:#8a7358}.loot-head{padding:.32rem .5rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#e8c36a;border-bottom:1px solid #3a2414}#gear-frame .loot-head{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}#gear-frame.is-dragging .loot-head{cursor:grabbing}.loot-list{display:flex;flex-direction:column}.loot-row{display:flex;align-items:center;gap:.42rem;width:100%;padding:.38rem .5rem;border:0;border-top:1px solid #2a180c;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}.loot-row:first-child{border-top:0}.loot-row:hover{background:#e8c36a1f}.loot-row.glow{animation:item-glow 1.8s ease-in-out infinite;background:#e8c36a14}.loot-row.glow .loot-name{text-shadow:0 0 8px currentColor}.loot-name{font-size:.74rem;letter-spacing:.04em;color:var(--quality, var(--item, #e8c36a))}.loot-meta{margin-left:auto;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#a89878}.loot-money .loot-name{color:#e8c36a}#loot-cursor{position:fixed;left:50%;top:50%;width:28px;height:28px;margin:10px 0 0 12px;color:#e8c36a;pointer-events:none;z-index:9;filter:drop-shadow(0 1px 2px #000)}#loot-cursor[hidden]{display:none}#loot-cursor.far{color:#6a6458;opacity:.55;filter:grayscale(1)}#loot-cursor svg{width:100%;height:100%;display:block}body.is-dev:not(.is-dev-play) #game,body.is-dev:not(.is-dev-play) #hurt,body.is-dev:not(.is-dev-play) #create,body.is-dev:not(.is-dev-play) #hud,body.is-dev:not(.is-dev-play) #chat,body.is-dev:not(.is-dev-play) #overlay{display:none}#dev{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;display:grid;grid-template-rows:auto 1fr;gap:.75rem;padding:.9rem 1rem 1rem;background:radial-gradient(ellipse at 50% 58%,#120c0859,#050302d1 62%),#050302b8;pointer-events:auto}#dev-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}#dev-brand{display:flex;align-items:baseline;gap:.7rem}#dev-brand h1,#dev-header h1{margin:0;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:.2em;color:#e8c36a}#dev-tool-name,#dev-account{margin:0;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;color:#8a7358}#dev-account{margin-left:auto;color:#c4a45a}#dev-tabs{display:flex;gap:.4rem}#dev-tabs button{pointer-events:auto;border:1px solid #3a2c1c;background:#1a140c;color:#d7c4a3;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.45rem .8rem;font-size:.68rem}#dev-tabs button.is-on,#dev-tabs button:hover{border-color:#e8c36a;color:#e8c36a}#dev-play{color:#e8c36a;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;text-decoration:none;border:1px solid #3a2c1c;padding:.45rem .8rem}#dev-play:hover{border-color:#e8c36a}body.is-dev-play #dev{background:linear-gradient(180deg,rgba(5,3,2,.78),transparent 88%);pointer-events:none;inset:0 0 auto 0;height:auto;padding:.55rem 1rem .7rem;z-index:20;grid-template-rows:auto;gap:0}body.is-dev-play #dev-header{pointer-events:auto}body.is-dev-play #dev-layout,body.is-dev-play #login,body.is-dev-play #create{display:none!important}#dev-layout{display:grid;grid-template-columns:16.5rem minmax(0,1fr) 15rem;gap:.9rem;min-height:0}#dev-layout[hidden]{display:none!important}#dev-left{display:grid;align-content:start;gap:.9rem;overflow:auto;min-height:0}#dev-left h2{margin:0 0 .45rem;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#e8c36a;font-weight:600}#dev-left section{display:grid;gap:.35rem}#dev-center{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;position:relative}#dev-center:before{content:"";position:absolute;top:8%;right:12%;bottom:18%;left:12%;background:radial-gradient(ellipse at 50% 70%,rgba(232,195,106,.12),transparent 62%);pointer-events:none}#dev-preview{display:block;width:100%;height:100%;min-height:18rem;background:transparent;cursor:grab;position:relative}#dev-preview:active{cursor:grabbing}#dev-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem;padding-top:.7rem}#dev-gear,#dev-strip,#dev-deploy{pointer-events:auto;border:1px solid #3a2c1c;background:#1a140c;color:#d7c4a3;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:.7rem 1.2rem}#dev-gear,#dev-deploy{border-color:#e8c36a;color:#e8c36a}#dev-gear.is-on,#dev-gear:hover,#dev-strip:hover,#dev-deploy:hover,#dev-deploy.is-on{border-color:#e8c36a}#dev-doll{width:auto;min-height:0;overflow:auto;align-self:start}#dev-paperdoll{grid-template-columns:auto auto;justify-content:space-between}.dev-hint{margin:0;padding:.4rem .45rem .15rem;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:#8a7358;line-height:1.45}body.is-dev #login{padding-bottom:1.5rem}body.is-dev #gear-frame{left:auto;right:16.8rem;top:4.6rem;max-height:calc(100vh - 6rem);overflow:auto}@media(max-width:980px){#dev-layout{grid-template-columns:1fr;overflow:auto}#dev-preview{min-height:22rem}body.is-dev #gear-frame{right:1.15rem;left:1.15rem;width:auto}}