:root{color:#e4dfd2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111819;font-family:Arial,Helvetica,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,input{outline-offset:5px}button:focus-visible,input:focus-visible{outline:2px solid #d0b77e}button{color:inherit}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}.app{min-height:100svh;position:relative;overflow:hidden}.world{position:absolute;inset:0}.world canvas{outline:none;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(at 70% 45%,#0000 25%,#0b111464 85%);position:absolute;inset:0}.topbar{z-index:3;border-bottom:1px solid #d4cba214;justify-content:space-between;align-items:center;height:87px;padding:27px 42px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand svg{color:#d1b881}.brand>span{letter-spacing:5px;font-family:Georgia,serif;font-size:21px}.brand small{letter-spacing:2.7px;color:#a69e8e;border-left:1px solid #92867250;max-width:90px;margin-left:4px;padding-left:16px;font-size:8px;line-height:1.9}.build-label{letter-spacing:2px;color:#aaa89c;align-items:center;gap:15px;font-size:9px;display:flex}.build-label i{background:#9b8e6c;width:3px;height:3px;transform:rotate(45deg)}.quiet-button{color:#bcb9ab;background:0 0;border:0;padding:10px 0;font-size:12px}.quiet-button span{color:#d5be87;margin-left:16px}.selection{z-index:2;width:520px;margin:57px 0 86px 8%;position:relative}.eyebrow{letter-spacing:2.5px;color:#baa87d;align-items:center;gap:12px;font-size:9px;display:flex}.eyebrow>span{background:#c2a86c;width:22px;height:1px}.selection h1{letter-spacing:-2px;color:#eee9db;margin:23px 0;font:57px/1.06 Georgia,Times New Roman,serif}.selection h1 em{color:#c6aa75;font-weight:400}.intro{color:#9eaaa6;margin-bottom:30px;font-size:13px;line-height:1.85}.section-label{letter-spacing:2px;color:#b1b7ac;align-items:center;gap:13px;margin-bottom:15px;font-size:9px;display:flex}.section-label>span:first-child{color:#b29a67}.section-label>div{background:#bfb69522;flex:1;height:1px}.classes{gap:10px;display:flex}.class-card{text-align:left;background:#141d20bb;border:1px solid #6c766b55;flex:1;align-items:center;min-width:0;padding:18px 15px;transition:background .2s,border-color .2s;display:flex;position:relative}.class-card:hover{background:#29322dc9;border-color:#baa36d}.class-card.selected{background:linear-gradient(125deg,#53473477,#171f20c9);border-color:#b59b66}.class-card.selected:after{content:"";pointer-events:none;border:1px solid #ae926925;position:absolute;inset:4px}.class-symbol{color:#bda275;width:40px;margin-right:12px}.class-symbol.arcanist{color:#8bb9bf}.class-role{letter-spacing:1.4px;color:#b8b29f;font-size:7px}.class-copy h2{margin-top:3px;font:25px/1.3 Georgia,serif}.class-copy p{color:#959e96;margin-top:3px;font-size:10px}.selection-dot{color:#c7ac70;font-size:10px;position:absolute;top:8px;right:9px}.class-description{color:#9fa69a;max-width:440px;min-height:39px;margin:15px 0 22px;font-size:11px;line-height:1.8}.entry-tabs{border-bottom:1px solid #b6b09825;gap:25px;margin-bottom:17px;display:flex}.entry-tabs button{color:#7f8b85;background:0 0;border:0;border-bottom:1px solid #0000;padding:0 0 10px;font-size:11px}.entry-tabs button.active{color:#d7c79f;border-bottom-color:#c4aa75}.input-label{color:#9da395;letter-spacing:1.5px;margin:12px 0 8px;font-size:8px;display:block}input{color:#e3dfd1;background:#121a1ccb;border:1px solid #7c806340;border-radius:0;width:100%;height:43px;padding:13px 15px;font-size:12px}input::placeholder{color:#78847b}.primary-button{color:#1d2421;letter-spacing:.5px;background:linear-gradient(110deg,#d3bd88,#b39760);border:1px solid #d8c18b;justify-content:space-between;align-items:center;width:100%;min-height:49px;margin-top:16px;padding:15px 20px;font-size:12px;font-weight:600;display:flex}.primary-button:hover{filter:brightness(1.1)}.entry-note{letter-spacing:1.7px;color:#969c8c;justify-content:center;align-items:center;gap:12px;margin-top:16px;font-size:8px;display:flex}.status-dot{background:#9bb99c;border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #9bbb8b33}.scene-caption{text-align:right;pointer-events:none;position:absolute;bottom:155px;right:8%}.scene-caption>span{letter-spacing:3px;color:#b4bbaa;font-size:8px}.scene-caption h3{letter-spacing:1px;color:#eee6d4;text-shadow:0 2px 25px #000;margin:12px 0;font:43px Georgia,serif}.scene-caption p{color:#b3bca9;font:italic 13px Georgia,serif}.caption-rule{background:#d3bc8066;width:46px;height:1px;margin:0 0 16px auto}.landing-footer{color:#808e83;letter-spacing:1.5px;border-top:1px solid #bbb68e15;justify-content:space-between;align-items:center;padding:26px 42px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.landing-footer b{color:#b1b39f;margin-left:15px;font-weight:400}.landing-footer p{letter-spacing:.5px;color:#8a9689;font-size:10px}.invite-preview{color:#cfc29e;align-items:center;gap:8px;margin:10px 0;font-size:11px;display:flex}.invite-preview span{color:#939f94;margin-left:auto}.error{color:#f3b6a4;margin-top:10px;font-size:12px;line-height:1.7}.playing{height:100svh}.playing .topbar{background:linear-gradient(#101817c9,#0000);border:0}.playing .brand small{display:none}.playing .build-label{color:#a4b2a2;font-size:8px}.town-location{text-shadow:0 2px 8px #000;pointer-events:none;font:24px Georgia,serif;position:absolute;top:90px;left:28px}.town-location span{color:#bdc2b4;margin-top:7px;font:10px Arial,sans-serif;display:block}.playing .build-label{display:none}.playing .party-panel{background:#111b19a8;width:185px;padding:12px;top:88px;right:24px}.playing .party-member{padding:7px 0}.playing .hud{gap:12px;bottom:20px}.playing .resource{border-width:1px;width:48px;height:48px}.playing .resource span{font-size:18px}.playing .resource small{margin-top:1px;font-size:6px}.playing .hud-center{width:255px;padding:10px 14px}.playing .hero-heading>span{letter-spacing:0}.playing .minimap{opacity:.72;width:110px;bottom:24px;right:24px}.playing .toast{bottom:110px}.playing .interact-prompt{bottom:130px}.quest-panel{pointer-events:none;text-shadow:0 2px 8px #000;position:absolute;top:120px;left:38px}.quest-panel h2{margin:12px 0;font:27px Georgia,serif}.quest-panel p{color:#c0c7b7;font-size:11px}.quest-line{color:#d6c496;margin-top:16px;font-size:11px}.quest-panel small{color:#9da994;margin-top:9px;font-size:10px;display:block}.party-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111b19b8;border:1px solid #9b98733b;width:226px;padding:16px;position:absolute;top:115px;right:34px}.party-panel .section-label{justify-content:space-between;font-size:8px}.party-member{border-top:1px solid #b2b09518;align-items:center;gap:10px;padding:10px 0;display:flex}.party-member svg{color:#b8a475}.party-member b{text-overflow:ellipsis;max-width:150px;font-size:11px;font-weight:400;display:block;overflow:hidden}.party-member b span{color:#d3b980}.party-member small{color:#9aab99;margin-top:5px;font-size:9px;display:block}.party-member>.status-dot{margin-left:auto}.invite-button{color:#d7c99f;background:#a4956820;border:1px solid #a895623d;align-items:center;gap:8px;width:100%;margin-top:11px;padding:10px;font-size:10px;display:flex}.invite-button kbd{margin-left:auto}.minimap{opacity:.85;width:155px;position:absolute;bottom:125px;right:34px}.minimap svg{width:100%;display:block}.minimap>span{letter-spacing:1.5px;color:#c9c4a4;padding:9px 0;font-size:8px;display:block}.north{float:right}.zone-title{text-align:center;pointer-events:none;animation:8s forwards zone-reveal;position:absolute;top:120px;left:50%;transform:translate(-50%)}.zone-title .eyebrow{justify-content:center;font-size:8px}.zone-title h1{letter-spacing:3px;margin:12px 0;font:42px Georgia,serif}.zone-rule{background:#cab078;width:60px;height:1px;margin:auto;display:block}@keyframes zone-reveal{0%{opacity:0;transform:translate(-50%,10px)}15%,65%{opacity:1;transform:translate(-50%)}to{opacity:0}}.world-label{pointer-events:none;white-space:nowrap;letter-spacing:.7px;color:#f5e9c5;text-shadow:0 1px 4px #000,0 1px 8px #000;background:#11191650;border-radius:3px;padding:3px 7px;font-size:10px;position:absolute;top:0;left:0}.hud{align-items:center;gap:15px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.resource{background:radial-gradient(circle at 40% 30%,#ab6253,#5f2d29 60%,#321f1f);border:3px double #918364;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 0 0 5px #16201ce8,0 0 0 6px #a396663e,inset 0 0 14px #170f0f}.resource span{color:#efe3ca;font:24px Georgia,serif}.resource small{letter-spacing:2px;color:#d5c7b4;margin-top:4px;font-size:7px}.resource.mana{background:radial-gradient(circle at 40% 30%,#54809b,#294c61 60%,#182d3b)}.hud-center{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121a18dc;border:1px solid #9484604d;width:425px;padding:12px 18px 8px}.hero-heading{align-items:center;gap:8px;font:14px Georgia,serif;display:flex}.hero-heading>span{letter-spacing:1.4px;color:#a6af9a;margin-left:auto;font:7px Arial,sans-serif}.control-strip{color:#a8b19c;white-space:nowrap;gap:17px;margin:13px 0;font-size:8px;display:flex}.control-strip>span{align-items:center;gap:5px;display:flex}kbd{color:#d2c8a6;text-align:center;background:#9b966c12;border:1px solid #acaa8159;min-width:17px;padding:3px 4px;font:8px Arial,sans-serif}.xp-line{background:#8c967838;height:2px}.temporary{text-align:center;letter-spacing:1.8px;color:#808b77;padding-top:6px;font-size:6px;display:block}.connection-info{letter-spacing:1.5px;color:#a0ad96;align-items:center;gap:8px;font-size:7px;display:flex;position:absolute;bottom:20px;left:30px}.connection-info>span:last-child{letter-spacing:.5px;margin-left:10px}.interact-prompt{background:#121a19e6;border:1px solid #bea5715e;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex;position:absolute;bottom:175px;left:50%;transform:translate(-50%)}.interact-prompt>span{letter-spacing:2px;color:#a3936e;font-size:7px}.toast{text-align:center;color:#e5d3a6;background:#17201def;width:max-content;max-width:520px;padding:0 15px;font-size:12px;line-height:1.8;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.toast:not(:empty){border:1px solid #a9996544;padding:12px 20px}.strip-button{color:#d7c99f;background:0 0;border:0;align-items:center;gap:5px;padding:2px 0;font-size:8px;display:flex}.strip-button:hover kbd{color:#efe3ca;border-color:#c4aa75}.inventory{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(160deg,#202825d9,#121817f2),repeating-linear-gradient(45deg,#ffffff06 0 6px,#0000 6px 12px);border:1px solid #8c815b80;width:560px;max-width:min(560px,46vw);min-height:380px;max-height:calc(100svh - 300px);padding:18px 20px 12px;position:absolute;top:108px;right:276px;overflow-y:auto;box-shadow:0 0 0 4px #0c1211d9,0 0 0 5px #a996614d,0 20px 80px #000a}.inventory-head{border-bottom:1px solid #b6b09825;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.inventory-head h2{color:#eee6d4;margin-top:8px;font:24px Georgia,serif}.inventory-head small{letter-spacing:1.5px;color:#d3b77c;margin-top:6px;font-size:8px;display:block}.inventory-head .close{color:#d2c8a6;background:0 0;border:1px solid #acaa8159;flex-shrink:0;padding:6px}.inventory-head .close:hover{color:#fff;border-color:#c4aa75}.inventory-grid{grid-template-columns:240px 1fr;gap:16px;padding-top:14px;display:grid}.doll{background:radial-gradient(at 50% 40%,#2c3a3626,#0d141380 75%);border:1px solid #9b98733b;height:300px;position:relative}.doll-figure{opacity:.3;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.doll-figure.warden{color:#d4b683}.doll-figure.arcanist{color:#86bcbf}.slot{color:#cfc9ae;background:#0e1514d9;border:1px solid #7c806340;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex;position:relative}.slot:hover{border-color:#baa36d}.slot.selected{color:#efe3ca;border-color:#d3bd88;box-shadow:0 0 0 1px #d3bd88,0 0 14px #d3bd8844}.slot-ghost{opacity:.32}.equip-slot{flex-direction:column;gap:2px;width:62px;min-height:58px;padding:6px 2px 4px;position:absolute;transform:translate(-50%,-50%)}.equip-slot.locked{opacity:.45;border-style:dashed}.slot-name{letter-spacing:.5px;color:#9aa392;text-overflow:ellipsis;white-space:nowrap;max-width:58px;font-size:6px;font-style:normal;overflow:hidden}.stat-list{grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0 0;padding:0;display:grid}.stat-list>div{text-align:center;background:#0e151480;border:1px solid #9b987326;padding:6px 4px}.stat-list dt{letter-spacing:1px;color:#8d978a;font-size:6px}.stat-list dd{color:#e8dcc0;margin:4px 0 0;font-size:11px}.bag-head{letter-spacing:1.5px;color:#b1b7ac;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:8px;display:flex}.bag-head>span:first-child{align-items:center;gap:6px;display:flex}.gold{color:#d3bd88}.bag-grid{gap:4px;display:grid}.bag-slot{aspect-ratio:1}.bag-slot .stack{color:#efe3ca;text-shadow:0 1px 3px #000;font-size:9px;position:absolute;bottom:2px;right:3px}.belt{color:#a8b19c;gap:16px;margin-top:8px;font-size:9px;display:flex}.belt>span{align-items:center;gap:6px;display:flex}.detail{background:#0d1413c9;border:1px solid #9b98733b;min-height:118px;margin-top:10px;padding:12px}.detail h3{color:#efe3ca;font:16px Georgia,serif}.detail h3 span{color:#9aa392;font-size:13px}.detail-rarity{letter-spacing:1.5px;text-transform:uppercase;margin:4px 0 0;font-size:8px}.detail-kind{color:#9aa392;margin:6px 0;font-family:Georgia,serif;font-size:10px;font-style:italic}.detail ul{color:#cfd3bd;margin:8px 0;padding-left:16px;font-size:11px;line-height:1.8}.stat-bonus{color:#9fc4ff}.stat-note{color:#9aa392;font-style:italic}.stat-req{color:#9aa392}.stat-req.unmet{color:#f3766a}.compare{color:#8fb3b8;border-top:1px dashed #9b98733b;margin-top:8px;padding-top:8px;font-size:10px;line-height:1.7}.detail-empty{color:#8d978a;font-size:11px;line-height:1.8}.detail-notice{color:#f3b6a4;margin-top:8px;font-size:11px;line-height:1.7}.equip-button{color:#d7c99f;background:#a4956820;border:1px solid #a895623d;width:100%;margin-top:10px;padding:10px;font-size:11px}.equip-button:hover{color:#fff;border-color:#c4aa75}.inventory-foot{letter-spacing:.5px;color:#8d978a;border-top:1px solid #b6b09825;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:8px;display:flex}.preview-badge{color:#d3b77c;letter-spacing:1px;white-space:nowrap;border:1px solid #baa16c66;padding:4px 8px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#080f10ba;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{color:#cbcbb8;background:linear-gradient(130deg,#25302b,#131c1b);border:1px solid #8c815b80;width:480px;padding:40px;position:relative;box-shadow:0 20px 100px #0008}.modal>svg{color:#c2ab77;margin-bottom:20px}.close{color:#adaf9a;background:0 0;border:0;padding:5px;position:absolute;top:14px;right:14px}.modal h2{color:#eae3d1;margin:16px 0 20px;font:30px/1.2 Georgia,serif}.modal p{color:#acb9a7;margin:12px 0;font-size:12px;line-height:1.9}.modal p.fine-print{font-size:10px}.modal .notice{color:#d3b77c;border-left:1px solid #baa16c;padding-left:12px}.leave-button{color:#b6ae99;background:0 0;border:0;width:100%;padding:15px 0 0;font-size:11px;display:block}.game-error{background:#251e1ef5;border:1px solid #a7795e;max-width:440px;padding:20px;font-size:13px;line-height:1.8;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.game-error button{background:0 0;border:1px solid #b7996c;margin-top:15px;padding:10px;display:block}@media (width>=1550px){.selection{margin-top:90px;margin-left:10%}.selection h1{font-size:65px}.scene-caption{bottom:180px;right:12%}.class-card{padding-top:24px;padding-bottom:24px}}@media (height<=820px) and (width>=901px){.selection{width:480px;margin-top:30px;margin-bottom:65px}.selection h1{margin:15px 0;font-size:48px}.intro{margin-bottom:20px}.class-card{padding:13px 12px}.class-description{min-height:0;margin:10px 0 13px}.topbar{height:72px;padding-top:20px;padding-bottom:20px}.landing-footer{padding-top:20px;padding-bottom:20px}.scene-caption{bottom:120px}}@media (width<=1100px){.selection{width:450px;margin-left:5%}.build-label{display:none}.scene-caption{max-width:230px;right:5%}.scene-caption h3{font-size:35px}.quest-panel{max-width:250px;left:25px}.quest-panel .eyebrow{font-size:7px}.party-panel{width:210px;right:22px}.minimap{width:125px;right:22px}.hud-center{width:380px;padding:10px 12px}.inventory{width:500px;max-width:52vw;right:244px}.inventory-grid{grid-template-columns:210px 1fr}.control-strip{gap:10px}.connection-info{bottom:7px}}@media (width<=750px){.topbar{height:75px;padding:20px}.brand small{display:none}.brand>span{font-size:18px}.selection{width:auto;max-width:500px;margin:40px 24px 100px}.selection h1{font-size:48px}.choosing .vignette{background:linear-gradient(90deg,#111819f5,#111819c0),linear-gradient(#0000,#111819)}.scene-caption{display:none}.landing-footer{padding:20px 24px}.landing-footer>span:last-child{display:none}.landing-footer p{text-align:right;max-width:200px;font-size:8px;line-height:1.5}.class-card{padding:15px 10px}.class-symbol{width:30px;margin-right:6px}.class-symbol svg{width:26px}.class-copy h2{font-size:22px}.class-role{font-size:6px}.class-copy p{font-size:8px}.hud{gap:10px;bottom:24px}.hud-center{width:260px}.resource{width:48px;height:48px}.resource span{font-size:18px}.resource small{font-size:5px}.control-strip{flex-wrap:wrap;gap:6px;margin:8px 0;font-size:6px}.hero-heading>span{letter-spacing:.5px;font-size:6px}.party-panel{width:160px;padding:10px;top:85px;right:12px}.party-member small{font-size:8px}.party-member svg{width:16px}.quest-panel{max-width:160px;top:90px;left:16px}.quest-panel h2{font-size:22px}.quest-panel p,.quest-line{font-size:9px}.quest-panel small{font-size:8px}.quest-panel .eyebrow{letter-spacing:1px;font-size:6px}.minimap{width:85px;bottom:140px;right:14px}.zone-title{top:280px}.inventory{width:auto;max-width:none;min-height:0;max-height:52svh;inset:auto 12px 118px}.inventory-grid{grid-template-columns:1fr}.doll{height:240px}.inventory-foot{flex-direction:column;align-items:flex-start}.toast{white-space:normal;width:90%;max-width:90%}.modal{padding:30px}.modal h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.zone-title{display:none}}.choosing .selection{margin-top:clamp(40px,12vh,120px)}.choosing .selection h1{letter-spacing:-1px;margin:0 0 12px;font-size:40px}.choosing .entry-tabs{margin-top:28px}:root{color:#eee0c3;background:#110d0d}.topbar,.playing .topbar{background:linear-gradient(#130d0ef2,#190f1080,#0000)}.brand>span{color:#d6b77a;text-shadow:0 2px #000,0 0 18px #922d1630}.top-actions{align-items:center;gap:18px;display:flex}.music-toggle{white-space:nowrap}.music-toggle>span{color:#c39953;font-size:20px}.music-toggle[aria-pressed=true]{color:#edc67d}.choosing .vignette{background:linear-gradient(90deg,#100b0bf5 0%,#120c0be8 32%,#130c0960 65%,#100a0920),linear-gradient(#0000 65%,#100b0bc9)}.selection h1{color:#eee0c3;text-shadow:0 3px 12px #000}.selection h1 em{color:#ba6b4e}.eyebrow,.section-label,.input-label{color:#bea577}.intro,.class-description{color:#bcb09c}.classes{gap:14px}.class-card{background:linear-gradient(130deg,#291919,#100e0f);border:1px solid #73533b;border-radius:14px 14px 2px 2px;gap:10px;min-height:154px;padding:0;overflow:hidden;box-shadow:inset 0 0 0 3px #130c0c,0 4px 16px #0006}.class-card.selected{background:linear-gradient(125deg,#65221f,#21120f);border-color:#d2a456;box-shadow:inset 0 0 0 3px #25120c,0 0 16px #8a341b35}.class-card:hover{border-color:#bfa173}.class-card.selected:after{border-color:#bf8b4650;border-radius:10px 10px 0 0}.class-copy{text-align:left;min-width:0;padding:12px 10px 12px 0}.class-copy h2{color:#eed7a5;font-size:23px}.class-copy p{color:#bcaa8c;line-height:1.5}.class-role{letter-spacing:.6px;color:#cab697}.avatar{object-fit:cover;object-position:center 30%;border:1px solid #9b7845;border-radius:9px 9px 2px 2px;flex-shrink:0;width:36px;height:40px;display:block;box-shadow:0 1px 4px #000}.avatar-large{object-position:50% 32%;border:0;border-right:1px solid #76533b;border-radius:0;width:42%;height:154px}.primary-button{color:#f0d9aa;text-shadow:0 1px #000;background:linear-gradient(#863830,#541b19 52%,#351011);border:1px solid #b28a4d;box-shadow:inset 0 0 0 3px #260d0d,inset 0 5px 9px #ffffff12,0 3px 12px #0008}.primary-button:hover:not(:disabled){background:linear-gradient(#a04c3b,#722724 52%,#441511)}input:not([type=range]){color:#ead6b3;background:#130f10e8;border-color:#75533d;box-shadow:inset 0 2px 7px #0008}.entry-tabs button{color:#af9d86}.entry-tabs button.active{color:#e4c88d;border-color:#9c4835}.playing .party-panel,.playing .hud-center,.modal,.inventory{background:repeating-linear-gradient(125deg,#ffffff02 0 1px,#0000 1px 6px),linear-gradient(145deg,#302421f5,#130f10f5 65%);border:1px solid #8c6940;box-shadow:inset 0 0 0 3px #110d0c,inset 0 0 0 4px #72513155,0 8px 28px #0008}.playing .party-panel{border-radius:12px 12px 1px 1px}.party-member{border-color:#8d6a3b35}.invite-button{color:#e0c395;background:linear-gradient(#512421,#2a1715);border-color:#86643d}.playing .resource{background:radial-gradient(at 35% 22%,#f197756b 0 8%,#0000 30%),radial-gradient(circle at 45% 40%,#b41f24,#650b13 65%,#220609);border:4px ridge #8f7754;width:64px;height:64px;position:relative;box-shadow:0 0 0 3px #201916,0 0 0 4px #80613e,inset 0 -7px 12px #140205}.playing .resource.mana{background:radial-gradient(at 35% 22%,#b8d6ff88 0 8%,#0000 30%),radial-gradient(circle at 45% 40%,#2156b2,#142559 65%,#060b24)}.playing .resource span{text-shadow:0 1px 3px #000;font-size:20px}.playing .resource small{color:#efdbba;font-size:7px}.playing .hud-center{border-radius:12px 12px 2px 2px;width:270px}.hero-heading{color:#e4c58d}.hero-heading .avatar{width:30px;height:34px}.playing .control-strip{margin:4px 0 0 38px}kbd{color:#d8ba87;background:#160f0d;border-color:#8c694a}.playing .minimap{background:#130f0daa;border:2px ridge #786246;padding:4px}.modal h2,.inventory h2{color:#e1c38d}.modal p{color:#c4b298}.music-settings{border-block:1px solid #97703c55;grid-template-columns:1fr auto;gap:12px;margin:12px 0;padding:16px 0;display:grid}.music-settings h3{color:#dfbe88;margin-top:7px;font:17px Georgia,serif}.music-settings .eyebrow{font-size:8px}.music-settings label,.music-settings input,.music-settings small{grid-column:1/-1}.music-settings label{color:#d7c5a7;font-size:12px}.music-settings output{float:right}.music-settings input{accent-color:#a74832;cursor:pointer;height:20px;padding:0}.music-settings small{color:#b9a78e;font-size:10px;line-height:1.6}@media (width<=1100px){.build-label{display:none}.class-card{min-height:125px}.avatar-large{width:38%;height:125px}.class-copy h2{font-size:20px}.class-role{letter-spacing:0;font-size:6px}}@media (width<=720px){.top-actions{gap:8px}.top-actions .quiet-button{padding:6px;font-size:9px}.brand>span{letter-spacing:2px;font-size:16px}.playing .hud-center{width:215px}.playing .resource{width:50px;height:50px}.playing .minimap{bottom:108px}}