:root{--s:1;--bg:#161310f0;--bg-solid:#16130f;--line:#d6aa5c38;--line-strong:#e8be6e8c;--text:#f0e6cf;--muted:#ab9f8a;--gold:#f2c766;--gold-d:#a8772a;--bronze:#c89a45;--iron:#0b0806;--red:#ff6a52;--green:#6dff98;--blue:#7cc0ff;--radius:calc(var(--s) * 3px);--shadow:0 calc(var(--s) * 8px) calc(var(--s) * 28px) #0009;--serif:"Cinzel", Georgia, serif;--display:"Cinzel Decorative", "Cinzel", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f7df9a'/%3E%3Cstop offset='.45' stop-color='%23c89a45'/%3E%3Cstop offset='1' stop-color='%236e4c1a'/%3E%3C/linearGradient%3E%3Cg id='c'%3E%3Cpath d='M0 0H31L23 8H8V23L0 31Z' fill='url(%23g)' stroke='%230a0705' stroke-width='1.2'/%3E%3Cpath d='M11.5 2.5L20.5 11.5L11.5 20.5L2.5 11.5Z' fill='%23140c06' stroke='%23f2d488' stroke-width='1.4'/%3E%3Cpath d='M11.5 6.5L16.5 11.5L11.5 16.5L6.5 11.5Z' fill='%23e8a83a'/%3E%3Cpath d='M11.5 6.5L16.5 11.5H6.5Z' fill='%23ffe9b0' opacity='.6'/%3E%3C/g%3E%3C/defs%3E%3Crect x='1' y='1' width='94' height='94' fill='none' stroke='%230a0705' stroke-width='2'/%3E%3Crect x='4.2' y='4.2' width='87.6' height='87.6' fill='none' stroke='url(%23g)' stroke-width='3.4'/%3E%3Crect x='6.9' y='6.9' width='82.2' height='82.2' fill='none' stroke='%230a0705' stroke-opacity='.9' stroke-width='1.4'/%3E%3Crect x='8.4' y='8.4' width='79.2' height='79.2' fill='none' stroke='%23ffdca0' stroke-opacity='.16' stroke-width='1'/%3E%3Cuse href='%23c'/%3E%3Cuse href='%23c' transform='matrix(-1 0 0 1 96 0)'/%3E%3Cuse href='%23c' transform='matrix(1 0 0 -1 0 96)'/%3E%3Cuse href='%23c' transform='matrix(-1 0 0 -1 96 96)'/%3E%3C/svg%3E");--stone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.03' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .85 0 0 0 0 .6 .07 0 0 0 -.02'/%3E%3C/filter%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 -.25'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23m)'/%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");--divider:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'%3E%3Cdefs%3E%3ClinearGradient id='l'%3E%3Cstop offset='0' stop-color='%23c89a45' stop-opacity='0'/%3E%3Cstop offset='.5' stop-color='%23f2d488'/%3E%3Cstop offset='1' stop-color='%23c89a45' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 8H240' stroke='url(%23l)' stroke-width='1.2'/%3E%3Cpath d='M120 1L127 8L120 15L113 8Z' fill='%23140c06' stroke='%23f2d488'/%3E%3Cpath d='M120 4.5L123.5 8L120 11.5L116.5 8Z' fill='%23e8a83a'/%3E%3Cpath d='M100 8L104 5L108 8L104 11ZM132 8L136 5L140 8L136 11Z' fill='%23c89a45'/%3E%3C/svg%3E");--rune:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 .7L11.3 6L6 11.3L.7 6Z' fill='%23140c06' stroke='%23f2d488' stroke-width='.9'/%3E%3Cpath d='M6 3.4L8.6 6L6 8.6L3.4 6Z' fill='%23e8a83a'/%3E%3C/svg%3E");--crest:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 24'%3E%3Cpath d='M0 12H64' stroke='%230a0705' stroke-width='4'/%3E%3Cpath d='M2 12H62' stroke='%23c89a45' stroke-width='1.6'/%3E%3Cpath d='M32 1L44 12L32 23L20 12Z' fill='%23140c06' stroke='%23f2d488' stroke-width='1.6'/%3E%3Cpath d='M32 5.5L38.5 12L32 18.5L25.5 12Z' fill='%23e8a83a'/%3E%3Cpath d='M32 5.5L38.5 12H25.5Z' fill='%23ffe9b0' opacity='.55'/%3E%3C/svg%3E");--stone-bg:var(--stone), radial-gradient(120% 60% at 50% 0%, #ffd69612, transparent 70%), linear-gradient(180deg, #28231df2, #120f0cf2);--plaque:linear-gradient(180deg, #2c261feb, #16130feb);--plaque-rim:inset 0 0 0 1px #c89a4533, inset 0 1px 0 #ffe6b412, 0 1px 0 #00000080;--socket:inset 0 calc(var(--s) * 2px) calc(var(--s) * 5px) #000000d9, inset 0 -1px 0 #ffdca014}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--sans);font-size:calc(var(--s) * 13px);-webkit-user-select:none;user-select:none;background:#07070c;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;font-family:inherit}.hidden{display:none!important}*{scrollbar-width:thin;scrollbar-color:#7a5a26 #00000059}#app{position:fixed;inset:0}#app canvas{display:block}#overlay{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.ftext{font-weight:700;font-size:calc(var(--s) * 13px);white-space:nowrap;text-shadow:0 1px calc(var(--s) * 2px) #000, 0 0 calc(var(--s) * 6px) #000c;will-change:transform;position:absolute;top:0;left:0}.ftext.gold{color:#ffd54a;font-size:calc(var(--s) * 12px)}.ftext.crit{color:#ff5a3a;font-size:calc(var(--s) * 18px);font-family:var(--serif);font-weight:900}.ftext.spell{color:#b8a8ff;font-size:calc(var(--s) * 15px)}.ftext.dmg{color:#fff}.ftext.level{color:#ffe36b;font-family:var(--serif);font-size:calc(var(--s) * 16px)}.ftext.miss{color:#aab;font-style:italic;font-size:calc(var(--s) * 11px)}.ftext.tome{color:#8fc8ff;font-size:calc(var(--s) * 14px)}.ftext.item{font-family:var(--serif);font-size:calc(var(--s) * 16px)}.r-common{color:#d8dde2}.r-uncommon{color:#4fe08a}.r-rare{color:#4aa8ff}.r-unique{color:#ffa42b}.panel{background:var(--stone-bg);border-radius:var(--radius);box-shadow:var(--shadow), 0 0 0 1px #0009;border:0;position:relative}.panel:before,#tooltip:before,#perk-queue:before,#spoils:before,#alert:before,.howto-grid div:before,.controls-grid>div:before,.credits p:before,.choice:before{content:"";z-index:2;pointer-events:none;border:calc(var(--s) * 24px) solid transparent;border-image:var(--frame) 32 / calc(var(--s) * 24px) stretch;position:absolute;inset:0}.panel h3{padding:calc(var(--s) * 14px) calc(var(--s) * 16px) calc(var(--s) * 9px) calc(var(--s) * 22px);font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 13.5px);letter-spacing:.14em;color:var(--gold);text-transform:uppercase;align-items:center;gap:calc(var(--s) * 8px);text-shadow:0 1px 0 #000, 0 0 calc(var(--s) * 10px) #f2c76640;background:linear-gradient(90deg, #c89a45bf, #c89a4540 70%, transparent) left calc(var(--s) * 10px) bottom 0 / calc(100% - calc(var(--s) * 20px)) 1px no-repeat;margin:0;display:flex}.panel h3:before{content:"";width:calc(var(--s) * 11px);height:calc(var(--s) * 11px);background:var(--rune) center / contain no-repeat;flex:none}.panel h3 small{color:var(--muted);font-family:var(--sans);letter-spacing:0;font-size:calc(var(--s) * 11px);text-shadow:none}.btn{border:1px solid var(--iron);border-radius:calc(var(--s) * 3px);box-shadow:inset 0 0 0 1px #c89a4599, inset 0 calc(var(--s) * 2px) 0 #ffebbe1f, inset 0 calc(var(--s) * -2px) 0 #00000073, 0 calc(var(--s) * 2px) calc(var(--s) * 4px) #0009;padding:calc(var(--s) * 8px) calc(var(--s) * 14px);font-family:var(--serif);letter-spacing:.04em;color:#f3e7cc;text-shadow:0 1px #000;background:linear-gradient(#4a4136 0%,#2c2620 48%,#1c1814 52%,#241e19 100%);font-weight:700;transition:transform 80ms,filter .15s,box-shadow .15s;position:relative}.btn:hover{filter:brightness(1.18)}.btn:active{box-shadow:inset 0 0 0 1px #c89a4599, inset 0 calc(var(--s) * 2px) calc(var(--s) * 4px) #0009;transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.7)}.btn.gold{color:#2a1806;text-shadow:0 1px #fff4d299;box-shadow:inset 0 0 0 1px #fff6d6b3, inset 0 calc(var(--s) * -2px) 0 #5a340873, 0 0 0 1px var(--iron), 0 0 calc(var(--s) * 14px) #ffbe464d, 0 calc(var(--s) * 2px) calc(var(--s) * 4px) #0009;background:linear-gradient(#fff0bf 0%,#f0c768 30%,#c9922f 50%,#a87422 52%,#d5a246 100%)}.btn.big{font-size:calc(var(--s) * 18px);padding:calc(var(--s) * 14px) calc(var(--s) * 44px);font-family:var(--serif);letter-spacing:.1em;font-weight:900}.btn.big:before,.btn.big:after{content:"";width:calc(var(--s) * 12px);height:calc(var(--s) * 12px);margin-top:calc(var(--s) * -6px);background:var(--rune) center / contain no-repeat;position:absolute;top:50%}.btn.big:before{left:calc(var(--s) * 14px)}.btn.big:after{right:calc(var(--s) * 14px)}.btn.danger{color:#ffe6dc;box-shadow:inset 0 0 0 1px #e8a06e8c, inset 0 calc(var(--s) * 2px) 0 #ffc8b42e, inset 0 calc(var(--s) * -2px) 0 #00000073, 0 calc(var(--s) * 2px) calc(var(--s) * 4px) #0009;background:linear-gradient(#b03a2e 0%,#7a1d15 48%,#561009 52%,#6e1a12 100%)}.mini{font-size:calc(var(--s) * 10px);padding:calc(var(--s) * 3px) calc(var(--s) * 8px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);font-family:var(--sans);letter-spacing:.04em;color:#f0e2c2;text-transform:none;text-shadow:none;background:linear-gradient(#3e362d,#211c17);margin-left:auto;font-weight:600;box-shadow:inset 0 0 0 1px #c89a4580,inset 0 1px #ffebbe1a}.mini:hover{filter:brightness(1.3)}.icon-btn{width:calc(var(--s) * 36px);height:calc(var(--s) * 36px);border:1px solid var(--iron);box-shadow:inset 0 0 0 calc(var(--s) * 2px) #c89a45b3, inset 0 calc(var(--s) * -3px) calc(var(--s) * 4px) #00000080, 0 calc(var(--s) * 2px) calc(var(--s) * 4px) #0009;font-size:calc(var(--s) * 17px);color:var(--gold);background:radial-gradient(circle at 40% 30%,#5a4e40,#221c16 70%);border-radius:50%}.icon-btn:hover{filter:brightness(1.25)}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}#topbar{height:calc(var(--s) * 54px);align-items:center;gap:calc(var(--s) * 16px);padding:0 calc(var(--s) * 22px);background:var(--stone-bg);box-shadow:0 1px 0 var(--iron), 0 calc(var(--s) * 3px) 0 var(--bronze), 0 calc(var(--s) * 4px) 0 var(--iron), inset 0 calc(var(--s) * -1px) 0 #ffdca01f, 0 calc(var(--s) * 8px) calc(var(--s) * 18px) #0000008c;display:flex;position:absolute;top:0;left:0;right:0}.brand{font-family:var(--serif);font-weight:900;font-size:calc(var(--s) * 18px);letter-spacing:.06em;color:var(--gold);text-shadow:0 1px 0 #000, 0 0 calc(var(--s) * 16px) #ffbe4659;white-space:nowrap}.brand span{color:var(--text);font-weight:500;font-size:calc(var(--s) * 13px);letter-spacing:.2em;margin-left:calc(var(--s) * 4px)}.res-group{gap:calc(var(--s) * 8px);display:flex}.res{align-items:center;gap:calc(var(--s) * 6px);padding:calc(var(--s) * 5px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 3px);font-size:calc(var(--s) * 15px);border:1px solid var(--iron);box-shadow:var(--socket), 0 0 0 1px #c89a4547;background:linear-gradient(#0000008c,#0a080659);display:flex}.res i{color:var(--gold);font-style:normal;font-size:calc(var(--s) * 14px)}.res b{font-variant-numeric:tabular-nums;min-width:calc(var(--s) * 36px);text-shadow:0 1px #000}.res.tomes b{color:#a8d6ff}.res.food b{color:#ffc199}.res.lives i{color:#6fe0ff}.lifebar{width:calc(var(--s) * 90px);height:calc(var(--s) * 9px);border:1px solid var(--iron);border-radius:calc(var(--s) * 2px);background:#0009;overflow:hidden;box-shadow:0 0 0 1px #c89a454d}#r-livesbar{background:linear-gradient(#9ff4ff,#2fa8ff 55%,#1a6fc0);width:100%;height:100%;transition:width .3s,background .3s}.lives.low #r-livesbar{background:linear-gradient(#ffb08a,#ff3a3a 55%,#a01a12)}.lives.low b{color:var(--red);animation:.8s infinite pulse}@keyframes pulse{50%{opacity:.4}}.wave-box{align-items:center;gap:calc(var(--s) * 12px);margin-left:auto;display:flex}.wave-label{font-family:var(--serif);font-size:calc(var(--s) * 13px);letter-spacing:.15em;color:var(--muted)}.wave-label b{color:var(--text);font-size:calc(var(--s) * 22px);margin-left:calc(var(--s) * 4px);text-shadow:0 1px 0 #000, 0 0 calc(var(--s) * 10px) #f2c76659}.wave-label span{color:var(--muted);font-size:calc(var(--s) * 13px)}.mods-tag{font-size:calc(var(--s) * 10.5px);letter-spacing:.06em;color:#ff9b7a;text-shadow:0 1px #000;white-space:nowrap}.wave-timer{width:calc(var(--s) * 110px);height:calc(var(--s) * 7px);border:1px solid var(--iron);border-radius:calc(var(--s) * 2px);background:#0009;overflow:hidden;box-shadow:0 0 0 1px #c89a454d}#r-timer{background:linear-gradient(#ffe9a0,#f2a83a 60%,#b0651a);width:0;height:100%}#btn-next{padding:calc(var(--s) * 7px) calc(var(--s) * 18px);font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 14px)}#btn-auto{padding:calc(var(--s) * 7px) calc(var(--s) * 10px);font-weight:700;font-size:calc(var(--s) * 12px);color:#c8bba2}#btn-finish{padding:calc(var(--s) * 7px) calc(var(--s) * 10px);font-weight:700;font-size:calc(var(--s) * 12px);color:#ffe6a0;white-space:nowrap}#btn-finish.armed{color:#2a1006;background:linear-gradient(#ffd2bf,#e07a4a 40%,#8a3a1c)}#btn-auto.on,#btn-autotx.on{color:#2a1806;background:linear-gradient(#fff0bf,#f0c768 35%,#b07a24)}#btn-autotx{white-space:nowrap;position:relative}#btn-autotx .atx-dots{left:50%;bottom:calc(var(--s) * 1.5px);gap:calc(var(--s) * 2px);display:flex;position:absolute;transform:translate(-50%)}#btn-autotx .atx-dots i{width:calc(var(--s) * 6px);height:calc(var(--s) * 2px);opacity:.25;background:currentColor;border-radius:1px}#btn-autotx .atx-dots i.on{opacity:1}#stash-panel h3{gap:calc(var(--s) * 5px);padding-right:calc(var(--s) * 12px);flex-wrap:wrap;position:relative}#stash-panel .stash-actions{gap:calc(var(--s) * 4px);margin-left:auto;display:flex}#stash-panel h3 .mini{padding:calc(var(--s) * 3px) calc(var(--s) * 6px);margin-left:0}#autotx-menu{z-index:30;bottom:calc(100% + var(--s) * 4px);width:calc(var(--s) * 220px);padding:calc(var(--s) * 10px);border-radius:calc(var(--s) * 4px);box-shadow:var(--shadow), inset 0 0 0 1px #c89a458c;font-family:var(--sans);text-transform:none;letter-spacing:0;text-align:left;background:linear-gradient(#2f2416,#1b140c);position:absolute;right:0}#autotx-menu .atx-title{font-family:var(--serif);color:var(--gold);font-size:calc(var(--s) * 12px);margin-bottom:calc(var(--s) * 6px)}#autotx-menu .atx-r{align-items:center;gap:calc(var(--s) * 8px);width:100%;padding:calc(var(--s) * 5px) calc(var(--s) * 6px);border-radius:calc(var(--s) * 3px);margin-bottom:calc(var(--s) * 4px);font-weight:600;font-size:calc(var(--s) * 12px);background:#0000004d;border:0;display:flex}#autotx-menu .atx-r:hover{background:#ffffff0f}#autotx-menu .atx-r i{width:calc(var(--s) * 12px);height:calc(var(--s) * 12px);border-radius:calc(var(--s) * 2px);box-shadow:inset 0 0 0 1px}#autotx-menu .atx-r.on i{background:currentColor}#autotx-menu .atx-note{color:var(--muted);font-size:calc(var(--s) * 10.5px);margin-top:calc(var(--s) * 4px);line-height:1.4}#btn-next.pulse{animation:1.4s infinite glowpulse}@keyframes glowpulse{50%{box-shadow:0 0 calc(var(--s) * 28px) #ffc85ad9}}.right-group{align-items:center;gap:calc(var(--s) * 12px);margin-left:calc(var(--s) * 12px);display:flex}.score{color:var(--gold);font-size:calc(var(--s) * 14px);white-space:nowrap}.score b{color:var(--text);font-variant-numeric:tabular-nums}.speed{border:1px solid var(--iron);border-radius:calc(var(--s) * 3px);display:flex;overflow:hidden;box-shadow:0 0 0 1px #c89a4573}.speed button{border:0;border-right:1px solid var(--iron);padding:calc(var(--s) * 7px) calc(var(--s) * 10px);font-weight:700;font-size:calc(var(--s) * 12px);color:#c8bba2;background:linear-gradient(#3a322a,#1d1914);box-shadow:inset 0 1px #ffebbe14}.speed button:last-child{border-right:0}.speed button:hover{color:var(--text)}.speed button.on{color:#2a1806;background:linear-gradient(#fff0bf,#f0c768 35%,#b07a24)}#left{top:calc(var(--s) * 64px);left:calc(var(--s) * 10px);bottom:calc(var(--s) * 10px);width:calc(var(--s) * 270px);gap:calc(var(--s) * 10px);pointer-events:none;flex-direction:column;display:flex;position:absolute}#left>*{pointer-events:auto}#waves-panel{flex-direction:column;flex:0 auto;min-height:0;max-height:52%;display:flex}#wave-list{padding:calc(var(--s) * 7px) calc(var(--s) * 12px) calc(var(--s) * 14px);gap:calc(var(--s) * 5px);flex-direction:column;display:flex;overflow-y:auto}.wave-card{border:1px solid var(--iron);border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 5px) calc(var(--s) * 8px);background:var(--plaque);box-shadow:var(--plaque-rim);position:relative}.wave-card.active{box-shadow:inset 0 0 0 1px #f2c766b3, inset calc(var(--s) * 3px) 0 0 var(--gold), 0 0 calc(var(--s) * 10px) #f2c7662e;background:linear-gradient(90deg,#f2c76629,#16130feb 70%)}.wave-card.challenge{box-shadow:inset 0 0 0 1px #ffdc5abf, var(--plaque-rim)}.wave-card .wc-top{align-items:baseline;gap:calc(var(--s) * 6px);display:flex}.wave-card .wc-lvl{font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 15px);color:#fff3d6;text-shadow:0 1px #000}.wave-card .wc-size{text-transform:uppercase;font-weight:700;font-size:calc(var(--s) * 10px);letter-spacing:.1em;padding:calc(var(--s) * 2px) calc(var(--s) * 6px);border-radius:calc(var(--s) * 2px);background:#00000073;box-shadow:inset 0 0 0 1px #ffffff14}.wave-card .wc-hp{color:var(--muted);font-size:calc(var(--s) * 11px);margin-left:auto}.wave-card .wc-row{gap:calc(var(--s) * 4px);margin-top:calc(var(--s) * 3px);font-size:calc(var(--s) * 12px);flex-wrap:wrap;align-items:center;display:flex}.chip{padding:calc(var(--s) * 2px) calc(var(--s) * 6px);border-radius:calc(var(--s) * 2px);font-size:calc(var(--s) * 11.5px);background:#00000073;border:1px solid #ffffff14;font-weight:600}.weak{color:var(--muted);font-size:calc(var(--s) * 11.5px)}.weak b{font-weight:600}#stash-panel{flex-direction:column;flex:0 auto;min-height:0;margin-top:auto;display:flex}#stash{gap:calc(var(--s) * 5px);padding:calc(var(--s) * 9px) calc(var(--s) * 15px) calc(var(--s) * 16px);grid-template-columns:repeat(6,1fr);min-height:0;display:grid;overflow-y:auto}.slot{aspect-ratio:1;border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);box-shadow:var(--socket), 0 0 0 1px #c89a452e;font-size:calc(var(--s) * 19px);cursor:pointer;background:radial-gradient(circle at 50% 40%,#3c342ae6,#080605f2 75%);place-items:center;transition:transform 80ms,box-shadow .15s;display:grid;position:relative}.slot:hover{box-shadow:var(--socket), 0 0 0 1px var(--line-strong);transform:translateY(-1px)}.slot.r-common{box-shadow:var(--socket), inset 0 0 0 1px #d2d7e173, 0 0 0 1px #c89a452e}.slot.r-uncommon{box-shadow:var(--socket), inset 0 0 0 1px #4fe08abf, inset 0 0 calc(var(--s) * 8px) #4fe08a40, 0 0 calc(var(--s) * 8px) #4fe08a33}.slot.r-rare{box-shadow:var(--socket), inset 0 0 0 1px #4aa8ffd9, inset 0 0 calc(var(--s) * 9px) #4aa8ff4d, 0 0 calc(var(--s) * 10px) #4aa8ff4d}.slot.r-unique{box-shadow:var(--socket), inset 0 0 0 1px #ffa42bf2, inset 0 0 calc(var(--s) * 10px) #ffa42b59, 0 0 calc(var(--s) * 14px) #ffa42b66}.slot.sel{outline:calc(var(--s) * 2px) solid var(--gold);outline-offset:1px}.slot.tsel:after{content:"⚗";font-size:calc(var(--s) * 11px);border:1px solid var(--gold);width:calc(var(--s) * 15px);height:calc(var(--s) * 15px);background:#3a2a60;border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-3px}.slot.empty{cursor:default;opacity:.7}.slot .kind{bottom:1px;right:calc(var(--s) * 3px);font-size:calc(var(--s) * 8px);color:#cdbf9f;text-shadow:0 1px #000;font-weight:700;position:absolute}#right{top:calc(var(--s) * 64px);right:calc(var(--s) * 10px);bottom:calc(var(--s) * 10px);width:calc(var(--s) * 330px);gap:calc(var(--s) * 10px);pointer-events:none;flex-direction:column;display:flex;position:absolute}#right>*{pointer-events:auto}#build-panel{flex-direction:column;flex:auto;min-height:0;display:flex}#element-tabs{gap:calc(var(--s) * 4px);padding:calc(var(--s) * 14px) calc(var(--s) * 14px) calc(var(--s) * 8px);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.etab{height:calc(var(--s) * 40px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);box-shadow:var(--socket), 0 0 0 1px #c89a4540;font-size:calc(var(--s) * 17px);background:radial-gradient(circle at 50% 35%,#463c30e6,#0a0806f2 80%);place-items:center;transition:box-shadow .15s,background .15s;display:grid;position:relative}.etab:hover{box-shadow:var(--socket), 0 0 0 1px var(--line-strong)}.etab .lv{bottom:1px;right:calc(var(--s) * 3px);font-size:calc(var(--s) * 9px);color:#cdbf9f;text-shadow:0 1px #000;font-weight:700;position:absolute}.etab.on{box-shadow:inset 0 0 0 1px currentColor, inset 0 0 calc(var(--s) * 12px) #0009, 0 0 0 1px var(--gold), 0 0 calc(var(--s) * 10px) currentColor;background:radial-gradient(circle at 50% 35%,#ffffff29,#14100cf2 80%)}.etab.on:after{content:"";left:50%;bottom:calc(var(--s) * -6px);width:calc(var(--s) * 8px);height:calc(var(--s) * 8px);border:1px solid var(--iron);box-shadow:0 0 calc(var(--s) * 6px) currentColor;background:currentColor;position:absolute;transform:translate(-50%)rotate(45deg)}#element-head{margin:0 calc(var(--s) * 10px);padding:calc(var(--s) * 10px) calc(var(--s) * 6px);align-items:center;gap:calc(var(--s) * 10px);background:linear-gradient(90deg,#0000,#c89a45b3,#0000) bottom/100% 1px no-repeat;display:flex}#element-head .eh-name{font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 16px);text-shadow:0 1px #000}#element-head .eh-lvl{font-size:calc(var(--s) * 11px);color:var(--muted)}.lvl-pips{gap:calc(var(--s) * 2px);margin-top:calc(var(--s) * 4px);display:flex}.lvl-pips i{width:calc(var(--s) * 9px);height:calc(var(--s) * 5px);background:#0009;border-radius:1px;box-shadow:inset 0 0 0 1px #c89a4540}.lvl-pips i.on{box-shadow:0 0 calc(var(--s) * 4px) currentColor;background:currentColor}#element-head .btn{white-space:nowrap;padding:calc(var(--s) * 6px) calc(var(--s) * 10px);font-size:calc(var(--s) * 12px);margin-left:auto}#tower-list{padding:calc(var(--s) * 6px) calc(var(--s) * 13px) calc(var(--s) * 16px);gap:calc(var(--s) * 5px);flex-direction:column;display:flex;overflow-y:auto}.tcard{grid-template-columns:calc(var(--s) * 44px) 1fr auto;gap:calc(var(--s) * 9px);padding:calc(var(--s) * 6px) calc(var(--s) * 9px) calc(var(--s) * 6px) calc(var(--s) * 7px);border-radius:calc(var(--s) * 3px);background:var(--plaque);border:1px solid var(--iron);box-shadow:var(--plaque-rim);cursor:pointer;align-items:center;transition:transform 80ms,box-shadow .15s,background .15s;display:grid}.tcard:hover{box-shadow:inset 0 0 0 1px var(--line-strong), 0 1px 0 #00000080;background:linear-gradient(#3e352af2,#1c1813f2);transform:translate(-2px)}.tcard.active{box-shadow:inset 0 0 0 1px var(--gold), 0 0 calc(var(--s) * 10px) #f2c76640;background:linear-gradient(90deg,#f2c76629,#16130feb)}.tcard.locked,.tcard.poor{opacity:.5}.tcard.locked{cursor:not-allowed}.ticon{width:calc(var(--s) * 44px);height:calc(var(--s) * 44px);border-radius:calc(var(--s) * 3px);font-size:calc(var(--s) * 19px);box-shadow:0 0 0 1px var(--iron), 0 0 0 calc(var(--s) * 2px) #c89a4559, inset 0 0 calc(var(--s) * 8px) #000000bf;background:radial-gradient(circle at 45% 35%,#ffffff24,#0009 75%);border:1px solid;place-items:center;display:grid;position:relative}.ticon .tier{font-family:var(--serif);font-size:calc(var(--s) * 9px);border:1px solid var(--bronze);border-radius:calc(var(--s) * 2px);padding:0 calc(var(--s) * 3px);color:#fff0c8;background:linear-gradient(#3a3128,#15110d);font-weight:900;line-height:1.3;position:absolute;bottom:-4px;right:-4px}.tname{font-weight:600;font-size:calc(var(--s) * 14px);text-shadow:0 1px #000}.tmeta{color:var(--muted);font-size:calc(var(--s) * 12px);margin-top:calc(var(--s) * 2px)}.tcost{text-align:right;color:var(--gold);font-weight:700;font-size:calc(var(--s) * 13.5px);white-space:nowrap;text-shadow:0 1px #000}.tcost small{color:#a8d6ff;font-size:calc(var(--s) * 10px);display:block}.tcost .req{color:var(--red);font-size:calc(var(--s) * 10px)}.group-label{align-items:center;gap:calc(var(--s) * 8px);font-family:var(--serif);font-size:calc(var(--s) * 10.5px);letter-spacing:.18em;text-transform:uppercase;margin:calc(var(--s) * 6px) calc(var(--s) * 2px) calc(var(--s) * 1px);text-shadow:0 1px #000;font-weight:700;display:flex}.group-label:after{content:"";opacity:.5;background:linear-gradient(90deg,currentColor,#0000);flex:1;height:1px}#selection{width:min(calc(var(--s) * 720px), calc(100vw - calc(var(--s) * 640px)));min-width:calc(var(--s) * 520px);padding:calc(var(--s) * 18px) calc(var(--s) * 20px) calc(var(--s) * 16px);grid-template-columns:calc(var(--s) * 72px) 1fr;gap:calc(var(--s) * 14px);border-radius:calc(var(--s) * 6px) calc(var(--s) * 6px) 0 0;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#selection:after{content:"";z-index:3;left:50%;top:calc(var(--s) * -10px);width:calc(var(--s) * 84px);height:calc(var(--s) * 24px);background:var(--crest) center / contain no-repeat;pointer-events:none;position:absolute;transform:translate(-50%)}.sel-portrait{width:calc(var(--s) * 72px);height:calc(var(--s) * 72px);border-radius:calc(var(--s) * 4px);font-size:calc(var(--s) * 32px);border:calc(var(--s) * 2px) solid;box-shadow:0 0 0 calc(var(--s) * 2px) var(--iron), 0 0 0 calc(var(--s) * 4px) var(--bronze), 0 0 0 calc(var(--s) * 5px) var(--iron), inset 0 0 calc(var(--s) * 14px) #000c, 0 calc(var(--s) * 4px) calc(var(--s) * 10px) #0009;margin:calc(var(--s) * 4px);background:radial-gradient(circle at 45% 35%,#ffffff2e,#000000b3 75%);place-items:center;display:grid}.sel-title{align-items:baseline;gap:calc(var(--s) * 8px);flex-wrap:wrap;display:flex}.sel-title h2{font-family:var(--serif);font-size:calc(var(--s) * 19px);text-shadow:0 1px 0 #000, 0 0 calc(var(--s) * 10px) #0009;margin:0}.sel-title .sub{color:var(--muted);font-size:calc(var(--s) * 11px)}.xpbar{height:calc(var(--s) * 6px);border:1px solid var(--iron);border-radius:calc(var(--s) * 2px);margin:calc(var(--s) * 6px) 0;background:#0009;overflow:hidden;box-shadow:0 0 0 1px #c89a454d}.xpbar div{background:linear-gradient(#fff2b8,#f2c766 55%,#b98426);height:100%}.hpbar{height:calc(var(--s) * 11px);border:1px solid var(--iron);border-radius:calc(var(--s) * 2px);margin:calc(var(--s) * 6px) 0;background:#0009;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c89a454d}.hpbar div{height:100%}.hpbar span{font-size:calc(var(--s) * 9px);text-shadow:0 1px calc(var(--s) * 2px) #000;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.stats{gap:calc(var(--s) * 4px) calc(var(--s) * 12px);font-size:calc(var(--s) * 12.5px);padding:calc(var(--s) * 5px) calc(var(--s) * 8px);border-radius:calc(var(--s) * 2px);box-shadow:inset 0 1px calc(var(--s) * 3px) #0009, 0 0 0 1px #c89a4524;background:#0000004d;grid-template-columns:repeat(4,1fr);display:grid}.stats div{justify-content:space-between;gap:calc(var(--s) * 6px);display:flex}.stats span{color:var(--muted)}.stats b{font-variant-numeric:tabular-nums}.abil{margin-top:calc(var(--s) * 6px);gap:calc(var(--s) * 2px);font-size:calc(var(--s) * 12.5px);color:#e2d8c2;flex-direction:column;display:flex}.abil div:before{content:"◆ ";color:var(--gold);font-size:calc(var(--s) * 9px)}.sel-bottom{align-items:center;gap:calc(var(--s) * 8px) calc(var(--s) * 10px);margin-top:calc(var(--s) * 10px);padding-top:calc(var(--s) * 10px);background:linear-gradient(90deg,#0000,#c89a45a6 20% 80%,#0000) top/100% 1px no-repeat;flex-wrap:wrap;display:flex}.islots{gap:calc(var(--s) * 4px);display:flex}.islots .slot{width:calc(var(--s) * 38px);font-size:calc(var(--s) * 17px)}.prio{border:1px solid var(--iron);border-radius:calc(var(--s) * 3px);display:flex;overflow:hidden;box-shadow:0 0 0 1px #c89a4559}.prio button{border:0;border-right:1px solid var(--iron);padding:calc(var(--s) * 4px) calc(var(--s) * 7px);font-size:calc(var(--s) * 10.5px);color:#c8bba2;background:linear-gradient(#3a322a,#1d1914);font-weight:600}.prio button:last-child{border-right:0}.prio button.on{color:#2a1806;background:linear-gradient(#fff0bf,#f0c768 35%,#b07a24)}.sel-actions{gap:calc(var(--s) * 6px);margin-left:auto;display:flex}.sel-actions .btn{white-space:nowrap;padding:calc(var(--s) * 7px) calc(var(--s) * 12px);font-size:calc(var(--s) * 12px)}#banner{text-align:center;opacity:0;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);pointer-events:none!important}#banner.show{animation:3s ease-out forwards banner}#banner h1{font-family:var(--serif);font-weight:900;font-size:calc(var(--s) * 54px);letter-spacing:.1em;color:#fff0c8;text-shadow:0 calc(var(--s) * 2px) 0 #6e4c1a, 0 calc(var(--s) * 4px) 0 #0009, 0 0 calc(var(--s) * 30px) #ffb43ca6;margin:0}#banner p{white-space:nowrap;margin:calc(var(--s) * 6px) 0 0;padding:calc(var(--s) * 4px) calc(var(--s) * 70px) calc(var(--s) * 14px);font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 15px);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 calc(var(--s) * 2px) calc(var(--s) * 6px) #000;background:var(--divider) center bottom / 100% calc(var(--s) * 12px) no-repeat;display:inline-block}#banner.boss h1{color:#ffd6c8;text-shadow:0 calc(var(--s) * 2px) 0 #6a1a10, 0 calc(var(--s) * 4px) 0 #0009, 0 0 calc(var(--s) * 40px) #ff3c1ee6}@keyframes banner{0%{opacity:0;letter-spacing:.5em;transform:translate(-50%,-50%)scale(1.4)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(.98)}}#toasts{bottom:calc(var(--s) * 200px);align-items:center;gap:calc(var(--s) * 6px);flex-direction:column-reverse;display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}.toast{padding:calc(var(--s) * 7px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);box-shadow:inset 0 0 0 1px #c89a458c, var(--shadow);font-weight:600;font-size:calc(var(--s) * 12.5px);text-shadow:0 1px #000;background:linear-gradient(#28221cf5,#120f0cf5);animation:2.6s forwards toast}.toast.error{box-shadow:inset 0 0 0 1px #ff5a4ab3, var(--shadow);color:#ffb8ae}.toast.gold{color:var(--gold)}.toast.warn{color:#ffb878;box-shadow:inset 0 0 0 1px #ffa05099, var(--shadow)}@keyframes toast{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#hint{top:calc(var(--s) * 66px);padding:calc(var(--s) * 7px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);box-shadow:inset 0 0 0 1px #c89a4573, var(--shadow);color:#cbbfa6;font-size:calc(var(--s) * 12px);background:linear-gradient(#28221cf0,#120f0cf0);position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}#scoreboard{z-index:40;top:calc(var(--s) * 60px);width:min(calc(var(--s) * 1080px), 94vw);max-height:calc(100vh - var(--s) * 120px);padding:calc(var(--s) * 12px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 4px);box-shadow:inset 0 0 0 1px #c89a458c, var(--shadow);pointer-events:auto;text-align:left;background:linear-gradient(#282016f7,#14100bf7);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}#scoreboard .sb-head{justify-content:space-between;align-items:baseline;gap:calc(var(--s) * 12px);padding-bottom:calc(var(--s) * 6px);margin-bottom:calc(var(--s) * 8px);border-bottom:1px solid #c89a4559;display:flex}#scoreboard .sb-head h3{font-family:var(--serif);color:var(--gold);font-size:calc(var(--s) * 18px);margin:0}#scoreboard .sb-head span{color:var(--muted);font-size:calc(var(--s) * 12px)}#scoreboard .sb-body{overflow-y:auto}#scoreboard h4{margin:calc(var(--s) * 4px) 0 calc(var(--s) * 6px);font-family:var(--serif);font-size:calc(var(--s) * 13px);color:var(--gold);letter-spacing:.06em}#scoreboard .sb-cols{grid-template-columns:repeat(auto-fit, minmax(calc(var(--s) * 300px), 1fr));gap:calc(var(--s) * 10px) calc(var(--s) * 16px);margin-top:calc(var(--s) * 10px);display:grid}#scoreboard .sb-table th{cursor:default}#scoreboard .sb-group{font-size:calc(var(--s) * 11.5px)}#scoreboard .sb-group td,#scoreboard .sb-group th{padding:calc(var(--s) * 3px) calc(var(--s) * 5px)}#scoreboard .sb-group th{cursor:default}#scoreboard .sb-group tr.sb-worst td{background:#ff6a5a1a}#scoreboard .sb-stack{height:calc(var(--s) * 12px);min-width:calc(var(--s) * 110px);border-radius:calc(var(--s) * 2px);background:#00000073;display:flex;overflow:hidden}#scoreboard .sb-armor{font-size:calc(var(--s) * 11px)}#scoreboard .sb-armor b{margin-right:calc(var(--s) * 4px);font-weight:600}#scoreboard .sb-good{color:#7fd07a}#scoreboard .sb-bad{color:#ff7a6a}#scoreboard .sb-muted{color:var(--muted)}#scoreboard .sb-weak{font-size:calc(var(--s) * 9.5px);padding:0 calc(var(--s) * 5px);border-radius:calc(var(--s) * 6px);color:#fff;background:#b8402e}#scoreboard .sb-bar{grid-template-columns:calc(var(--s) * 96px) 1fr calc(var(--s) * 44px)}#scoreboard .sb-note{font-size:calc(var(--s) * 11.5px);color:var(--muted);margin:calc(var(--s) * 6px) 0 0;line-height:1.5}#hint:empty{display:none}#hint b{color:var(--text)}#tooltip{z-index:100;max-width:calc(var(--s) * 330px);padding:calc(var(--s) * 13px) calc(var(--s) * 15px);border-radius:calc(var(--s) * 3px);background:var(--stone), radial-gradient(130% 80% at 50% 0%, #d6aa6429, transparent 70%), linear-gradient(180deg, #2f2416, #1b140c);box-shadow:var(--shadow), 0 0 0 1px #000000b3;pointer-events:none;font-size:calc(var(--s) * 13px);color:#f3e8cc;line-height:1.45;position:fixed}#tooltip:before{border-width:calc(var(--s) * 18px);border-image-width:calc(var(--s) * 18px)}#tooltip h4{margin:0 0 calc(var(--s) * 3px);padding-bottom:calc(var(--s) * 4px);font-family:var(--serif);font-size:calc(var(--s) * 14.5px);text-shadow:0 1px #000;background:linear-gradient(90deg,#c89a45b3,#0000) 0 100%/100% 1px no-repeat}#tooltip .tt-sub{color:#b7aa90;font-size:calc(var(--s) * 11px);margin-bottom:calc(var(--s) * 6px)}#tooltip .tt-lore{color:#c9b994;margin-top:calc(var(--s) * 6px);font-style:italic}#tooltip .tt-grid{gap:1px calc(var(--s) * 10px);grid-template-columns:auto 1fr;display:grid}#tooltip .tt-grid span{color:#b7aa90}#tooltip .good{color:var(--green)}#tooltip .bad{color:var(--red)}.screen{z-index:50;place-items:center;display:grid;position:fixed;inset:0}#loading{z-index:60;gap:calc(var(--s) * 14px);font-family:var(--serif);letter-spacing:.2em;color:var(--muted);background:#07070c;align-content:center}.spinner{width:calc(var(--s) * 44px);height:calc(var(--s) * 44px);border:calc(var(--s) * 3px) solid #ffcf5a26;border-top-color:var(--gold);border-radius:50%;justify-self:center;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#menu{background:radial-gradient(#0806044d,#080604e0 75%);overflow-y:auto}.menu-inner{width:min(calc(var(--s) * 980px), 94vw);text-align:center;padding:calc(var(--s) * 32px) 0}.title .kicker{letter-spacing:.45em;text-transform:uppercase;color:var(--gold);font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 12px);text-shadow:0 1px #000}.title h1{margin:calc(var(--s) * 8px) 0 calc(var(--s) * 6px);font-family:var(--display);font-weight:900;font-size:clamp(calc(var(--s) * 48px), 8vw, calc(var(--s) * 92px));letter-spacing:.04em;color:#fff0c8;text-shadow:0 calc(var(--s) * 2px) 0 #a8772a, 0 calc(var(--s) * 4px) 0 #4a3010, 0 calc(var(--s) * 7px) calc(var(--s) * 6px) #000000b3, 0 0 calc(var(--s) * 40px) #ffaa3c73;line-height:1}.title h1 span{font-family:var(--serif);letter-spacing:.6em;color:var(--gold);margin-top:calc(var(--s) * 10px);text-shadow:0 calc(var(--s) * 2px) 0 #000, 0 0 calc(var(--s) * 16px) #ffaa3c66;font-size:.36em;font-weight:700;display:block}.title .sub{color:#ddd2bb;font-size:calc(var(--s) * 15px);max-width:calc(var(--s) * 560px);margin:calc(var(--s) * 12px) auto calc(var(--s) * 22px);padding-bottom:calc(var(--s) * 20px);text-shadow:0 1px calc(var(--s) * 3px) #000;background:var(--divider) center bottom / calc(var(--s) * 300px) calc(var(--s) * 14px) no-repeat}.opts{gap:calc(var(--s) * 14px);margin:0 auto calc(var(--s) * 26px);padding:calc(var(--s) * 24px) calc(var(--s) * 30px) calc(var(--s) * 26px);width:fit-content;max-width:100%;display:grid}.opt-group h4{justify-content:center;align-items:center;gap:calc(var(--s) * 12px);margin:0 0 calc(var(--s) * 8px);font-family:var(--serif);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-weight:700;font-size:calc(var(--s) * 12px);text-shadow:0 1px #000;display:flex}.opt-group h4:before,.opt-group h4:after{content:"";width:calc(var(--s) * 60px);background:linear-gradient(90deg, transparent, var(--bronze));height:1px}.opt-group h4:after{transform:scaleX(-1)}.choices{justify-content:center;gap:calc(var(--s) * 8px);flex-wrap:wrap;display:flex}.choice{min-width:calc(var(--s) * 150px);max-width:calc(var(--s) * 220px);padding:calc(var(--s) * 11px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 3px);text-align:left;box-shadow:0 calc(var(--s) * 2px) calc(var(--s) * 5px) #00000080;background:linear-gradient(#2e2821f2,#14110ef2);border:0;transition:filter .15s,transform .1s;position:relative}.choice:before{opacity:.45;border-width:calc(var(--s) * 12px);border-image-width:calc(var(--s) * 12px)}.choice:hover{filter:brightness(1.15);transform:translateY(-2px)}.choice.on{box-shadow:0 0 calc(var(--s) * 18px) #ffbe4647, 0 calc(var(--s) * 2px) calc(var(--s) * 5px) #00000080;background:radial-gradient(120% 90% at 50% 0,#f2c76642,#0000 70%),linear-gradient(#382e20f5,#18130df5)}.choice.on:before{opacity:1}.choice b{font-family:var(--serif);font-size:calc(var(--s) * 15px);text-shadow:0 1px #000;display:block}.choice.on b{color:var(--gold)}.choice small{color:#bcb09a;font-size:calc(var(--s) * 11.5px)}.choice.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.choice.locked:hover{filter:grayscale(.6);transform:none}.best{margin-top:calc(var(--s) * 14px);color:var(--muted);font-size:calc(var(--s) * 12px);min-height:calc(var(--s) * 16px)}.howto{margin:calc(var(--s) * 22px) auto 0;max-width:calc(var(--s) * 900px);text-align:left}.howto summary{cursor:pointer;text-align:center;color:var(--gold);font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;font-weight:700;font-size:calc(var(--s) * 12px);text-shadow:0 1px #000}.howto-grid{gap:calc(var(--s) * 12px);margin-top:calc(var(--s) * 14px);grid-template-columns:repeat(3,1fr);display:grid}.howto-grid div{background:var(--stone-bg);border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 16px) calc(var(--s) * 18px);position:relative}.howto-grid div:before,.controls-grid>div:before,.credits p:before{border-width:calc(var(--s) * 12px);border-image-width:calc(var(--s) * 12px)}.howto-grid h5{margin:0 0 calc(var(--s) * 6px);font-family:var(--serif);color:var(--gold);font-size:calc(var(--s) * 13px);text-shadow:0 1px #000}.howto-grid p{color:#ddd2bb;font-size:calc(var(--s) * 12.5px);margin:0;line-height:1.5}.howto-grid .wide{grid-column:span 2}.controls{margin-top:calc(var(--s) * 14px)}.controls-grid{gap:calc(var(--s) * 12px);margin-top:calc(var(--s) * 14px);grid-template-columns:repeat(2,1fr);display:grid}.controls-grid>div{background:var(--stone-bg);border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 16px) calc(var(--s) * 18px);position:relative}.controls-grid h5{margin:0 0 calc(var(--s) * 8px);font-family:var(--serif);color:var(--gold);font-size:calc(var(--s) * 13px);text-shadow:0 1px #000}.controls-grid dl{gap:calc(var(--s) * 6px) calc(var(--s) * 12px);grid-template-columns:auto 1fr;align-items:center;margin:0;display:grid}.controls-grid dt{white-space:nowrap;color:var(--muted);font-size:calc(var(--s) * 11px)}.controls-grid dd{color:#ddd2bb;font-size:calc(var(--s) * 12.5px);margin:0;line-height:1.4}.controls-grid kbd{font-family:var(--sans);font-size:calc(var(--s) * 11px);color:var(--gold);border:1px solid #ffcf5a59;border-bottom-width:calc(var(--s) * 2px);border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 1px) calc(var(--s) * 6px);background:#00000073;font-weight:600;display:inline-block}.modal{background:#060503a8}.modal-box{width:min(calc(var(--s) * 440px), 92vw);padding:calc(var(--s) * 26px) calc(var(--s) * 30px) calc(var(--s) * 28px);gap:calc(var(--s) * 12px);flex-direction:column;display:flex}.modal-box h2{margin:0 0 calc(var(--s) * 6px);padding-bottom:calc(var(--s) * 16px);font-family:var(--serif);color:var(--gold);letter-spacing:.18em;text-align:center;text-transform:uppercase;text-shadow:0 calc(var(--s) * 2px) 0 #000, 0 0 calc(var(--s) * 16px) #ffb43c59;background:var(--divider) center bottom / calc(var(--s) * 260px) calc(var(--s) * 12px) no-repeat;font-weight:900}.modal-box label{justify-content:space-between;align-items:center;gap:calc(var(--s) * 12px);font-size:calc(var(--s) * 13px);display:flex}.modal-box label.check{justify-content:flex-start}.modal-box input[type=range]{width:calc(var(--s) * 170px);accent-color:var(--gold)}.modal-box input[type=checkbox]{accent-color:var(--gold);width:calc(var(--s) * 16px);height:calc(var(--s) * 16px)}.modal-box .row{gap:calc(var(--s) * 10px);margin-top:calc(var(--s) * 8px);justify-content:center;display:flex}.end{width:min(calc(var(--s) * 900px), 94vw);text-align:center;max-height:92vh}.end h2{font-size:calc(var(--s) * 40px);font-family:var(--display)}.end.lost h2{color:#ff8a78;text-shadow:0 calc(var(--s) * 2px) 0 #000, 0 0 calc(var(--s) * 30px) #ff3c2880}.end p{color:var(--muted);margin:0}#end-meta{justify-content:center;gap:calc(var(--s) * 6px);font-size:calc(var(--s) * 12px);color:var(--muted);flex-wrap:wrap;display:flex}#end-meta>span{padding:calc(var(--s) * 1px) calc(var(--s) * 8px);border-radius:calc(var(--s) * 10px);background:#0006;box-shadow:inset 0 0 0 1px #c89a454d}#end-meta .end-mod{color:#ff9b7a}#end-meta .end-god{color:#ffb0a0}#end-meta .end-record{color:#1a1206;background:var(--gold);font-weight:700}#end-meta .end-title{color:var(--gold);font-family:var(--serif)}#end-tabs{justify-content:center;gap:calc(var(--s) * 4px);border-bottom:1px solid #c89a4559;display:flex}.end-tab{padding:calc(var(--s) * 7px) calc(var(--s) * 16px);font-family:var(--serif);font-size:calc(var(--s) * 13px);color:var(--muted);border-radius:calc(var(--s) * 3px) calc(var(--s) * 3px) 0 0;background:#0000004d;border:0}.end-tab:hover{color:var(--text)}.end-tab.on{color:var(--gold);box-shadow:inset 0 calc(var(--s) * -2px) 0 var(--gold);background:linear-gradient(#f2c7662e,#0000)}.end-tab b{margin-left:calc(var(--s) * 4px);font-size:calc(var(--s) * 10px);color:#1a1206;background:var(--gold);padding:0 calc(var(--s) * 5px);border-radius:calc(var(--s) * 8px)}#end-body{min-height:calc(var(--s) * 260px);max-height:calc(92vh - var(--s) * 260px);padding:calc(var(--s) * 4px) calc(var(--s) * 2px);text-align:left;overflow-y:auto}.end-empty{text-align:center;padding:calc(var(--s) * 18px)}.end-note{font-size:calc(var(--s) * 11.5px);margin-top:calc(var(--s) * 6px)!important}.end-tiles{gap:calc(var(--s) * 8px);margin:calc(var(--s) * 12px) 0;text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.end-tiles div{border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 10px) calc(var(--s) * 6px);box-shadow:var(--socket);background:linear-gradient(#00000073,#00000040)}.end-tiles b{font-size:calc(var(--s) * 20px);font-family:var(--serif);color:var(--text);text-shadow:0 1px #000;display:block}.end-tiles span{font-size:calc(var(--s) * 10.5px);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.end-mvp{margin-top:calc(var(--s) * 12px);gap:calc(var(--s) * 14px);padding:calc(var(--s) * 14px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 4px);background:radial-gradient(120% 120% at 0 0,#f2c7662e,#0000 60%),#00000059;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #f2c76673}.end-mvp-badge{top:calc(var(--s) * -9px);left:calc(var(--s) * 14px);padding:0 calc(var(--s) * 8px);font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 11px);letter-spacing:.2em;color:#1a1206;background:var(--gold);border-radius:calc(var(--s) * 8px);position:absolute}.end-mvp-name{font-family:var(--serif);font-size:calc(var(--s) * 18px);text-shadow:0 1px #000;font-weight:700}.end-mvp-name small{color:var(--muted);font-size:calc(var(--s) * 11px)}.end-mvp-stats{color:var(--muted);font-size:calc(var(--s) * 12.5px);margin:calc(var(--s) * 3px) 0 calc(var(--s) * 6px)}.end-chip{min-width:calc(var(--s) * 22px);height:calc(var(--s) * 22px);margin-right:calc(var(--s) * 3px);font-size:calc(var(--s) * 14px);border-radius:calc(var(--s) * 3px);background:#00000073;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 1px #c89a454d}.end-table-wrap{overflow-x:auto}.end-table{border-collapse:collapse;width:100%;font-size:calc(var(--s) * 12.5px)}.end-table th{padding:calc(var(--s) * 6px);color:var(--muted);text-align:left;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#1d1710;font-weight:600;position:sticky;top:0}.end-table th.asc:after{content:" ▲";color:var(--gold)}.end-table th.desc:after{content:" ▼";color:var(--gold)}.end-table td{padding:calc(var(--s) * 5px) calc(var(--s) * 6px);white-space:nowrap;border-top:1px solid #c89a4524}.end-table tr.sold td{opacity:.5}.end-tname small{margin-left:calc(var(--s) * 6px);font-size:calc(var(--s) * 9.5px);padding:0 calc(var(--s) * 5px);border-radius:calc(var(--s) * 6px);color:var(--muted);background:#00000080}.end-tname .end-mvp-tag{color:#1a1206;background:var(--gold)}.end-share{height:calc(var(--s) * 14px);min-width:calc(var(--s) * 90px);border-radius:calc(var(--s) * 2px);background:#00000073;position:relative;overflow:hidden}.end-share i{background:linear-gradient(90deg, #a87a2c, var(--gold));position:absolute;inset:0 auto 0 0}.end-share span{text-align:center;font-size:calc(var(--s) * 10px);line-height:calc(var(--s) * 14px);text-shadow:0 1px #000;display:block;position:relative}.end-cols{gap:calc(var(--s) * 14px) calc(var(--s) * 20px);grid-template-columns:1fr 1fr;display:grid}.end-cols section.wide{grid-column:1/-1}.end-cols h4,.end-goals h4{margin:0 0 calc(var(--s) * 6px);font-family:var(--serif);font-size:calc(var(--s) * 13px);color:var(--gold);letter-spacing:.06em}.end-bar{grid-template-columns:calc(var(--s) * 96px) 1fr calc(var(--s) * 110px);gap:calc(var(--s) * 8px);font-size:calc(var(--s) * 11.5px);margin-bottom:calc(var(--s) * 4px);align-items:center;display:grid}.end-bar-track{height:calc(var(--s) * 10px);border-radius:calc(var(--s) * 2px);background:#00000073;overflow:hidden}.end-bar-track i{height:100%;display:block}.end-bar-val{color:var(--muted);text-align:right}.end-waves{gap:calc(var(--s) * 4px);flex-wrap:wrap;display:flex}.end-wave{min-width:calc(var(--s) * 26px);text-align:center;padding:calc(var(--s) * 2px) calc(var(--s) * 5px);font-size:calc(var(--s) * 11px);border-radius:calc(var(--s) * 3px);color:#ffb0a0;background:#ff78642e}.end-wave.boss{color:#fff;background:#ff463273;font-weight:700}.end-achs,.end-goals{gap:calc(var(--s) * 8px);margin-top:calc(var(--s) * 10px);display:grid}.end-ach,.end-goal{gap:calc(var(--s) * 10px);padding:calc(var(--s) * 9px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 4px);background:#00000059;align-items:flex-start;display:flex;box-shadow:inset 0 0 0 1px #c89a4540}.end-ach.new{box-shadow:inset 0 0 0 1px var(--gold), 0 0 calc(var(--s) * 14px) #f2c76640;animation:.5s ease-out both achIn}.end-ach.new:nth-child(2){animation-delay:.12s}.end-ach.new:nth-child(3){animation-delay:.24s}.end-ach.new:nth-child(n+4){animation-delay:.36s}@keyframes achIn{0%{opacity:0;transform:translateY(calc(var(--s) * 8px)) scale(.97)}}.end-ach-icon{font-size:calc(var(--s) * 24px);line-height:1}.end-ach b,.end-goal b{font-family:var(--serif);color:var(--text);display:block}.end-ach small,.end-goal small{color:var(--muted);font-size:calc(var(--s) * 11.5px);margin-bottom:calc(var(--s) * 4px);display:block}.end-ach em{color:var(--gold);font-style:normal;font-size:calc(var(--s) * 11.5px);display:block}.end-goal>div{flex:1}.end-recordline{padding:calc(var(--s) * 8px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 4px);color:var(--gold);text-align:center;font-family:var(--serif);background:#f2c76624}@media (width<=1280px){#left{width:calc(var(--s) * 230px)}#right{width:calc(var(--s) * 290px)}#selection{width:calc(100vw - calc(var(--s) * 560px));min-width:0}.stats{grid-template-columns:repeat(3,1fr)}.brand span{display:none}}#alert{width:100%;padding:calc(var(--s) * 14px) calc(var(--s) * 18px) calc(var(--s) * 16px);border-radius:calc(var(--s) * 3px);background:var(--stone), linear-gradient(180deg, #381416f5, #160a0cf5);box-shadow:inset 0 0 0 calc(var(--s) * 7px) transparent, 0 0 calc(var(--s) * 30px) #ff503c4d, var(--shadow);position:relative}#alert.ok{background:var(--stone), linear-gradient(180deg, #10222cf2, #0a0e14f2);box-shadow:var(--shadow)}#alert.urgent{animation:1.2s infinite alertpulse}@keyframes alertpulse{50%{box-shadow:0 0 calc(var(--s) * 44px) #ff503c99, var(--shadow)}}#alert .al-head{align-items:center;gap:calc(var(--s) * 10px);display:flex}#alert .al-eye{font-size:calc(var(--s) * 24px);filter:drop-shadow(0 0 calc(var(--s) * 8px) #a0e6ffcc)}#alert .al-title{font-family:var(--serif);font-weight:700;font-size:calc(var(--s) * 15px);color:#ffbcb0;text-shadow:0 1px #000}#alert.ok .al-title{color:#a8ecff}#alert .al-sub{color:#e0d6c2;font-size:calc(var(--s) * 12px);margin-top:calc(var(--s) * 2px)}#alert .al-close{z-index:3;color:var(--muted);font-size:calc(var(--s) * 16px);background:0 0;border:0;align-self:flex-start;margin-left:auto;position:relative}#alert .al-close:hover{color:var(--text)}#alert .al-towers{gap:calc(var(--s) * 6px);margin-top:calc(var(--s) * 9px);display:flex}#alert .al-tower{align-items:center;gap:calc(var(--s) * 8px);padding:calc(var(--s) * 6px) calc(var(--s) * 8px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);background:var(--plaque);box-shadow:var(--plaque-rim);text-align:left;flex:1;display:flex}#alert .al-tower:hover{box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#3e352af2,#1c1813f2)}#alert .al-tower.locked{opacity:.55}#alert .al-tower b{font-size:calc(var(--s) * 12px);display:block}#alert .al-tower small{color:var(--muted);font-size:calc(var(--s) * 10.5px)}.tcard .reveal{color:#9fe8ff;font-size:calc(var(--s) * 11px);margin-left:calc(var(--s) * 4px);text-shadow:0 0 calc(var(--s) * 6px) #8cdcffcc}.tcard.flash{animation:1s 3 cardflash}@keyframes cardflash{50%{box-shadow:inset 0 0 0 1px #9fe8ff, 0 0 calc(var(--s) * 16px) #8cdcff99}}.ico{width:calc(var(--s) * 24px);height:calc(var(--s) * 24px);-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;filter:drop-shadow(0 0 calc(var(--s) * 4px) currentColor);background:currentColor;flex:none;display:inline-block}.ico.big{width:calc(var(--s) * 42px);height:calc(var(--s) * 42px)}#tooltip h4 .ico{width:calc(var(--s) * 18px);height:calc(var(--s) * 18px)}.ico.item{width:1.35em;height:1.35em;filter:drop-shadow(0 0 calc(var(--s) * 3px) currentColor) drop-shadow(0 1px 1px #000)}.credits{margin:calc(var(--s) * 14px) auto 0;max-width:calc(var(--s) * 900px);text-align:left}.credits summary{cursor:pointer;text-align:center;color:var(--muted);font-family:var(--serif);font-size:calc(var(--s) * 11px);letter-spacing:.15em;text-transform:uppercase}.credits p{color:#c9bda6;font-size:calc(var(--s) * 11.5px);background:var(--stone-bg);border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 14px) calc(var(--s) * 18px);line-height:1.6;position:relative}.credits a{color:#a8d6ff;z-index:3;position:relative}.ftext.cast{color:#cfe6ff;font-family:var(--serif);font-size:calc(var(--s) * 14px);letter-spacing:.04em}.ftext.proc{color:#ffe08a;font-size:calc(var(--s) * 12px);font-style:italic}.manabar{height:calc(var(--s) * 6px);border:1px solid var(--iron);border-radius:calc(var(--s) * 2px);margin:-2px 0 calc(var(--s) * 6px);background:#0009;overflow:hidden;box-shadow:0 0 0 1px #c89a454d}.manabar div{background:linear-gradient(#b8dcff,#3f7bff 55%,#1f3f9a);height:100%}.actives{gap:calc(var(--s) * 5px);display:flex}.act{width:calc(var(--s) * 42px);height:calc(var(--s) * 42px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);box-shadow:inset 0 0 0 1px #a0c8ff8c, inset 0 calc(var(--s) * 2px) 0 #ffffff26, inset 0 calc(var(--s) * -3px) calc(var(--s) * 5px) #00000080, 0 0 0 calc(var(--s) * 2px) #c89a4580;font-size:calc(var(--s) * 18px);background:radial-gradient(circle at 40% 30%,#96c3ff66,#141e3ce6 70%);place-items:center;display:grid;position:relative;overflow:hidden}.act:hover{filter:brightness(1.2)}.act .cdsweep{background:conic-gradient(#000000b8 var(--cd), transparent 0);pointer-events:none;position:absolute;inset:0}.act .key{top:1px;left:calc(var(--s) * 3px);font-size:calc(var(--s) * 9px);color:#e2ecff;text-shadow:0 1px #000;font-weight:800;position:absolute}.act .mana{bottom:1px;right:calc(var(--s) * 3px);font-size:calc(var(--s) * 9px);color:#a8dcff;text-shadow:0 1px #000;font-weight:700;position:absolute}.act.auto{box-shadow:inset 0 0 0 1px #a0c8ff8c, 0 0 0 calc(var(--s) * 2px) #ffcf5af2, 0 0 calc(var(--s) * 12px) #ffcf5a73}.act.auto:after{content:"AUTO";bottom:-1px;left:calc(var(--s) * 2px);font-size:calc(var(--s) * 7px);color:var(--gold);text-shadow:0 1px #000;font-weight:800;position:absolute}.act.nomana{filter:grayscale(.7)brightness(.7)}.buffs{gap:calc(var(--s) * 4px);margin-top:calc(var(--s) * 4px);flex-wrap:wrap;display:flex}.buffs span{font-size:calc(var(--s) * 10px);padding:1px calc(var(--s) * 6px);border-radius:calc(var(--s) * 2px);color:#a8ffc0;background:#5aff8c1f;border:1px solid #5aff8c4d}.perk-offer{margin-top:calc(var(--s) * 8px);padding:calc(var(--s) * 8px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);background:linear-gradient(#ffc85a24,#00000040);position:relative;box-shadow:inset 0 0 0 1px #f2c76699}.perk-offer:after{content:"";border-radius:inherit;box-shadow:0 0 calc(var(--s) * 28px) #ffc85ad9;opacity:0;pointer-events:none;will-change:opacity;animation:1.6s infinite glowfade;position:absolute;inset:0}@keyframes glowfade{50%{opacity:1}}.po-title{font-family:var(--serif);color:var(--gold);font-weight:700;font-size:calc(var(--s) * 13px);margin-bottom:calc(var(--s) * 6px);text-shadow:0 1px #000}.po-list{gap:calc(var(--s) * 6px);grid-template-columns:repeat(3,1fr);display:grid}.perk{text-align:left;padding:calc(var(--s) * 7px) calc(var(--s) * 8px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);background:var(--plaque);box-shadow:var(--plaque-rim);grid-template-columns:calc(var(--s) * 22px) 1fr;gap:0 calc(var(--s) * 6px);align-items:center;display:grid}.perk:hover{box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#463a26f2,#1e1810f2)}.perk span{font-size:calc(var(--s) * 18px);grid-row:span 2}.perk b{font-size:calc(var(--s) * 12px)}.perk small{color:var(--muted);font-size:calc(var(--s) * 10.5px)}.perks{gap:calc(var(--s) * 4px);margin-top:calc(var(--s) * 6px);flex-wrap:wrap;align-items:center;display:flex}.perks span{font-size:calc(var(--s) * 10.5px);padding:calc(var(--s) * 2px) calc(var(--s) * 7px);border-radius:calc(var(--s) * 2px);color:#ffe9b0;background:#ffcf5a1f;border:1px solid #ffcf5a59}.perks em{font-size:calc(var(--s) * 10.5px);color:var(--muted)}.slot.locked{font-size:calc(var(--s) * 12px);opacity:.45;cursor:not-allowed}#center-stack{top:calc(var(--s) * 102px);width:min(calc(var(--s) * 600px), calc(100vw - calc(var(--s) * 640px)));min-width:calc(var(--s) * 400px);gap:calc(var(--s) * 8px);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}#center-stack>*{pointer-events:auto}#spoils{padding:calc(var(--s) * 16px) calc(var(--s) * 18px) calc(var(--s) * 18px);border-radius:calc(var(--s) * 3px);background:var(--stone), radial-gradient(120% 70% at 50% 0%, #ffc85a33, transparent 70%), linear-gradient(180deg, #342610f7, #161009f7);box-shadow:0 0 calc(var(--s) * 40px) #ffb43c59, var(--shadow);animation:.5s ease-out spoilsIn;position:relative}@keyframes spoilsIn{0%{opacity:0;transform:translateY(-14px)scale(.97)}to{opacity:1;transform:none}}#spoils .sp-head{align-items:baseline;gap:calc(var(--s) * 10px);margin-bottom:calc(var(--s) * 10px);display:flex}#spoils .sp-title{font-family:var(--serif);font-weight:900;font-size:calc(var(--s) * 17px);color:var(--gold);letter-spacing:.06em;text-shadow:0 1px 0 #000, 0 0 calc(var(--s) * 14px) #ffbe4699}#spoils .sp-sub{color:var(--muted);font-size:calc(var(--s) * 11.5px)}#spoils .sp-count{font-size:calc(var(--s) * 11px);color:#ffe9b0;border-radius:calc(var(--s) * 2px);padding:calc(var(--s) * 2px) calc(var(--s) * 8px);background:#ffcf5a26;border:1px solid #ffcf5a59;margin-left:auto}#spoils .sp-list{gap:calc(var(--s) * 8px);grid-template-columns:repeat(3,1fr);display:grid}.spoil{text-align:left;padding:calc(var(--s) * 10px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);background:var(--plaque);box-shadow:var(--plaque-rim);gap:calc(var(--s) * 4px);flex-direction:column;transition:transform .1s,box-shadow .15s;display:flex}.spoil:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 0 calc(var(--s) * 18px) #ffc85a4d;transform:translateY(-2px)}.spoil .sp-icon{font-size:calc(var(--s) * 26px);line-height:1}.spoil b{font-family:var(--serif);font-size:calc(var(--s) * 13.5px);text-shadow:0 1px #000}.spoil .sp-tag{font-size:calc(var(--s) * 10px);text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.spoil ul{margin:calc(var(--s) * 2px) 0 0;padding-left:calc(var(--s) * 14px);font-size:calc(var(--s) * 11px);color:#e2d8c2;line-height:1.4}.spoil.r-rare{box-shadow:inset 0 0 0 1px #4aa8ffbf, var(--plaque-rim)}.spoil.r-unique{box-shadow:inset 0 0 0 1px #ffa42be6, 0 0 calc(var(--s) * 16px) #ffa42b4d}#perk-queue{padding:calc(var(--s) * 14px) calc(var(--s) * 15px) calc(var(--s) * 15px) calc(var(--s) * 18px);border-radius:calc(var(--s) * 3px);background:var(--stone), radial-gradient(120% 70% at 50% 0%, #ffc85a29, transparent 70%), linear-gradient(180deg, #302410f5, #161009f5);box-shadow:0 0 calc(var(--s) * 18px) #ffbe4633, var(--shadow);flex:none;margin-top:auto;position:relative}#perk-queue .pq-title{font-family:var(--serif);color:var(--gold);font-weight:700;font-size:calc(var(--s) * 13px);margin-bottom:calc(var(--s) * 6px);text-shadow:0 1px #000}#perk-queue .pq-title span{color:#2a1806;border-radius:calc(var(--s) * 2px);padding:0 calc(var(--s) * 7px);margin-left:calc(var(--s) * 4px);font-family:var(--sans);text-shadow:none;background:linear-gradient(#fff0bf,#f0c768 40%,#b07a24);font-weight:800}#perk-queue .pq-list{gap:calc(var(--s) * 6px);flex-wrap:wrap;display:flex}.pq-item{align-items:center;gap:calc(var(--s) * 6px);padding:calc(var(--s) * 5px) calc(var(--s) * 9px);border-radius:calc(var(--s) * 3px);border:1px solid var(--iron);background:var(--plaque);box-shadow:var(--plaque-rim);font-size:calc(var(--s) * 12.5px);display:flex}.pq-item:hover{box-shadow:inset 0 0 0 1px var(--gold);background:linear-gradient(#463a26f2,#1e1810f2)}.pq-item small{color:var(--muted)}.pq-item .ico{width:calc(var(--s) * 20px);height:calc(var(--s) * 20px)}.abil .pending{color:#d4b088;font-style:italic}.abil .pending:before{content:"◇ "}#perk-queue:not(.hidden)+#stash-panel{margin-top:0}#perk-queue .pq-list{flex-direction:column}.pq-item{width:100%}#banner.low{top:37%}.controls-title{margin:calc(var(--s) * 26px) 0 0;text-align:center;color:var(--gold);font-family:var(--serif);letter-spacing:.2em;text-transform:uppercase;font-weight:700;font-size:calc(var(--s) * 14px);text-shadow:0 1px #000}#btn-setup{margin-top:calc(var(--s) * 24px)}#btn-back{margin-top:calc(var(--s) * 18px)}.menu-title{margin:calc(var(--s) * -14px) 0 calc(var(--s) * 10px);font-family:var(--serif);color:var(--gold);letter-spacing:.3em;text-transform:uppercase;font-size:calc(var(--s) * 13px);text-shadow:0 1px #000}.hall-link{margin:calc(var(--s) * 12px) auto 0;display:block}.row.center{gap:calc(var(--s) * 10px);margin-top:calc(var(--s) * 16px);justify-content:center;display:flex}#hall{z-index:70}.hall-box{width:min(calc(var(--s) * 960px), 94vw);max-height:92vh;position:relative}.hall-x{top:calc(var(--s) * 18px);right:calc(var(--s) * 20px);position:absolute}#hall-body{padding-right:calc(var(--s) * 6px);gap:calc(var(--s) * 18px);text-align:left;flex-direction:column;display:flex;overflow-y:auto}#hall-body h3{margin:0 0 calc(var(--s) * 8px);font-family:var(--serif);color:var(--gold);font-size:calc(var(--s) * 16px);letter-spacing:.08em}#hall-body h3 small{color:var(--muted);font-size:calc(var(--s) * 12px)}#hall-body h4{margin:calc(var(--s) * 10px) 0 calc(var(--s) * 6px);font-family:var(--serif);color:var(--text);font-size:calc(var(--s) * 13px)}.hall-banner{padding:calc(var(--s) * 8px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 4px);color:#ffb0a0;font-size:calc(var(--s) * 12.5px);background:#ff5a3c2e}.hall-head{gap:calc(var(--s) * 8px);grid-template-columns:1.4fr 1fr 1fr 1fr;align-items:stretch;display:grid}.hall-head>div,.hall-tiles>div{text-align:center;border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 9px) calc(var(--s) * 6px);box-shadow:var(--socket);background:linear-gradient(#00000073,#00000040)}.hall-head b,.hall-tiles b{font-family:var(--serif);font-size:calc(var(--s) * 18px);color:var(--text);display:block}.hall-head span,.hall-tiles span{font-size:calc(var(--s) * 10.5px);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.hall-head label,.hall-crest{justify-content:center;gap:calc(var(--s) * 4px);font-size:calc(var(--s) * 11px);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;display:flex}.hall-crest{margin-bottom:calc(var(--s) * 6px);flex-direction:row;align-items:center}#hall-body select,.modal-box select{font:inherit;text-transform:none;letter-spacing:0;font-size:calc(var(--s) * 13px);color:var(--text);border:1px solid var(--iron);border-radius:calc(var(--s) * 3px);padding:calc(var(--s) * 4px) calc(var(--s) * 6px);background:#1d1710}.hall-tiles{gap:calc(var(--s) * 8px);grid-template-columns:repeat(4,1fr);display:grid}.hall-toggles{gap:calc(var(--s) * 4px);margin-bottom:calc(var(--s) * 6px);display:flex}.hall-toggle{padding:calc(var(--s) * 4px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 3px);color:var(--muted);font-size:calc(var(--s) * 12px);background:#0000004d;border:0}.hall-toggle.on{color:#1a1206;background:var(--gold)}.hall-records,.hall-history{border-collapse:collapse;width:100%;font-size:calc(var(--s) * 12.5px)}.hall-records th,.hall-history th{color:var(--muted);text-align:left;padding:calc(var(--s) * 5px) calc(var(--s) * 6px);font-weight:600}.hall-records td,.hall-history td{padding:calc(var(--s) * 5px) calc(var(--s) * 6px);border-top:1px solid #c89a4524}.hall-records td b{font-family:var(--serif);display:block}.hall-records td small,.hall-history small{color:var(--muted);font-size:calc(var(--s) * 10.5px);margin-left:calc(var(--s) * 4px)}.hall-records td.empty{color:#c89a4559}.hall-scroll{max-height:calc(var(--s) * 260px);overflow-y:auto}.hall-history .hall-mods{color:#ff9b7a;margin-left:0;display:block}.hall-history .out-won{color:var(--green)}.hall-history .out-lost{color:#ff8a78}.hall-history .out-abandoned{color:var(--muted)}.hall-note{color:var(--muted);font-size:calc(var(--s) * 12px);margin:calc(var(--s) * 4px) 0}.hall-msg{color:var(--gold);font-size:calc(var(--s) * 12.5px)}.hall-achs,.hall-unlocks{grid-template-columns:repeat(auto-fill, minmax(calc(var(--s) * 260px), 1fr));gap:calc(var(--s) * 6px);display:grid}.hall-ach{gap:calc(var(--s) * 9px);padding:calc(var(--s) * 8px) calc(var(--s) * 10px);border-radius:calc(var(--s) * 4px);opacity:.72;background:#00000052;display:flex;box-shadow:inset 0 0 0 1px #c89a452e}.hall-ach.got{opacity:1;background:radial-gradient(120% 120% at 0 0,#f2c7661f,#0000 60%),#00000052;box-shadow:inset 0 0 0 1px #f2c76699}.hall-ach:not(.got) .hall-ach-icon{filter:grayscale()brightness(.7)}.hall-ach-icon{font-size:calc(var(--s) * 22px);line-height:1}.hall-ach>div{flex:1;min-width:0}.hall-ach b,.hall-unlock b{font-family:var(--serif);font-size:calc(var(--s) * 13px);color:var(--text);display:block}.hall-ach small,.hall-unlock small{color:var(--muted);font-size:calc(var(--s) * 11px);display:block}.hall-ach em{color:var(--gold);font-style:normal;font-size:calc(var(--s) * 11px);display:block}.hall-ach i,.hall-unlock i{color:var(--muted);font-style:normal;font-size:calc(var(--s) * 10.5px);margin-top:calc(var(--s) * 3px);display:block}.hall-ach .end-share{margin-top:calc(var(--s) * 4px)}.hall-unlock{padding:calc(var(--s) * 7px) calc(var(--s) * 10px);border-radius:calc(var(--s) * 4px);opacity:.6;background:#00000052}.hall-unlock.on{opacity:1;box-shadow:inset 0 0 0 1px #f2c76680}.hall-unlock.on i{color:var(--green)}.hall-confirm{padding:calc(var(--s) * 10px) calc(var(--s) * 12px);border-radius:calc(var(--s) * 4px);background:#ff5a3c1f;box-shadow:inset 0 0 0 1px #ff785a66}.hall-confirm p{margin:0 0 calc(var(--s) * 8px)}#hall-body .row{gap:calc(var(--s) * 8px);justify-content:flex-start;display:flex}