.hh-tip{max-width:100%;display:inline-flex}.hh-tipcard{z-index:300;border:2.5px solid var(--oak,#8a5a3b);max-width:min(340px,100vw - 16px);color:var(--ink,#3a2a1c);font:700 13px/1.35 var(--font-body,"Nunito", system-ui, sans-serif);pointer-events:none;background:linear-gradient(#fffaf0,#f6e8c8);border-radius:14px;padding:10px 12px;animation:.12s ease-out hh-tip-in;position:fixed;box-shadow:0 4px #3e2a1c59,0 12px 24px #1e120847}@keyframes hh-tip-in{0%{opacity:0;transform:translateY(3px)scale(.98)}}.hh-tipcard h4{font:600 16px/1.15 var(--font-display,"Fredoka", sans-serif);color:var(--oak-deep,#3e2a1c);margin:0 0 4px}.hh-tipcard p{color:var(--ink-soft,#6b5640);margin:4px 0 0;font-weight:600}.hh-tiprow{border-bottom:1px dashed #8a5a3b38;justify-content:space-between;gap:16px;padding:2px 0;display:flex}.hh-tiprow:last-child{border-bottom:0}.hh-tiprow span{color:var(--ink-soft,#6b5640)}.hh-tiprow b{font-variant-numeric:tabular-nums;font-weight:800}.hh-tiprow--good b{color:var(--green-deep,#3f7434)}.hh-tiprow--bad b{color:var(--red,#c0483a)}.hh-tiprow--gold b{color:#8a5d0a}.hh-tiprow--muted b{color:var(--ink-soft,#6b5640)}.hero-frame{background:linear-gradient(150deg, color-mix(in srgb, var(--rc) 55%, #fff) 0%, var(--rc) 55%, color-mix(in srgb, var(--rc) 70%, #000) 100%);border-radius:17px;flex:none;padding:4px;position:relative;box-shadow:0 0 0 2px #24160a8c,0 3px #24160a66}.hero-frame>.hh-portrait{border-radius:13px;box-shadow:inset 0 0 0 2px #24160a59}.hero-frame--r3,.hero-frame--r4,.hero-frame--r5{box-shadow:0 0 0 2px #24160a8c, 0 3px 0 #24160a66, 0 0 14px color-mix(in srgb, var(--rc) 60%, transparent)}.hero-frame--r5{background:linear-gradient(120deg,#ffd978,#e0952b 30%,#fff3b8 50%,#e0952b 70%,#b8741a) 0 0/250% 250%;animation:3.2s linear infinite hero-shimmer}@keyframes hero-shimmer{0%{background-position:0%}to{background-position:250%}}.hero-frame--lf{box-shadow:0 0 0 2px #24160a8c, 0 0 0 5px var(--lf), 0 0 0 7px var(--lfr), 0 4px 0 7px #24160a52;margin:4px}.hero-frame--lf.hero-frame--r3,.hero-frame--lf.hero-frame--r4,.hero-frame--lf.hero-frame--r5{box-shadow:0 0 0 2px #24160a8c, 0 0 0 5px var(--lf), 0 0 0 7px var(--lfr), 0 4px 0 7px #24160a52, 0 0 14px color-mix(in srgb, var(--lf) 60%, transparent)}.lf-orn{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px;overflow:visible}.hero-frame__gem{filter:drop-shadow(0 2px #24160a66);position:absolute;top:-7px;right:-7px}.hero-frame__lv{color:#fff4d6;font:800 11px/17px var(--font-body,"Nunito", sans-serif);white-space:nowrap;background:#24180ee6;border-radius:999px;padding:0 7px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.rgem{vertical-align:-2px;flex:none;display:inline-block}.rtag{font:800 12px/1 var(--font-body,"Nunito", sans-serif);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--rc) 78%, #2a1a0a);align-items:center;gap:4px;display:inline-flex}.hh-panel__body>.hh-tabs{z-index:3;box-shadow:0 -12px 0 var(--parch,#fbf3e2), 0 6px 0 var(--parch,#fbf3e2);position:sticky;top:-12px}