.hm-anim--imperial-emblems{background:#08090b}.emblems{isolation:isolate;color:#e9e1d19e;--emblem-intensity:.6;background:radial-gradient(52% 62% at 72% 46%,#9a794524,#0000 68%),radial-gradient(60% 60% at 18% 82%,#6c1c2724,#0000 70%),linear-gradient(160deg,#0c0f12 0%,#08090b 52%,#0a0908 100%);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.emblems__wash{opacity:.62;mix-blend-mode:soft-light;background-image:url(/assets/textures/washi-indigo.webp);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.emblems__halo{z-index:0;background:radial-gradient(circle, rgba(196, 160, 100, calc(var(--emblem-intensity) * .17)) 0%, #966f3c14 42%, transparent 68%);filter:blur(8px);opacity:0;pointer-events:none;border-radius:50%;width:60cqw;height:60cqw;margin-top:-30cqw;position:absolute;top:50%;right:6%}.emblems__rays{z-index:0;aspect-ratio:1;opacity:0;pointer-events:none;background:repeating-conic-gradient(from 6deg,#ceac7313 0deg .7deg,#0000 .7deg 11deg);border-radius:50%;width:66cqw;margin-top:-33cqw;position:absolute;top:50%;right:-4%;-webkit-mask-image:radial-gradient(circle,#000 8%,#00000080 42%,#0000 68%);mask-image:radial-gradient(circle,#000 8%,#00000080 42%,#0000 68%)}.emblems__kanji{z-index:0;font-family:var(--font-jp);color:#e9e1d105;-webkit-text-stroke:1px #c4a0641a;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:31cqw;font-weight:400;line-height:1;position:absolute;bottom:-20%;left:-6%}.emblems__info{z-index:3;pointer-events:none;width:35cqw;position:absolute;top:50%;left:5.4%;transform:translateY(-50%)}.emblems__eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);align-items:center;gap:1.1cqw;margin-bottom:3.2cqw;font-size:clamp(5.5px,.58cqw,9px);font-weight:500;display:flex}.emblems__eyebrow i{background:#c4a0646b;width:2.6cqw;height:1px}.emblems__eyebrow span:last-child{font-family:var(--font-jp);letter-spacing:.3em;color:#e9e1d159}.emblems__info-body{position:relative}.emblems__index{font-family:var(--font-display);letter-spacing:.1em;color:var(--gold);align-items:baseline;gap:.5cqw;margin-bottom:1.2cqw;font-size:clamp(12px,1.2cqw,18px);display:flex}.emblems__index em{color:var(--muted-2);font-size:.68em;font-style:normal}.emblems__name{font-family:var(--font-display);letter-spacing:-.015em;color:var(--paper-bright);font-size:clamp(38px,5.2cqw,88px);font-weight:300;line-height:.92}.emblems__name span{font-family:var(--font-jp);letter-spacing:.08em;color:var(--gold);vertical-align:middle;opacity:.82;margin-left:.28em;font-size:.36em;display:inline-block}.emblems__jp{font-family:var(--font-jp);letter-spacing:.5em;color:#c4a064b8;margin-top:1.2cqw;font-size:clamp(10px,1.05cqw,16px)}.emblems__rule{background:linear-gradient(90deg, var(--crimson), #a5122a00);width:7cqw;height:1px;margin:2.4cqw 0 2.2cqw;display:block}.emblems__desc{max-width:30ch;font-family:var(--font-display);color:#e9e1d180;font-size:clamp(13px,1.28cqw,20px);font-weight:300;line-height:1.52}.emblems__hint{letter-spacing:.3em;text-transform:uppercase;color:var(--muted-2);align-items:center;gap:.7cqw;margin-top:3.2cqw;font-size:clamp(5.5px,.58cqw,9px);font-weight:500;display:flex}.emblems__hint-dot{border:1px solid #c4a0648c;width:4px;height:4px;transform:rotate(45deg)}.emblems__grid{z-index:3;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:1.6cqw .6cqw;width:54cqw;display:grid;position:absolute;top:10%;bottom:10%;right:4.2%}.emblem{color:#e9e1d16b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;width:100%;height:100%;margin:0;padding:0;display:grid}.emblem__inner{will-change:transform, opacity;flex-direction:column;align-items:center;gap:.95cqw;display:flex}.emblem__disc{aspect-ratio:1;width:clamp(54px,9.4cqw,148px);transition:border-color .55s var(--ease-cinema), box-shadow .55s var(--ease-cinema), background .55s var(--ease-cinema), transform .55s var(--ease-cinema), color .55s var(--ease-cinema);background:radial-gradient(circle,#e9e1d106,#0000 62%);border:1px solid #e9e1d11c;border-radius:50%;place-items:center;display:grid;position:relative}.emblem__ring{transition:border-color .55s var(--ease-cinema), transform .8s var(--ease-cinema), opacity .5s;opacity:0;border:1px solid #0000;border-radius:50%;position:absolute;inset:-.62cqw}.emblem__ring:before,.emblem__ring:after{content:"";opacity:0;background:#c4a0648c;width:1px;height:.42cqw;transition:opacity .5s;position:absolute;left:50%;transform:translate(-50%)}.emblem__ring:before{top:-1px}.emblem__ring:after{bottom:-1px}.emblem__disc svg{color:currentColor;width:71%;height:71%;transition:color .55s var(--ease-cinema), filter .55s;overflow:visible}.emblem__art{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.emblem__art .emblem__guide{stroke-width:.65px;opacity:.5}.emblem__art .emblem__heavy{stroke-width:3.1px}.emblem__art .emblem__core{fill:currentColor;fill-opacity:.18;stroke-width:.9px}.emblem__art .emblem__bud{fill:currentColor;fill-opacity:.12;stroke-width:.7px}.emblem__meta{align-items:baseline;gap:.55cqw;transition:color .4s;display:flex}.emblem__name{font-family:var(--font-ui);letter-spacing:.24em;text-transform:uppercase;white-space:nowrap;font-size:clamp(6px,.65cqw,10px);font-weight:500}.emblem__jp{font-family:var(--font-jp);letter-spacing:.1em;color:#c4a0648c;font-size:clamp(7.5px,.75cqw,12px);transition:color .4s}.emblem:hover .emblem__disc{color:#e9e1d1cc;background:radial-gradient(circle,#c4a0640f,#0000 66%);border-color:#c4a06466;transform:scale(1.035)}.emblem:hover .emblem__ring{opacity:.6;border-color:#c4a06424}.emblem:hover .emblem__name{color:#e9e1d1b8}.emblem.is-selected .emblem__disc{background:radial-gradient(circle at 50% 50%, rgba(196, 160, 100, calc(.06 + var(--emblem-intensity) * .1)), transparent 68%);color:var(--gold-bright);box-shadow:0 0 0 1px #c4a06414, 0 0 3.4cqw rgba(196, 160, 100, calc(.08 + var(--emblem-intensity) * .12)), inset 0 0 2.4cqw #c4a0640d;border-color:#e6cc949e}.emblem.is-selected .emblem__ring{opacity:1;border-color:#c4a06447}.emblem.is-selected .emblem__ring:before,.emblem.is-selected .emblem__ring:after{opacity:1}.emblem.is-selected .emblem__disc svg{filter:drop-shadow(0 0 10px rgba(230, 204, 148, calc(.18 + var(--emblem-intensity) * .24)))}.emblem.is-selected .emblem__name{color:var(--paper-bright)}.emblem.is-selected .emblem__jp{color:var(--gold-bright)}.emblem:focus-visible{outline:none}.emblem:focus-visible .emblem__disc{outline:1px solid var(--gold);outline-offset:5px}.emblems__dust{z-index:2;pointer-events:none;position:absolute;inset:0}.emblems__mote{width:var(--mote-size);height:var(--mote-size);opacity:0;animation:emblem-mote var(--mote-duration) var(--mote-delay) ease-in-out infinite alternate;will-change:transform;background:#e6cc94d9;border-radius:50%;position:absolute;box-shadow:0 0 6px 1px #e6cc944d}@keyframes emblem-mote{0%{transform:translateY(8px)}to{transform:translate(5px,-22px)}}.emblems:not(.is-playing) .emblems__mote{animation-play-state:paused}.emblems__vignette{z-index:6;pointer-events:none;background:radial-gradient(82% 78% at 52% 48%,#0000 42%,#040506ad 100%),linear-gradient(#0405066b,#0000 18% 78%,#04050680);position:absolute;inset:0}.emblems__grain{z-index:7;opacity:.14;mix-blend-mode:soft-light;pointer-events:none;background-image:url(/assets/textures/grain.webp);background-size:190px;position:absolute;inset:0}.emblems[data-quality=efficient] .emblems__grain,.emblems[data-quality=efficient] .emblems__rays{display:none}.emblems[data-quality=efficient] .emblem__disc svg,.emblems[data-quality=efficient] .emblem.is-selected .emblem__disc svg{filter:none}.emblems[data-quality=efficient] .emblems__mote:nth-child(n+11){display:none}@container (max-width:700px){.emblems__info{width:88%;top:7.5%;left:6%;transform:none}.emblems__eyebrow{margin-bottom:2.4cqw}.emblems__index{display:none}.emblems__name{font-size:clamp(30px,8.4cqw,46px)}.emblems__jp{margin-top:1.2cqw}.emblems__rule{width:12cqw;margin:2.4cqw 0}.emblems__desc{max-width:38ch;font-size:clamp(11px,2.9cqw,14px);line-height:1.5}.emblems__hint{display:none}.emblems__grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4cqw 1.2cqw;width:auto;inset:40% 4% 9%}.emblem__disc{width:clamp(44px,16cqw,76px)}.emblem__inner{gap:1.4cqw}.emblem__name{letter-spacing:.16em;font-size:clamp(5.5px,1.9cqw,8px)}.emblem__jp{font-size:clamp(7px,2.2cqw,10px)}.emblems__halo{width:110cqw;height:110cqw;margin-top:-55cqw;margin-right:-55cqw;top:64%;right:50%}.emblems__rays,.emblems__kanji{display:none}.emblems__vignette{background:radial-gradient(100% 84%,#0000 46%,#0405069e 100%),linear-gradient(#04050680,#0000 26% 80%,#04050680)}}@media (prefers-reduced-motion:reduce){.emblems__mote{animation:none!important}}
