.tr{--tier:var(--accent)}.tr-hero{color:var(--dark-ink);isolation:isolate;background:#0a0a0c;padding:clamp(2.5rem,7vw,6rem) 0 clamp(3rem,8vw,6rem);position:relative;overflow:hidden}.tr-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid;position:relative}.tr-hero-text{flex-direction:column;align-items:flex-start;gap:1.15rem;display:flex}@media (max-width:900px){.tr-backdrop{z-index:-2;pointer-events:none;opacity:.55;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 68%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 68%,#0000 100%)}.tr-backdrop svg{width:100%;height:100%;display:block}.tr-backdrop-word{font-family:var(--display);letter-spacing:.06em;fill:#fff;fill-opacity:.028;font-size:210px;font-weight:800}@media (max-width:900px){.tr-backdrop-word{font-size:130px}}.tr-hero-grid{grid-template-columns:1fr}}.tr-deep{z-index:-2;background:linear-gradient(#101013 0%,#0b0b0d 46%,#08080a 100%);position:absolute;inset:0}.tr-glow{z-index:-1;pointer-events:none;filter:blur(20px);background:radial-gradient(38% 44% at 72% 42%,#ffffff0e,#0000 72%),radial-gradient(46% 46% at 20% 18%,#ffffff08,#0000 70%);position:absolute;inset:-20%}.tr-eyebrow{font-size:var(--step--2);letter-spacing:.16em;text-transform:uppercase;color:#8b8b93;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.tr-title{font-family:var(--display);font-optical-sizing:auto;letter-spacing:-.05em;color:#f7f7f9;text-wrap:balance;margin:0;font-size:clamp(2.6rem,6.4vw,5rem);font-weight:800;line-height:.94}.tr-title em{background:linear-gradient(96deg,#7dd3fc 0%,#38bdf8 44%,#a78bfa 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.tr-lede{font-size:var(--step-1);color:#a1a1aa;max-width:42ch;line-height:1.6}.tr-actions{flex-wrap:wrap;gap:.7rem;display:flex}.tr-btn-ghost{color:#eaeaec;background:0 0;border-color:#ffffff38}.tr-btn-ghost:hover:not(:disabled){background:#ffffff12;border-color:#ffffff6b}.tr-check{width:min(100%,30rem);margin-top:.6rem}.tr-stack{perspective:1600px;perspective-origin:50%;place-items:center;min-height:clamp(300px,44vw,520px);display:grid;position:relative}.tr-stack-inner{aspect-ratio:1;width:min(74%,19rem);transform-style:preserve-3d;position:relative}.tr-stack{perspective:1500px;perspective-origin:50%;isolation:isolate;place-items:center;min-height:clamp(380px,52vw,620px);display:grid;position:relative}.tr-stack:before{content:"";z-index:-1;filter:blur(18px);background:radial-gradient(58% 52% at 50% 46%,#ffffff13,#0000 72%),radial-gradient(38% 30% at 50% 88%,#7dd3fc0f,#0000 76%);border-radius:50%/42%;position:absolute;inset:4% 6%}.tr-stack:after{content:"";z-index:-1;filter:blur(5px);background:radial-gradient(closest-side,#ffffff29,#0000 78%);border-radius:50%;height:8px;position:absolute;bottom:7%;left:16%;right:16%}.tr-stack-inner{--plate:clamp(180px, 21vw, 236px);--radius:clamp(306px, 35.7vw, 402px);width:var(--plate);height:var(--plate);transform-style:preserve-3d;animation:44s linear infinite tr-turn;position:relative}@keyframes tr-turn{to{transform:rotateX(-360deg)}}.tr-plate{border-radius:var(--r-xl);transform:rotateX(calc(var(--i) * 36deg)) translateZ(var(--radius));backface-visibility:hidden;background:#131317;border:1px solid #fff3;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 70px -28px #000000f2,0 0 0 1px #ffffff0d}.tr-plate:after{content:"";pointer-events:none;animation:44s linear infinite tr-shade;animation-delay:calc(var(--i) * -4.4s);background:#0606088c;position:absolute;inset:0}@keyframes tr-shade{0%{opacity:.72}50%{opacity:0}to{opacity:.72}}.tr-stack:hover .tr-stack-inner,.tr-stack:hover .tr-plate:after{animation-play-state:paused}.tr-plate.is-lit{border-color:color-mix(in srgb, var(--tier) 60%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--tier) 28%, transparent), 0 34px 80px -30px var(--tier)}.tr-plate img{object-fit:cover;width:100%;height:100%}.tr-plate-n{z-index:2;font-family:var(--display);font-size:var(--step--1);font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;padding:.12rem .55rem;font-weight:800;position:absolute;top:.7rem;left:.8rem}.tr-plate-name{z-index:2;font-family:var(--display);font-size:var(--step-1);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 14px #000000e6;font-weight:800;position:absolute;bottom:.8rem;left:.85rem}@media (prefers-reduced-motion:reduce){.tr-stack-inner{animation:none}.tr-plate{backface-visibility:visible;opacity:calc(1 - (var(--i) * .19));transform:translate3d(calc(var(--i) * 11%), calc(var(--i) * 3%), calc(var(--i) * -34px)) rotate(calc(var(--i) * 2.6deg))}.tr-plate:after{opacity:0;animation:none}.tr-plate:nth-child(n+6){display:none}}.tr-result{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;background:#08131fb8;border:1px solid #ffffff1a;flex-direction:column;gap:.9rem;padding:1.35rem;display:flex}.tr-result.is-found{border-color:color-mix(in srgb, var(--tier) 42%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--tier) 16%, transparent), 0 30px 70px -34px var(--tier)}.tr-result-skeleton{border-radius:var(--r-md);height:3.6rem}.tr-result-head{align-items:center;gap:1rem;display:flex}.tr-result-art{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--tier) 45%, transparent);flex:none;width:72px;height:72px;display:block;position:relative;overflow:hidden}.tr-result-label{font-size:var(--step--3);letter-spacing:.14em;text-transform:uppercase;color:#8b8b93;font-weight:600;display:block}.tr-result-name{font-family:var(--display);font-optical-sizing:auto;font-size:var(--step-3);letter-spacing:-.04em;color:var(--tier);font-weight:800;line-height:1.05;display:block}.tr-result-sub{font-size:var(--step--1);color:#a1a1aa}.tr-result-figs{border-top:1px solid #ffffff17;flex-wrap:wrap;gap:.8rem 2rem;margin:0;padding-top:.9rem;display:flex}.tr-result-figs>div{flex-direction:column;gap:.1rem;display:flex}.tr-result-figs dt{font-size:var(--step--3);letter-spacing:.05em;text-transform:uppercase;color:#8b8b93;font-weight:600}.tr-result-figs dd{font-size:var(--step-1);font-variant-numeric:tabular-nums;color:#f4f4f6;margin:0;font-weight:700}.tr-result-next{font-size:var(--step--1);color:#a1a1aa;margin:0;line-height:1.5}.tr-result-next b{color:#f4f4f6}.tr-result-none,.tr-result-error{font-size:var(--step-0);color:#a1a1aa;margin:0;line-height:1.6}.tr-result-none b{color:#f4f4f6}.tr-result-none a{color:#7dd3fc;text-underline-offset:3px;text-decoration:underline}.tr-result-quiet{gap:.75rem}.tr-quiet-head{font-size:var(--step-0);color:#eaeaec;align-items:center;gap:.55rem;display:flex}.tr-quiet-dot{background:#d8a13a;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #d8a13a29}.tr-quiet-body{font-size:var(--step--1);color:#a1a1aa;margin:0;line-height:1.6}.tr-quiet-actions{flex-wrap:wrap;gap:.55rem;margin-top:.15rem;display:flex}.tr-quiet-actions .btn{color:#f4f4f6;background:#ffffff14;border-color:#fff3}.tr-quiet-actions .btn:hover:not(:disabled){background:#ffffff21;border-color:#ffffff73}.tr-result-fine{font-size:var(--step--2);color:#78787f;margin:0;line-height:1.5}.tr-rail{scroll-snap-type:x mandatory;padding:.25rem var(--gutter) 1.25rem;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;gap:1rem;width:100vw;margin-left:calc(50% - 50vw);display:flex;overflow-x:auto}.tr-rail>*{scroll-snap-align:start;flex:none;width:clamp(15rem,21vw,18rem)}.tr-tile{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:border-color var(--fast), transform var(--med), box-shadow var(--med);flex-direction:column;display:flex;overflow:hidden}.tr-tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.tr-tile-art{aspect-ratio:1;background:var(--paper-3);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.tr-tile-art img{object-fit:cover;filter:saturate(.25)brightness(.82);width:100%;height:100%;transition:filter var(--med), transform var(--med)}.tr-tile.is-unlocked .tr-tile-art img{filter:none}.tr-tile:hover .tr-tile-art img{transform:scale(1.04)}.tr-tile-n{font-family:var(--display);font-size:var(--step--2);font-variant-numeric:tabular-nums;color:#fff;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;padding:.1rem .5rem;font-weight:800;position:absolute;top:.55rem;left:.6rem}.tr-tile-flag{font-size:var(--step--3);color:#0e0e10;background:var(--tier);border-radius:var(--r-pill);padding:.16rem .55rem;font-weight:700;position:absolute;top:.55rem;right:.6rem}.tr-tile-body{flex-direction:column;flex:1;gap:.25rem;padding:.85rem .95rem .9rem;display:flex}.tr-tile-body h3{font-family:var(--display);font-optical-sizing:auto;font-size:var(--step-1);letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:800}.tr-tile.is-unlocked .tr-tile-body h3{color:var(--tier)}.tr-tile-body p{font-size:var(--step--2);color:var(--ink-3);margin:0;line-height:1.5}.tr-tile-foot{border-top:1px solid var(--line);background:var(--surface-2);font-size:var(--step--2);font-variant-numeric:tabular-nums;color:var(--ink-2);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding:.7rem .95rem;font-weight:600;display:flex}.tr-tile-state{color:var(--ink-3)}.tr-tile.is-unlocked .tr-tile-state{color:var(--tier)}.tr-note{font-size:var(--step--1);color:var(--ink-3);max-width:60ch;margin-top:1.4rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.tr-tile,.tr-tile-art img{transition:none}.tr-tile:hover{transform:none}}