.hoh-yh-tab.ht-module{display:block;width:100%;padding:0;text-align:left;font:inherit;margin:8px 0;color:#e8e0d0}.ht-module .hoh-spotlight-bar-icon{color:#c8a45e}.ht-module .hoh-spotlight-bar-text{min-width:0}.ht-module .hoh-spotlight-arrow{flex-shrink:0}.ht-module:focus-visible{outline:2px solid #dfc489;outline-offset:3px}.ht-guest{display:none!important}.hoh-hall-anon .ht-guest,html:not(.hoh-hall-signed-in) .ht-guest{display:block!important}.ht-legacy-hidden{display:none!important}#hoh-yh-login-line{margin:16px 0 8px}#hoh-yh-login-line .hoh-login-link{min-height:44px;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:4px}#hoh-three-doors-body :is(#hoh-spotlight-static,#hoh-yh-tab,#ht-open,.ht-guest){--entry-border:linear-gradient(115deg,#ef94ff,#b3f5ee);--entry-fill:linear-gradient(115deg,#271c2e,#182426);--entry-hover-fill:linear-gradient(115deg,#34223c,#1b3032);--entry-glow:#ef94ff26;margin:12px 0;padding:0;border:1px solid transparent;border-radius:12px;background:var(--entry-fill) padding-box,var(--entry-border) border-box;box-shadow:0 4px 18px #00000026;transition:box-shadow .2s ease,transform .2s ease}#hoh-three-doors-body #ht-open{--entry-border:linear-gradient(115deg,#ef94ff,#965fa3);--entry-fill:linear-gradient(115deg,#2b1a33,#19141f);--entry-hover-fill:linear-gradient(115deg,#382141,#241a2d)}#hoh-three-doors-body :is(#hoh-yh-tab,.ht-guest){--entry-border:linear-gradient(115deg,#b3f5ee,#568b97);--entry-fill:linear-gradient(115deg,#193033,#121b22);--entry-hover-fill:linear-gradient(115deg,#223d41,#182831);--entry-glow:#b3f5ee26}#hoh-three-doors-body :is(#hoh-spotlight-static,#hoh-yh-tab,#ht-open,.ht-guest)>.hoh-spotlight-bar{box-sizing:border-box;min-height:102px;padding:22px 24px;gap:18px}#hoh-three-doors-body .hoh-spotlight-bar-left{gap:18px;min-width:0}#hoh-three-doors-body .hoh-spotlight-bar-text{gap:7px;min-width:0}#hoh-three-doors-body .hoh-spotlight-bar-title{color:#f3e9f7;font-size:17px;line-height:1.3;letter-spacing:.015em}#hoh-three-doors-body .hoh-spotlight-bar-sub{color:#c4bccf;font:400 14px/1.5 system-ui,sans-serif;letter-spacing:0;white-space:normal;text-wrap:pretty}#hoh-three-doors-body .hoh-spotlight-arrow{color:#d1b5ee;flex-shrink:0;margin-right:0}#ht-open .hoh-spotlight-bar-icon{color:#e6a3fa;filter:drop-shadow(0 0 8px #cd76e34d)}#hoh-yh-tab .hoh-spotlight-bar-icon{color:#a6d9f0;filter:drop-shadow(0 0 8px #79c8ed3d)}#hoh-three-doors-body .hoh-spotlight-bar-icon{position:relative;isolation:isolate;flex-shrink:0}#hoh-three-doors-body .hoh-spotlight-bar-icon:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#b986ed40,transparent 68%);animation:hoh-entry-glow 6s ease-in-out infinite}#hoh-three-doors-body .hoh-spotlight-bar-icon:after{content:"";position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:1px;pointer-events:none;box-shadow:-17px -7px #dca3ff,14px -14px 0 -.5px #a4e0ff,18px 10px 0 -.5px #ffe0a6;opacity:0;animation:hoh-entry-dust 6.8s ease-in-out infinite}#hoh-yh-tab .hoh-spotlight-bar-icon>svg{animation:hoh-entry-hall-float 5.8s ease-in-out infinite;transform-origin:50% 65%}#hoh-yh-tab .hoh-spotlight-bar-icon:before{top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(ellipse,#86c8ed52,transparent 67%)}#hoh-yh-tab .hoh-spotlight-bar-icon:after{animation-delay:-1.8s}#ht-open .hoh-spotlight-bar-icon:after{animation-delay:-4s}#ht-open .hoh-spotlight-bar-icon:before{animation-delay:-3s}#hoh-spotlight-static .hoh-spotlight-bar-icon-tk{animation:hoh-entry-ticket-float 7s ease-in-out infinite;transform-origin:center}#hoh-spotlight-static .hoh-spotlight-bar-icon:after{animation-delay:-.5s}@keyframes hoh-entry-hall-float{0%,to{transform:translateY(1px)}50%{transform:translateY(-2.5px)}}@keyframes hoh-entry-ticket-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-2px) rotate(3deg)}}@keyframes hoh-entry-glow{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.8;transform:scale(1.15)}}@keyframes hoh-entry-dust{0%,30%,to{opacity:0;transform:translateY(3px) rotate(-12deg) scale(.7)}48%,62%{opacity:.8;transform:translateY(-1px) rotate(8deg) scale(1)}80%{opacity:0;transform:translateY(-6px) rotate(18deg) scale(.85)}}#hoh-three-doors-body :is(#hoh-yh-tab,#ht-open,.ht-guest):focus-visible,#hoh-spotlight-static>.hoh-spotlight-bar:focus-visible{outline:2px solid #edb8ff;outline-offset:-4px;border-radius:12px}@media(hover:hover){#hoh-three-doors-body :is(#hoh-spotlight-static,#hoh-yh-tab,#ht-open,.ht-guest):hover{background:var(--entry-hover-fill) padding-box,var(--entry-border) border-box;border-color:transparent;box-shadow:0 4px 22px var(--entry-glow),inset 0 0 24px #ffffff05;transform:translateY(-1px)}}@media(max-width:768px){#hoh-three-doors-body :is(#hoh-spotlight-static,#hoh-yh-tab,#ht-open,.ht-guest)>.hoh-spotlight-bar{min-height:100px;padding:18px 14px;gap:12px}#hoh-three-doors-body .hoh-spotlight-bar-left{gap:12px}#hoh-three-doors-body .hoh-spotlight-bar-text{gap:6px}#hoh-three-doors-body .hoh-spotlight-bar-title{font-size:15px;line-height:1.35}#hoh-three-doors-body .hoh-spotlight-bar-sub{font-size:12.5px;line-height:1.5}}@media(prefers-reduced-motion:reduce){#hoh-three-doors-body :is(#hoh-spotlight-static,#hoh-yh-tab,#ht-open,.ht-guest){transition:none;transform:none}#hoh-three-doors-body .hoh-spotlight-bar-icon:before{animation:none;opacity:.4;transform:none}#hoh-three-doors-body .hoh-spotlight-bar-icon:after{display:none;animation:none}#hoh-yh-tab .hoh-spotlight-bar-icon>svg,#hoh-spotlight-static .hoh-spotlight-bar-icon-tk{animation:none;transform:none}}.hoh-npc-section[hidden],.ht [hidden]{display:none!important}.ht{--gold:#d0af70;--muted:#b4aebf;--line:#ffffff19;--bg:#111017;color:#ece8df;font:14px/1.65 system-ui,sans-serif;color-scheme:dark;box-sizing:border-box}.ht *{box-sizing:border-box}.ht button,.ht input,.ht select,.ht textarea{font:inherit}.ht button,.ht select{cursor:pointer}.ht button{background:#211e2b;border:1px solid #ffffff26;border-radius:9px;color:#eee8dc;padding:10px 15px;min-height:44px;line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,border-color .18s,transform .18s}.ht button:hover:not(:disabled){background:#302737;border-color:#b59bcc}.ht button:active:not(:disabled){transform:translateY(1px)}.ht button:disabled{opacity:.48;cursor:not-allowed}.ht button[aria-disabled=true]{opacity:.65;cursor:wait}.ht button.ht-primary{background:#d5b879;color:#201922;border-color:#d5b879;font-weight:650}.ht button.ht-mythic{background:linear-gradient(115deg,#281337,#271b20 48%,#132831) padding-box,linear-gradient(115deg,#ef94ff,#ffb347 25%,#ffe27a 45%,#7ed49a 62%,#7ed4ff 80%,#b794f4) border-box;border:1px solid transparent;color:#fff2fc;font-weight:650;box-shadow:0 2px 18px #ef94ff21,0 2px 10px #7ed4ff12}.ht button.ht-mythic:hover:not(:disabled){background:linear-gradient(115deg,#40204e,#392620 48%,#193c45) padding-box,linear-gradient(115deg,#ef94ff,#ffb347 25%,#ffe27a 45%,#7ed49a 62%,#7ed4ff 80%,#b794f4) border-box;border-color:transparent;box-shadow:0 3px 22px #ef94ff36,0 2px 12px #7ed4ff26}.ht-mythic .ht-icon{color:#ef94ff}.ht button.ht-text-button{background:transparent;border-color:transparent;color:#d3c3e3;padding-left:0;padding-right:0}.ht button.ht-text-button:hover{color:#f0dafa;background:transparent;border-color:transparent}.ht button:focus-visible,.ht input:focus-visible,.ht select:focus-visible,.ht textarea:focus-visible,.ht summary:focus-visible{outline:2px solid #dfc489;outline-offset:3px}.ht a{color:#dfc28f}.ht p{margin:0 0 14px}.ht h2,.ht h3{font-family:Georgia,serif;font-weight:500;line-height:1.2;margin:0 0 12px;overflow-wrap:anywhere}.ht h2{font-size:30px}.ht h3{font-size:24px}.ht small,.ht-muted{color:var(--muted)}.ht label{display:block;color:#c4b9d2;font-size:12px;letter-spacing:.03em;margin-bottom:6px}.ht input:not([type=checkbox]),.ht select,.ht textarea{width:100%;background:#121017;color:#eee8dd;border:1px solid #ffffff30;border-radius:8px;padding:11px 13px;min-height:44px}.ht select{-webkit-appearance:none;appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%23dbc5ef' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.ht textarea{resize:vertical}.ht-dialog{padding:0;background:radial-gradient(ellipse at 50% 0,#30213c36,transparent 65%),var(--bg);border:1px solid #81654866;border-radius:16px;width:min(1040px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);box-shadow:0 30px 100px #000a;overflow:auto;overscroll-behavior:contain}.ht-dialog::backdrop{background:#05050ad9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ht-dialog[open]{animation:ht-enter .22s ease-out}.ht-top{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;background:#14111bf7;border-bottom:1px solid var(--line);padding:18px 22px}.ht-top strong{font-family:Georgia,serif;font-size:18px;line-height:1.3;display:block}.ht-top small{display:block;font-size:11px;margin-top:4px}.ht-top>button{justify-self:end;width:44px;padding:0}.ht-tabs{display:flex;justify-content:center;gap:4px}.ht-tabs button{background:transparent;border-color:transparent;color:#b9b0c5;white-space:nowrap;font-size:13px;padding:10px 12px}.ht-tabs button[aria-pressed=true]{background:#bca2e014;color:#eadcf9;border-color:transparent}.ht-content{padding:30px 36px}.ht-launcher{text-align:center;max-width:580px;margin:30px auto 40px}.ht-launcher h2{font-size:36px}.ht-launcher>p{max-width:450px;margin:0 auto 24px;color:#c9c0d2}.ht-launcher>.ht-kicker{margin-top:24px}.ht-launcher>.ht-magic{width:64px;height:64px;color:#d7b975;margin:4px auto 24px}.ht-launcher>.ht-magic svg{width:52px;height:52px}.ht-launch-actions{display:flex;gap:12px;justify-content:center;margin:26px 0 16px}.ht-launch-actions button{padding:13px 23px}.ht-launch-portrait{width:128px;margin:auto}.ht-launcher>small{font-size:12px}.ht-picker{max-width:780px;margin:auto}.ht-picker h2{margin:18px 0 24px;font-size:28px}.ht-picker #ht-result-count{font-size:12px;margin:16px 0}.ht-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.ht-results>.ht-empty{grid-column:1/-1}.ht .ht-result{text-align:left;display:flex;gap:14px;align-items:center;padding:12px;background:#1b1622;min-width:0}.ht-result img{width:64px;height:64px;object-fit:cover;border-radius:7px;flex-shrink:0}.ht-result strong{display:block;font-size:14px;overflow-wrap:anywhere}.ht-result small{display:block;font-size:11px;line-height:1.5;margin-top:5px}.ht-result-arrow{margin-left:auto;color:#bd9cd8}.ht-browse-bar{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:26px}.ht-pic{aspect-ratio:1;width:100%;overflow:hidden;background:#211a2b;border-radius:11px;position:relative}.ht-pic img{width:100%;height:100%;object-fit:cover;display:block}.ht-credit{margin:9px 0 0;text-align:center;color:#b6aabd;font-size:12px}.ht-credit:empty{display:none}.ht-ai{color:#aea2b5;font-size:11px;letter-spacing:.04em}.ht-card-head{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.ht-card-head p{color:#d4ccdc;max-width:65ch;font-size:14px}.ht-kicker{display:block;font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:700;text-transform:uppercase;margin-bottom:9px}.ht-meta{font-size:12px;color:#bfb0cf;margin:8px 0 14px}.ht-pills{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ht-pill{padding:3px 9px;border:1px solid #b998d02d;background:#b998d008;border-radius:50px;font-size:11px;color:#c9b8dc}.ht-why{border-top:1px solid var(--line);margin-top:28px;padding-top:26px}.ht-why>h3{font-size:27px}.ht-opening{color:#e6dfea;max-width:80ch}.ht-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;margin-top:22px}.ht-fields>div{min-width:0}.ht-fields>div:last-child:nth-child(odd){grid-column:1/-1}.ht-fields p{margin:0;color:#d2cadb;font-size:13px;max-width:80ch}.ht-fields strong{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#c3a1d8;margin-bottom:6px}.ht-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.ht-card-actions{padding:0;border:0;justify-content:center}.ht-actions .ht-note{font-size:12px;color:var(--muted);flex-basis:100%;margin-top:3px}.ht-scene-controls{display:flex;align-items:end;gap:12px;margin:18px 0 12px}.ht-scene-controls>div{width:190px;flex-shrink:0}.ht-allowance{font-size:12px;display:block;max-width:65ch}.ht-story{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.ht-story summary{cursor:pointer;color:#cfb6e1;padding:10px 0;min-height:44px}.ht-story summary::marker{color:#9c77b6}.ht-story p{white-space:pre-line;margin-top:14px;color:#cfc4d9;font-size:13px}.ht-story .ht-fields{margin-top:12px}.ht-reactions{border:0;margin-top:12px;padding-top:0}.ht-reactions summary{font-size:13px}.ht-customize>p{margin-bottom:14px}.ht-status{color:#e0c38f;margin-top:18px;font-size:13px}.ht-status:empty{display:none}.ht-status button{margin-left:8px}.ht-empty{padding:32px 20px;text-align:center;border:1px dashed #c3a1d830;border-radius:12px;color:#c1b1cf}.ht-empty button{margin-top:12px}.ht-notice{padding:12px 16px;border:1px solid #bfa16e55;border-radius:8px;background:#bfa16e0b}.ht-notice button{margin-left:8px}.ht-saved{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ht-saved article{background:#1b1722;border:1px solid var(--line);padding:16px;border-radius:12px;min-width:0}.ht-saved h3{font-size:21px;margin-top:16px}.ht-saved p{font-size:12px}.ht-saved textarea{margin-top:6px}.ht-saved .ht-actions{margin-top:14px}.ht-saved button{font-size:12px;padding:8px 10px}.ht-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ht-art-grid article{min-width:0}.ht-art-grid h3{font:14px system-ui;margin:10px 0 5px}.ht-art-grid .ht-actions{margin-top:12px;gap:7px}.ht-art-grid .ht-actions button{font-size:12px;padding:8px 10px}.ht .ht-art-open{padding:0;border:0;display:block;width:100%;background:transparent}.ht #ht-artist-filter{max-width:240px;margin-bottom:18px}.ht-event{border-bottom:1px solid var(--line);padding:18px 0}.ht-event:last-child{border-bottom:0}.ht-event p{margin:8px 0;font-size:13px}.ht-upload{max-width:640px}.ht-upload .ht-top{display:flex;justify-content:space-between}.ht-upload .ht-content{display:grid;gap:18px}.ht-upload-preview{width:min(270px,100%);margin:auto}.ht-upload-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ht-upload-fields .ht-full{grid-column:1/-1}.ht-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#302638;color:#f0e1c0;border:1px solid #b99a67;padding:12px 18px;border-radius:10px;z-index:2147483600;width:max-content;max-width:90vw;box-shadow:0 10px 35px #0008}.ht-step{display:flex;flex-direction:column;gap:22px;padding:8px 0 18px;font-family:Cormorant Garamond,Georgia,serif;color-scheme:dark}.ht-step .hoh-input{box-sizing:border-box;min-height:44px}.ht-step .hoh-label{margin-bottom:10px}.ht-step .hoh-field-prompt{margin-bottom:12px}.ht-step .hoh-select{padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5L7 9L11 5' stroke='%23c8a45e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.ht-step button{min-height:44px;padding:8px 12px;border:1px solid rgba(200,164,94,.3);border-radius:8px;background:#c8a45e0f;color:#e8e0d0;font:15px/1.4 Cormorant Garamond,Georgia,serif;cursor:pointer;transition:background .18s,border-color .18s}.ht-step button:hover{background:#c8a45e1f;border-color:#c8a45e}.ht-step :is(button,input,select):focus-visible{outline:2px solid #dfc489;outline-offset:3px}.ht-step .ht-pills{margin:0 0 12px}.ht-step .ht-pills button{border-radius:30px;color:#f2d98e}.ht-step .ht-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}.ht-step :is(.ht-pills,.ht-suggestions):empty{display:none}.ht-step .ht-ac{max-width:150px}@media(max-width:600px){.ht-step .hoh-input{font-size:16px}}.hoh-npc-panel-trigger{padding-top:15px!important;padding-bottom:15px!important}.ht-magic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:#d9b868;isolation:isolate}.ht-star{animation:ht-star-turn 5s cubic-bezier(.35,0,.2,1) infinite;transform-origin:center;filter:drop-shadow(0 0 5px #b995db35)}.ht-magic>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#ef94ff;opacity:0;transform:rotate(var(--angle)) translate(9px);animation:ht-dust 5s ease-out infinite;pointer-events:none}.ht-magic>i:nth-of-type(2n){background:#ffe27a}.ht-magic>i:nth-of-type(3n){background:#7ed4ff}.ht-paused .ht-star,.ht-paused .ht-magic>i{animation-play-state:paused}.ht-particle{position:fixed;pointer-events:none;width:4px;height:4px;border-radius:50%;background:#ef94ff;z-index:2147483640;animation:ht-spark .6s ease-out forwards}.ht-particle:nth-child(2n){background:#ffe27a}.ht-particle:nth-child(3n){background:#7ed4ff}.ht-particle:nth-child(5n){background:#7ed49a}.ht-refresh{animation:ht-enter .24s ease-out}@keyframes ht-star-turn{0%,72%{transform:rotate(0) scale(1)}80%{transform:rotate(200deg) scale(1.13)}90%,to{transform:rotate(360deg) scale(1)}}@keyframes ht-dust{0%,76%{opacity:0;transform:rotate(var(--angle)) translate(9px) scale(.6)}80%{opacity:.85}90%,to{opacity:0;transform:rotate(var(--angle)) translate(25px) scale(.2)}}@keyframes ht-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ht-spark{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}#hoh-modal-body>.hoh-detail-img{aspect-ratio:1;height:auto!important;max-height:none!important}#hoh-modal-body>.hoh-detail-img>img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.ht-top{grid-template-columns:1fr auto;gap:12px}.ht-top>.ht-tabs{grid-row:2;grid-column:1/-1}.ht-top>button{grid-row:1;grid-column:2}.ht-saved{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.ht-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.ht-top{padding:14px 16px;gap:10px}.ht-top strong{font-size:17px}.ht-top small{font-size:11px}.ht-tabs{gap:3px}.ht-tabs button{padding:10px 12px;font-size:12px}.ht-content{padding:22px 20px}.ht-launcher{margin:22px auto 28px}.ht-launcher h2{font-size:30px}.ht-launcher>p{font-size:14px}.ht-launch-actions{gap:10px}.ht-launch-actions button{padding:12px 16px}.ht-results{grid-template-columns:1fr}.ht-picker h2{font-size:25px}.ht-card-head{grid-template-columns:200px minmax(0,1fr);gap:22px}.ht h2{font-size:26px}.ht-fields{gap:20px}.ht-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-saved article{padding:14px}.ht-upload-fields{grid-template-columns:1fr}.ht-upload-fields .ht-full{grid-column:auto}.ht-saved .ht-actions button{width:100%}.ht-browse-bar{gap:12px;margin-bottom:24px}.ht-browse-bar button{font-size:12px}.ht-scene-controls{align-items:stretch;flex-direction:column}.ht-scene-controls>div{width:100%}.ht-scene-controls>button{align-self:start}}@media(max-width:480px){.ht-card-head{grid-template-columns:1fr}.ht-card-head>.ht-portrait{max-width:280px;width:100%;margin:auto}.ht-card-head>.ht-portrait+.ht-card-head{min-width:0}.ht-fields,.ht-saved{grid-template-columns:1fr}.ht-card-actions{display:grid;grid-template-columns:1fr 1fr}.ht-card-actions>.ht-primary{grid-column:1/-1}.ht-why>h3{font-size:25px}.ht-art-grid{gap:12px}.ht-launch-actions{flex-direction:column}.ht-launch-actions button{width:100%}}@media(prefers-reduced-motion:reduce){.ht *,.ht-module,.ht-magic *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ht-particle,.ht-magic>i{display:none!important}}#hoh-modal .ht-native-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}#hoh-modal .ht-native-actions>.hoh-copy-btn,#hoh-modal .ht-native-actions>.hoh-npc-jump-btn,#hoh-modal .ht-native-actions .hoh-share-btn{min-width:0;min-height:44px;padding:10px 8px;font-size:12px;gap:6px}#hoh-modal .ht-follow-btn[aria-pressed=true]{color:#d8c5ff;background:#ac89e321;border-color:#ac89e366}#hoh-modal .ht-native-profile{margin-top:24px;padding-top:0;border-top:0;font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.55}#hoh-modal .ht-native-profile .ht-status:empty{display:none}.ht-profile-disclosure{border-top:1px solid rgba(200,164,94,.17)}.ht-profile-disclosure:last-of-type{border-bottom:1px solid rgba(200,164,94,.17)}.ht-profile-disclosure>summary{min-height:56px;display:flex;align-items:center;gap:12px;padding:14px 0;cursor:pointer;list-style:none;color:#c8a45e;font-family:Cinzel,serif;font-size:13px;font-weight:600}.ht-profile-disclosure>summary::-webkit-details-marker{display:none}.ht-profile-disclosure>summary:after{content:"\2304";margin-left:auto;font:18px system-ui;transition:transform .18s ease}.ht-profile-disclosure[open]>summary:after{transform:rotate(180deg)}.ht-profile-disclosure>summary small{font:13px/1.4 Cormorant Garamond,serif;color:#a9a4b1;font-weight:400}.ht-disclosure-content{padding:2px 0 20px}#hoh-modal .ht-native-profile .ht-disclosure-content p{margin:0 0 12px;font-size:16px}#hoh-modal .ht-native-profile .ht-disclosure-content button,#hoh-modal .ht-profile-error button{font:12px/1.4 Cinzel,serif;min-height:44px;background:#c8a45e12;border-color:#c8a45e40;color:#d0af70}#hoh-modal .ht-native-profile .ht-profile-encounter h3{font:600 17px/1.4 Cormorant Garamond,serif;margin:0 0 7px;color:#e8e0d0}.ht-profile-encounter+.ht-profile-encounter,.ht-profile-event+.ht-profile-event{margin-top:20px;padding-top:20px;border-top:1px solid rgba(200,164,94,.1)}.ht-profile-loading,.ht-profile-error p{color:#a9a4b1;margin:0 0 12px;font-size:14px}#hoh-modal .ht-portrait-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 32px 0;background:#12121c;font-family:Cormorant Garamond,serif;font-size:14px}#hoh-modal .ht-portrait-meta[hidden]{display:none}.ht-portrait-caption{flex:1;min-width:0;display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}.ht-portrait-caption:empty{display:none}.ht-portrait-caption .ht-credit{margin:0;font:14px/1.4 Cormorant Garamond,serif;color:#b4aebc}.ht-portrait-caption .ht-art-title{font-size:14px;color:#cec5d0}.ht-art-count{font:12px/1.4 system-ui,sans-serif;color:#a9a4b1;margin-left:auto;white-space:nowrap}#hoh-modal .ht-portrait-meta .ht-manage-art{border:0;background:transparent;color:#c8a45e;font:12px/1.4 Cinzel,serif;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px}#hoh-modal .hoh-detail-img .ht-art-nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:12px}#hoh-modal .ht-art-nav button{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff3a;border-radius:50%;background:#11111bb8;box-shadow:0 3px 12px #0005;color:#f3e6ce;font:30px/1 system-ui;cursor:pointer}#hoh-modal .ht-art-nav button:focus-visible{outline:2px solid #d0af70;outline-offset:3px}#hoh-modal .ht-art-nav button:hover{background:#211b2ae6}.ht-portrait-refresh{animation:ht-art-reveal .22s ease-out}@keyframes ht-art-reveal{0%{opacity:.65}to{opacity:1}}.ht-art-manager{max-width:680px}.ht-art-manager .ht-content{display:block}.ht-manage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.ht-manage-heading p{margin:0}.ht-manage-list{display:grid;gap:18px;margin-top:20px}.ht-manage-item{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;padding-bottom:18px;border-bottom:1px solid #ffffff17}.ht-manage-item>.ht-pic{align-self:start}.ht-art-manager .ht-manage-item h3{font:600 17px/1.4 Cormorant Garamond,serif;margin:0 0 5px}.ht-manage-item .ht-credit{margin:0 0 7px}.ht-cover-label{display:block;font-size:12px;color:#dfc48f;margin-bottom:8px}.ht-manage-actions{display:flex;gap:8px;flex-wrap:wrap}.ht-art-manager .ht-manage-actions button{font-size:12px;padding:9px 10px}.ht-manage-item small{display:block;margin-top:8px;font-size:12px;line-height:1.5}.ht-removed-art{margin-top:24px}.ht-removed-art summary{min-height:44px;padding:10px 0;cursor:pointer;color:#d0af70}.ht-removed-item{padding:12px 0;border-bottom:1px solid #ffffff17}.ht-removed-item>span{display:block;margin-bottom:8px}@media(max-width:600px){#hoh-modal .ht-native-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#hoh-modal .ht-native-actions>.hoh-copy-btn,#hoh-modal .ht-native-actions>.hoh-npc-jump-btn,#hoh-modal .ht-native-actions .hoh-share-btn{min-height:46px;font-size:11px;padding:10px 6px}#hoh-modal .ht-portrait-meta{padding:10px 20px 0;gap:8px}.ht-profile-disclosure>summary{gap:8px;flex-wrap:wrap}.ht-profile-disclosure>summary small{font-size:12px}.ht-manage-item{grid-template-columns:76px minmax(0,1fr);gap:12px}.ht-art-manager .ht-content{padding:18px}.ht-manage-heading{gap:10px}}@media(prefers-reduced-motion:reduce){.ht-portrait-refresh{animation:none}.ht-profile-disclosure>summary:after{transition:none}}.ht-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:middle}.ht-tools-top{background:#14111b}.ht-tools-top>.ht-tabs{grid-column:2;grid-row:1}.ht-tools-top>button{grid-column:3;grid-row:1}.ht-tools-top>button[data-action=close]{background:transparent;border-color:transparent;border-radius:50%;box-shadow:none;color:#c5bdcb;font-size:17px}.ht-tools-top>button[data-action=close]:hover:not(:disabled){background:transparent;border-color:transparent;color:#fff}.ht-ac-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 15px}.ht-ac-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #d0af7040;border-radius:7px;background:#d0af7010;padding:5px 9px;color:#ead09c;font-size:12px}.ht-ac-note{font-size:11px;color:var(--muted)}#ht-card .ht-story{border:1px solid var(--line);border-radius:10px;padding:0;background:#ffffff02;overflow:hidden}#ht-card .ht-story>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;min-height:52px;font-size:13px;color:#ded0e9;transition:background .18s}#ht-card .ht-story>summary::-webkit-details-marker{display:none}#ht-card .ht-story>summary:hover{background:#b794f410}.ht-summary-title,.ht-disclosure-hint{display:inline-flex;align-items:center;gap:9px}.ht-summary-title{min-width:0}.ht-disclosure-hint{font-size:11px;color:var(--muted);flex-shrink:0}.ht-open-label,details[open]>summary .ht-closed-label{display:none}details[open]>summary .ht-open-label{display:inline}details[open]>summary .ht-disclosure-hint>.ht-icon{transform:rotate(180deg)}#ht-card .ht-details-content{padding:4px 16px 18px;margin:0}#ht-card .ht-details-content>button{margin-top:10px}#ht-card .ht-card-details{display:grid;gap:10px;margin-top:24px}#ht-card .ht-card-details>.ht-story{margin:0}.ht-mechanics strong,.ht-stat-section>dt{color:#dbc496}.ht-stat-section>dt{font-size:12px;letter-spacing:.025em}.ht-stat-section dd{font-size:13px;color:#d1c8d9}.ht-ac-suggestion{color:var(--muted)}@media(max-width:900px){.ht-tools-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}}@media(max-width:740px){.ht-tools-top{grid-template-columns:minmax(0,1fr) 44px;gap:6px}.ht-tools-top>.ht-tabs{grid-column:1;grid-row:1}.ht-tools-top>button{grid-column:2;grid-row:1}.ht-browse-bar{flex-wrap:wrap}.ht-card-actions button{font-size:12px}}@media(max-width:480px){.ht-tools-top{padding:10px}.ht-tools-top>.ht-tabs{gap:0;min-width:0}.ht-tools-top>.ht-tabs button{font-size:11px;padding:10px 6px;flex:1;min-width:0}.ht-card-head{text-align:left}.ht-browse-bar{gap:8px}.ht-browse-bar button{padding:10px;font-size:12px}.ht-card-actions button{padding:10px 8px;gap:6px}.ht-card-actions .ht-icon{width:16px;height:16px;flex-basis:16px}#ht-card .ht-story>summary{padding:13px 12px;gap:8px}#ht-card .ht-details-content{padding:4px 12px 16px}}#ht-dialog{max-height:calc(100svh - 40px)}#ht-dialog .ht-tools-top{display:flex;justify-content:center;padding:20px 72px;gap:0}#ht-dialog .ht-tools-top>button[data-action=close]{position:absolute;right:20px;top:20px}#ht-dialog .ht-tabs{width:fit-content;max-width:100%;flex:0 1 auto;gap:16px}#ht-dialog .ht-tabs button{flex:0 0 auto;min-width:108px;min-height:76px;padding:12px 15px;flex-direction:column;gap:9px;font-size:15px;line-height:1.25;color:#beb1cc;border-color:transparent;border-radius:12px}#ht-dialog .ht-tabs button .ht-icon{width:24px;height:24px;flex-basis:24px}#ht-dialog .ht-tabs button:hover:not(:disabled){background:#2c2137;border-color:transparent;color:#f5eaff}#ht-dialog .ht-tabs button[aria-pressed=true]{background:#35233f;border-color:transparent;color:#f3e3ff;box-shadow:none}#ht-dialog .ht-content{padding:42px 48px 46px}#ht-dialog .ht-launcher{max-width:660px;margin:24px auto 42px;padding:8px 12px 16px}#ht-dialog .ht-launcher h2{font-size:38px;max-width:17ch;margin:0 auto 22px}#ht-dialog .ht-launcher>p{max-width:46ch;margin:0 auto 28px;line-height:1.7}#ht-dialog .ht-launcher>.ht-magic{margin-bottom:28px}#ht-dialog .ht-launch-actions{margin:30px 0 20px;gap:16px}#ht-dialog .ht-launch-actions button{min-height:50px;padding:14px 25px;font-size:15px}#ht-dialog #ht-card>article{padding:8px 8px 14px}#ht-dialog .ht-card-head{gap:34px}#ht-dialog .ht-why{margin-top:34px;padding-top:30px}#ht-dialog .ht-why>h3{scroll-margin-top:132px}#ht-dialog #ht-card .ht-story>summary{padding:18px 20px}#ht-dialog #ht-card .ht-details-content{padding:8px 20px 22px}#ht-dialog .ht-mythic{background:linear-gradient(115deg,#321540,#272036 50%,#16313c) padding-box,linear-gradient(115deg,#ef94ff,#ffb347 25%,#ffe27a 45%,#7ed49a 62%,#7ed4ff 80%,#b794f4) border-box;box-shadow:0 3px 16px #a560d12b}#ht-dialog .ht-mythic:hover:not(:disabled),#ht-dialog .ht-mythic:focus-visible{background:linear-gradient(115deg,#ef94ff,#ffb347 25%,#ffe27a 45%,#7ed49a 62%,#7ed4ff 80%,#b794f4) padding-box,linear-gradient(115deg,#ef94ff,#ffb347 25%,#ffe27a 45%,#7ed49a 62%,#7ed4ff 80%,#b794f4) border-box;color:#201027;border-color:transparent;box-shadow:0 4px 20px #bc83e449;text-shadow:none}#ht-dialog .ht-mythic:hover:not(:disabled) .ht-icon,#ht-dialog .ht-mythic:focus-visible .ht-icon{color:currentColor}.ht-hero-reel{position:relative;width:100%;margin:26px auto 30px;--reel-gap:14px;--reel-half-gap:7px;--reel-size:112px}.ht-reel-window{overflow:hidden;padding:4px 0;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}.ht-reel-track{display:flex;width:max-content;gap:var(--reel-gap);padding:6px 0;animation:ht-reel-drift 32s linear infinite}.ht .ht-reel-item{display:flex;flex:0 0 var(--reel-size);flex-direction:column;box-sizing:border-box;width:var(--reel-size);height:var(--reel-size);aspect-ratio:1;min-width:0;padding:0;gap:0;background:#18121f;border:1px solid var(--reel-rarity,#a778d6);border-radius:9px;overflow:hidden;color:#e5d9ef;text-decoration:none;transform:none}.ht .ht-reel-item:hover:not(:disabled){background:#241b2e;border-color:#e5c6ff;transform:none}.ht-reel-item[data-rarity=legendary]{--reel-rarity:#d6ad61}.ht-reel-item[data-rarity=mythic]{--reel-rarity:#ef94ff}.ht-reel-item>.ht-pic{height:100%;border-radius:0}.ht-reel-item img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover}.ht-hero-reel.ht-paused .ht-reel-track,.ht-hero-reel[data-paused=true] .ht-reel-track,.ht-paused .ht-reel-track{animation-play-state:paused}.ht-roll-intro{max-width:660px;margin:18px auto 8px;padding:8px 12px 0;text-align:center}.ht-roll-intro>.ht-magic{display:flex;width:60px;height:60px;margin:0 auto 20px}.ht-roll-intro>.ht-magic svg{width:46px;height:46px}#ht-dialog .ht-roll-intro h2{max-width:none;margin:0 auto 16px;font-size:36px}.ht-roll-intro>p{max-width:42ch;margin:0 auto;color:#c9c0d2}.ht-roll-intro+.ht-roll-shell{margin-top:14px}.ht-roll-shell{position:relative;width:min(900px,100%);margin:20px auto 24px}.ht-roll-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;margin:0;padding:24px 0;--roll-size:160px;--roll-gap:18px;background:linear-gradient(180deg,#1c1425,#110d19);border:1px solid #b6956357;border-radius:14px;box-shadow:inset 0 1px #f4dcff16,0 12px 24px -18px #040208b3}.ht-roll-stage:before,.ht-roll-stage:after{content:"";position:absolute;left:50%;z-index:6;width:18px;height:11px;background:#f4d592;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px 4px #e3b66c66);pointer-events:none}.ht-roll-stage:before{top:6px;transform:translate(-50%)}.ht-roll-stage:after{bottom:6px;transform:translate(-50%) rotate(180deg)}.ht-roll-track{position:relative;z-index:1;display:flex;width:max-content;gap:var(--roll-gap);will-change:transform}.ht-roll-item{position:relative;flex:0 0 var(--roll-size);width:var(--roll-size);height:var(--roll-size);min-width:0;overflow:hidden;border:1px solid #aa85cf4d;border-radius:8px;background:#21182b;transform-origin:center}.ht-roll-item img,.ht-roll-item .ht-pic{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:0}.ht-roll-focus{position:absolute;left:50%;top:50%;z-index:5;width:calc(var(--roll-size) + 12px);height:calc(var(--roll-size) + 12px);transform:translate(-50%,-50%);border:1px solid #ead09a2e;border-radius:11px;pointer-events:none;transition:box-shadow .3s,border-color .3s}.ht-roll-focus:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:11px;background:linear-gradient(#eacb8e,#eacb8e) top left/23px 2px no-repeat,linear-gradient(#eacb8e,#eacb8e) top left/2px 23px no-repeat,linear-gradient(#eacb8e,#eacb8e) top right/23px 2px no-repeat,linear-gradient(#eacb8e,#eacb8e) top right/2px 23px no-repeat,linear-gradient(#eacb8e,#eacb8e) bottom left/23px 2px no-repeat,linear-gradient(#eacb8e,#eacb8e) bottom left/2px 23px no-repeat,linear-gradient(#eacb8e,#eacb8e) bottom right/23px 2px no-repeat,linear-gradient(#eacb8e,#eacb8e) bottom right/2px 23px no-repeat}.ht-rolling .ht-roll-focus{box-shadow:-9px 0 14px -11px #e395fa,9px 0 14px -11px #7fdcf3}.ht-roll-stage.ht-slowing:not(.ht-settled) .ht-roll-focus{border-color:#ecd39e70;box-shadow:0 0 14px -7px #ebc77880;transition:border-color .45s,box-shadow .45s}.ht-roll-stage.ht-slowing:not(.ht-settled):before,.ht-roll-stage.ht-slowing:not(.ht-settled):after{background:#ffe6ad;filter:drop-shadow(0 1px 5px #e3b66c80)}.ht-settled .ht-roll-focus{border-color:#f4d38ea6;box-shadow:0 0 18px -6px #efcb7780}.ht-settled .ht-roll-item:not(.ht-roll-winner){opacity:.58;transition:opacity .25s}.ht-settled .ht-roll-item.ht-roll-winner{z-index:2;border-color:#f4d99e;box-shadow:inset 0 0 0 1px #f4d99e66;animation:ht-winner-arrives .62s cubic-bezier(.2,.8,.2,1) both}.ht-roll-aura{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none}.ht-roll-aura:before,.ht-roll-aura:after{content:"";position:absolute;top:0;bottom:0;width:52px;z-index:1;pointer-events:none}.ht-roll-aura:before{left:0;background:linear-gradient(90deg,#130f1cee,transparent)}.ht-roll-aura:after{right:0;background:linear-gradient(270deg,#130f1cee,transparent)}.ht-roll-aura>i{position:absolute;left:50%;top:50%;width:3px;height:14px;border-radius:2px;background:#f5d591;opacity:0;--ray-angle:0deg;transform:translate(-50%,-50%) rotate(var(--ray-angle)) translateY(calc(-1 * var(--ray-start,76px)));transform-origin:center}.ht-roll-aura>i:nth-child(2){--ray-angle:36deg;background:#e4a6ff}.ht-roll-aura>i:nth-child(3){--ray-angle:72deg}.ht-roll-aura>i:nth-child(4){--ray-angle:108deg;background:#8bdcf5}.ht-roll-aura>i:nth-child(5){--ray-angle:144deg}.ht-roll-aura>i:nth-child(6){--ray-angle:180deg;background:#e4a6ff}.ht-roll-aura>i:nth-child(7){--ray-angle:216deg}.ht-roll-aura>i:nth-child(8){--ray-angle:252deg;background:#8bdcf5}.ht-roll-aura>i:nth-child(9){--ray-angle:288deg}.ht-roll-aura>i:nth-child(10){--ray-angle:324deg}.ht-settled .ht-roll-aura>i{animation:ht-roll-rays .78s cubic-bezier(.15,.7,.3,1) both}.ht-roll-result{min-height:82px;padding:18px 12px 0;text-align:center}.ht-roll-result>small,.ht-roll-result>span{display:block;color:#c5b6d2;font-size:12px;line-height:1.5}.ht-roll-result>strong{display:block;margin-top:8px;color:#f1dbac;font:500 25px/1.2 Georgia,serif;overflow-wrap:anywhere}.ht-settled .ht-roll-result>strong{animation:ht-scene-arrives .35s ease-out}.ht-scene-loading{position:relative;min-height:220px}.ht-scene-loading>:not(.ht-scene-loader){visibility:hidden}.ht-scene-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 24px;text-align:center;color:#e6d3f2}.ht-scene-loader>span{max-width:38ch;font-size:15px}.ht-scene-loader>.ht-magic{width:54px;height:54px}.ht-scene-loader>.ht-magic svg{width:40px;height:40px}.ht-scene-loading:after{content:"";position:absolute;bottom:12px;left:calc(50% - 64px);width:128px;height:2px;background:linear-gradient(90deg,transparent,#ef94ff,#ffe27a,#7ed4ff,transparent);transform-origin:center;animation:ht-scene-thread 1.6s ease-in-out infinite}.ht-scene-reveal{animation:ht-scene-arrives .42s cubic-bezier(.2,.8,.2,1)}.ht-custom-setting{position:relative;min-width:0;margin-top:18px}.ht-custom-setting label{display:block;margin:0 0 8px}.ht-custom-setting small{display:block;margin-top:8px}.ht-custom-setting textarea{min-height:104px;line-height:1.6}.ht-custom-setting-reveal{animation:ht-custom-opens .34s cubic-bezier(.2,.8,.2,1)}.ht-reset-timer{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;color:#bcb0ca;font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}.ht-reset-timer strong,.ht-reset-timer time{color:#e2caee;font-weight:600}#ht-dialog .ht-star{animation:ht-star-orbit 2.9s cubic-bezier(.35,0,.2,1) infinite;filter:drop-shadow(0 0 6px #e5b2ff66)}#ht-dialog .ht-magic>i{width:4px;height:4px;animation:ht-orbit-dust 2.9s ease-in-out infinite;box-shadow:0 0 5px currentColor}#ht-dialog .ht-magic>i:nth-of-type(2n){animation-delay:.12s}#ht-dialog .ht-magic>i:nth-of-type(3n){animation-delay:.24s}#ht-dialog.ht-paused .ht-star,#ht-dialog.ht-paused .ht-magic>i,#ht-dialog .ht-paused .ht-star,#ht-dialog .ht-paused .ht-magic>i{animation-play-state:paused}.ht-particle{width:6px;height:6px;border-radius:0;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);animation:ht-spark-orbit .75s cubic-bezier(.15,.7,.3,1) forwards}.ht-particle[style]{background:var(--particle-color,#ef94ff)}@keyframes ht-reel-drift{to{transform:translate(calc(-50% - var(--reel-half-gap)))}}@keyframes ht-winner-arrives{0%{transform:scale(1)}48%{transform:scale(1.075)}to{transform:scale(1.045)}}@keyframes ht-roll-rays{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--ray-angle)) translateY(calc(-1 * var(--ray-start,76px))) scaleY(.45)}18%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--ray-angle)) translateY(calc(-1 * var(--ray-end,142px))) scaleY(.2)}}@keyframes ht-scene-thread{0%,to{transform:scaleX(.45);opacity:.55}50%{transform:scaleX(1);opacity:1}}@keyframes ht-scene-arrives{0%{transform:translateY(9px)}to{transform:translateY(0)}}@keyframes ht-custom-opens{0%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes ht-star-orbit{0%,12%{transform:rotate(0) scale(1)}38%{transform:rotate(170deg) scale(1.14)}66%,to{transform:rotate(360deg) scale(1)}}@keyframes ht-orbit-dust{0%,10%{opacity:0;transform:rotate(var(--angle)) translate(10px) scale(.4)}30%{opacity:.95}58%{opacity:.65;transform:rotate(calc(var(--angle) + 140deg)) translate(23px) scale(.8)}76%,to{opacity:0;transform:rotate(calc(var(--angle) + 205deg)) translate(28px) scale(.2)}}@keyframes ht-spark-orbit{0%{opacity:1;transform:translate(0) rotate(0) scale(.7)}30%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(160deg) scale(.2)}}@media(min-width:801px){#ht-dialog .ht-launcher h2{max-width:none}}@media(max-width:740px){#ht-dialog{max-height:calc(100svh - 16px)}#ht-dialog .ht-tools-top{padding:16px 62px}#ht-dialog .ht-tools-top>button[data-action=close]{right:10px;top:16px}#ht-dialog .ht-tabs{gap:8px}#ht-dialog .ht-tabs button{min-width:76px;min-height:66px;padding:10px 7px;font-size:12px;gap:8px}#ht-dialog .ht-tabs button .ht-icon{width:22px;height:22px;flex-basis:22px}#ht-dialog .ht-content{padding:30px 24px 34px}#ht-dialog .ht-launcher{padding:8px 0 14px;margin:16px auto 28px}#ht-dialog .ht-launcher h2{font-size:32px;margin-bottom:22px}#ht-dialog .ht-launcher>p{font-size:14px}#ht-dialog .ht-launch-actions{gap:12px;margin-top:26px}#ht-dialog .ht-launch-actions button{padding:13px 18px;font-size:14px}#ht-dialog #ht-card>article{padding:4px 0 10px}#ht-dialog .ht-card-head{gap:26px}#ht-dialog .ht-why{margin-top:28px;padding-top:26px}#ht-dialog #ht-card .ht-story>summary{padding:16px}#ht-dialog #ht-card .ht-details-content{padding:6px 16px 20px}.ht-hero-reel{--reel-size:90px;--reel-gap:12px;--reel-half-gap:6px;margin:24px auto 26px}.ht-roll-stage{--roll-size:116px;--roll-gap:14px;--ray-start:54px;--ray-end:112px}.ht-roll-shell{margin:16px auto 20px}.ht-roll-aura:before,.ht-roll-aura:after{width:30px}.ht-roll-result{min-height:78px;padding-top:16px}.ht-roll-result>strong{font-size:23px}.ht-scene-loading{min-height:200px}.ht-scene-loader{padding:26px 16px}.ht-reset-timer{font-size:11px}}@media(max-width:380px){#ht-dialog .ht-tools-top{padding:14px 48px}#ht-dialog .ht-tools-top>button[data-action=close]{right:4px;top:14px}#ht-dialog .ht-tabs{gap:4px}#ht-dialog .ht-tabs button{min-width:64px;padding:10px 4px;font-size:10px}#ht-dialog .ht-content{padding:28px 20px 32px}#ht-dialog .ht-launcher h2{font-size:29px}}@media(max-width:740px){.ht-roll-intro{margin-top:12px;padding:4px 0 0}#ht-dialog .ht-roll-intro h2{font-size:30px}.ht-roll-intro>.ht-magic{margin-bottom:16px}.ht-roll-intro>p{font-size:14px}#ht-dialog .ht-why>h3{scroll-margin-top:114px}}@media(prefers-reduced-motion:reduce){.ht-reel-track{animation:none!important;transform:none}.ht-reel-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.ht-reel-item[aria-hidden=true]{display:none}.ht-roll-track{will-change:auto}.ht-roll-aura>i{display:none!important}.ht-settled .ht-roll-winner{transform:none!important}.ht-scene-loading:after{animation:none;transform:none}.ht-scene-reveal,.ht-custom-setting-reveal,.ht-roll-winner{animation:none!important}.ht-particle,.ht-magic>i{display:none!important}}#ht-dialog #ht-content:has(>.ht-launcher){padding:36px 32px}#ht-dialog #ht-content>.ht-launcher{margin:0 auto;padding:0}#ht-dialog #ht-content>.ht-launcher>.ht-magic{display:flex;width:40px;height:40px;margin:0 auto 20px}#ht-dialog #ht-content>.ht-launcher>.ht-magic svg{width:36px;height:36px}#ht-dialog #ht-content>.ht-launcher h2{margin:0 auto 16px;font-size:36px;max-width:none}#ht-dialog #ht-content>.ht-launcher>p{max-width:56ch;margin:0 auto;font-size:14px;line-height:1.6}#ht-dialog #ht-content>.ht-launcher .ht-hero-reel{--reel-size:96px;margin:24px auto}#ht-dialog #ht-content>.ht-launcher .ht-reel-window{padding:0}#ht-dialog #ht-content>.ht-launcher .ht-reel-track{padding:4px 0}#ht-dialog #ht-content>.ht-launcher .ht-launch-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:14px;margin:24px 0 20px}#ht-dialog #ht-content>.ht-launcher .ht-launch-actions button{width:auto;flex:0 1 auto;min-height:48px;padding:12px 18px;font-size:14px;white-space:nowrap}#ht-dialog #ht-content>.ht-launcher>small{display:block;font-size:12px;line-height:1.4}@media(max-width:740px){#ht-dialog #ht-content:has(>.ht-launcher){padding:32px 24px}#ht-dialog #ht-content>.ht-launcher h2{font-size:30px}#ht-dialog #ht-content>.ht-launcher .ht-hero-reel{--reel-size:82px}#ht-dialog #ht-content>.ht-launcher .ht-launch-actions button{padding:12px 13px}}.ht-mechanics{line-height:1.55}.ht-stat-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:16px 0}.ht-stat-section{min-width:0;break-inside:avoid}.ht-stat-section>dt{font-weight:700;margin-bottom:5px}.ht-stat-section dd{margin:0}.ht-stat-section ul{padding-left:20px;margin:4px 0}.ht-stat-section dl{margin:4px 0}.ht-stat-section dl>div{margin:0 0 8px}.ht-stat-section dl dt{display:inline;font-weight:600}.ht-stat-section dl dt:after{content:": "}.ht-stat-section dl dd{display:inline}.ht-stat-text{white-space:pre-wrap;overflow-wrap:anywhere}.ht-ac-suggestion{padding-top:12px;font-size:.9em}@media(max-width:540px){.ht-stat-list{grid-template-columns:1fr}}@media print{.ht-stat-section{break-inside:avoid}}#ht-dialog .ht-scene-controls.ht-has-custom{flex-direction:column;align-items:stretch;gap:16px}#ht-dialog .ht-has-custom .ht-setting-field{width:220px;max-width:100%}#ht-dialog .ht-has-custom .ht-custom-setting{width:100%;margin-top:0}#ht-dialog .ht-has-custom>button{align-self:flex-start}@media(max-width:620px){#ht-dialog .ht-has-custom .ht-setting-field{width:100%}#ht-dialog .ht-has-custom>button{align-self:stretch}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/hoh-tools.css.map?r=1789089023 */
