@property --type-color{syntax:"<color>";inherits:true;initial-value:#25976f}@property --type-accent{syntax:"<color>";inherits:true;initial-value:#7be0b5}.crystal-test-shell{background:#09080f;min-height:100vh}.crystal-test-main{padding-bottom:clamp(5rem,9vw,8rem);position:relative;overflow:clip}.crystal-test-main:before{content:"";pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 12% 8%,#b591eb,#0000),radial-gradient(1px 1px at 82% 16%,#8c70bf,#0000),radial-gradient(1px 1px at 68% 63%,#b491ed,#0000),radial-gradient(1px 1px at 9% 78%,#725894,#0000);background-size:530px 530px;position:absolute;inset:0}.crystal-test-heading{grid-template-columns:minmax(0,1fr) minmax(16rem,24rem);align-items:end;gap:3rem;padding-block:clamp(2rem,4vw,4rem) clamp(2.25rem,4vw,4.5rem);display:grid;position:relative}.crystal-test-eyebrow{color:#bda8ce;letter-spacing:.25em;margin:0 0 1.25rem;font-size:.7rem;font-weight:700}.crystal-test-heading h1{max-width:14ch;margin:0;font-size:clamp(3.5rem,6.5vw,6.5rem);line-height:.98}.crystal-test-heading h1 em{color:#cbb0ed}.crystal-test-heading-note{color:#aea3bb;max-width:23rem;margin:0 0 .25rem;font-size:.95rem;line-height:1.75}.crystal-test-stage{--glow-center:70.5%;isolation:isolate;border-block:1px solid #8a6aa222;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:660px;display:grid;position:relative}.crystal-test-stage[data-scene-state=ready]{transition:--type-color .7s,--type-accent .7s}.crystal-test-stage-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:5rem 1rem 5rem clamp(2.5rem,5vw,6rem);display:flex;position:relative}.crystal-test-count{color:#e3d2ed;font-family:var(--serif);letter-spacing:.08em;margin:0 0 2.7rem;font-size:1.2rem}.crystal-test-count span{color:#786987;padding-inline:.65rem}.crystal-test-element{color:var(--type-accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .5rem;font-size:.77rem;font-weight:700}.crystal-test-element span{color:#b09cbf;padding-inline:.35rem}.crystal-test-stage-copy h2{font-family:var(--serif);letter-spacing:-.055em;text-shadow:0 0 55px color-mix(in srgb, var(--type-color) 15%, transparent);margin:0;font-size:clamp(5.2rem,9vw,9rem);font-weight:400;line-height:.98}.crystal-test-form{color:#c4b8cd;max-width:22rem;min-height:8.25em;margin:1.4rem 0 0;font-size:1rem;line-height:1.65}.crystal-test-spectrum{gap:4px;margin-top:2.5rem;display:flex}.crystal-test-spectrum span{background:var(--type-color);width:58px;height:3px;box-shadow:0 0 16px color-mix(in srgb, var(--type-color) 65%, transparent);display:block}.crystal-test-spectrum span:nth-child(2){background:var(--type-accent);opacity:.75}.crystal-test-spectrum span:nth-child(3){opacity:.42;background:#f0eaf5}.crystal-test-drag-note{color:#a295ad;letter-spacing:.08em;text-transform:uppercase;margin:4rem 0 0;font-size:.76rem}.crystal-test-viewer{min-height:660px;position:relative;overflow:hidden}.crystal-test-halo{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 23% 35% at var(--glow-center) 48%, color-mix(in srgb, var(--type-accent) 18%, transparent), transparent 78%), radial-gradient(ellipse 35% 56% at var(--glow-center) 50%, color-mix(in srgb, var(--type-color) 37%, transparent), color-mix(in srgb, var(--type-color) 15%, transparent) 38%, transparent 74%), radial-gradient(ellipse 48% 59% at 66% 51%, color-mix(in srgb, var(--type-color) 12%, transparent), transparent 66%), radial-gradient(ellipse 22% 10% at var(--glow-center) 82%, color-mix(in srgb, var(--type-accent) 12%, transparent), transparent 80%);animation:13s ease-in-out infinite alternate crystal-halo-breathe;position:absolute;inset:0}@keyframes crystal-halo-breathe{0%{opacity:.77}to{opacity:1}}.crystal-test-canvas{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.crystal-test-canvas:active{cursor:grabbing}.crystal-test-canvas canvas{width:100%;height:100%;display:block}.crystal-test-loading{color:#b7a8c8;text-align:center;pointer-events:none;width:min(17rem,70%);font-size:.86rem;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crystal-test-viewer[data-scene-state=ready] .crystal-test-loading{display:none}.crystal-test-catalog{padding-top:clamp(5rem,8vw,8rem);position:relative}.crystal-test-catalog-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;display:flex}.crystal-test-catalog-heading h2{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(2.8rem,4.3vw,4.8rem);font-weight:400;line-height:1}.crystal-test-catalog-heading p{color:#a99cb5;max-width:19rem;margin:0;font-size:.88rem;line-height:1.6}.crystal-test-legend,.crystal-test-row{grid-template-columns:minmax(9rem,1.2fr) repeat(2,minmax(0,2fr));display:grid}.crystal-test-legend{color:#8f819b;letter-spacing:.22em;padding-bottom:.7rem;font-size:.67rem;font-weight:700}.crystal-test-row{border-top:1px solid #bba9cb2b}.crystal-test-row:last-child{border-bottom:1px solid #bba9cb2b}.crystal-test-row-label{color:#d8cadd;font-family:var(--serif);align-items:center;gap:1rem;margin:0;font-size:1.65rem;display:flex}.crystal-test-row-dot{background:var(--row-color);width:8px;height:8px;box-shadow:0 0 18px var(--row-color);border-radius:50%}.crystal-test-choice{color:#dcd0e6;min-width:0;min-height:92px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-left:1px solid #bba9cb22;align-items:center;gap:1.2rem;padding:1rem 1.5rem;transition:background .24s,color .24s;display:flex;position:relative}.crystal-test-choice:hover,.crystal-test-choice[aria-pressed=true]{background:color-mix(in srgb, var(--row-color) 11%, #110d18);color:#fff}.crystal-test-choice[aria-pressed=true]:before{content:"";background:var(--row-color);width:2px;box-shadow:0 0 14px var(--row-color);position:absolute;inset:0 auto 0 0}.crystal-test-mineral-glyph{width:32px;height:44px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--row-color) 25%, transparent));flex:0 0 32px;overflow:visible}.crystal-test-mineral-glyph path{stroke:color-mix(in srgb, var(--row-color) 55%, white);stroke-width:.6px}.crystal-test-choice-name{font-family:var(--serif);font-size:1.85rem;line-height:1}.crystal-test-choice-arrow{color:#8e7d9c;margin-left:auto;font-size:1rem;transition:transform .24s,color .24s}.crystal-test-choice:hover .crystal-test-choice-arrow,.crystal-test-choice[aria-pressed=true] .crystal-test-choice-arrow{color:var(--row-color);transform:translate(2px,-2px)}.crystal-test-disclaimer{color:#8e809a;letter-spacing:.04em;margin:1.5rem 0 0;font-size:.73rem;line-height:1.6}.crystal-test-cut{color:var(--type-accent);align-items:center;gap:.8rem;margin-top:1.7rem;font-size:.88rem;display:flex}.crystal-test-cut svg{width:32px;height:42px}.crystal-test-cut path{fill:currentColor;fill-opacity:.13;stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.crystal-test-cut small{color:#95879f;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.35rem;font-size:.62rem;display:block}.crystal-test-view-switch button:focus-visible{outline-offset:3px;outline:2px solid #dfbbff}.crystal-test-stage-copy{padding-block:3rem}.crystal-test-count{margin-bottom:1.6rem}.crystal-test-drag-note,.crystal-test-spectrum{margin-top:1.8rem}@media (max-width:900px){.crystal-test-stage{--glow-center:73.75%;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:590px}.crystal-test-stage-copy{padding-left:2.5rem}.crystal-test-viewer{min-height:590px}.crystal-test-stage-copy h2{font-size:clamp(4.7rem,10vw,7rem)}}@media (max-width:700px){.crystal-test-heading{grid-template-columns:1fr;gap:1.2rem;padding-top:1.5rem}.crystal-test-heading h1{font-size:clamp(3.5rem,12vw,5.3rem)}.crystal-test-stage{flex-direction:column;display:flex}.crystal-test-halo{background:radial-gradient(ellipse 42% 40% at 50% 48%, color-mix(in srgb, var(--type-accent) 18%, transparent), transparent 78%), radial-gradient(ellipse 66% 58% at 50% 49%, color-mix(in srgb, var(--type-color) 37%, transparent), color-mix(in srgb, var(--type-color) 12%, transparent) 42%, transparent 74%), radial-gradient(ellipse 38% 10% at 50% 83%, color-mix(in srgb, var(--type-accent) 12%, transparent), transparent 80%);height:430px;inset:0 0 auto}.crystal-test-stage-copy{order:2;padding:0 1.6rem 2.2rem}.crystal-test-count,.crystal-test-drag-note{display:none}.crystal-test-stage-copy h2{font-size:clamp(4.5rem,17vw,6rem)}.crystal-test-form{min-height:0;margin-top:.7rem}.crystal-test-cut{margin:0 0 1.2rem}.crystal-test-spectrum{margin-top:1.4rem}.crystal-test-viewer{order:1;min-height:430px}.crystal-test-catalog-heading{flex-direction:column;align-items:flex-start;gap:.7rem;margin-bottom:2.3rem}.crystal-test-legend{display:none}.crystal-test-row{grid-template-columns:repeat(2,minmax(0,1fr))}.crystal-test-row-label{grid-column:1/-1;padding:1rem 0 .35rem;font-size:1.4rem}.crystal-test-choice{gap:.6rem;min-height:76px;padding:.8rem .65rem}.crystal-test-choice:nth-child(2){border-left:0}.crystal-test-choice-name{font-size:1.45rem}.crystal-test-mineral-glyph{flex-basis:21px;width:21px;height:33px}}@media (prefers-reduced-motion:reduce){.crystal-test-stage[data-scene-state=ready],.crystal-test-choice,.crystal-test-choice-arrow{transition:none}.crystal-test-halo{animation:none}}.crystal-test-view-switch{border:1px solid #c6a4ec30;border-radius:7px;gap:.25rem;margin-top:1.3rem;padding:.25rem;display:inline-flex}.crystal-test-view-switch button{color:#a69ab8;min-height:40px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:.5rem 1.1rem;font-size:.85rem}.crystal-test-view-switch button[aria-pressed=true]{color:#dcc0ff;background:#bd8cff12;border-color:#d2acff40}.crystal-test-view-switch button:hover{color:#eee2fb}.crystal-display-frame{position:absolute;inset:0}.nft-card-surface,.nft-card-engraving,.nft-card-top,.nft-card-bottom,.nft-backdrop-orbit{display:none}.crystal-test-stage[data-view=card]{min-height:690px}.crystal-test-stage[data-view=card] .crystal-test-viewer{place-items:center;min-height:690px;display:grid;overflow:visible}.crystal-test-stage[data-view=card] .crystal-display-frame{isolation:isolate;aspect-ratio:.69;width:min(350px,82%);position:relative;inset:auto}.crystal-test-stage[data-view=card] .crystal-test-canvas{inset:48px 0 106px}.crystal-test-stage[data-view=card] .crystal-test-stage-copy h2{font-size:clamp(4.5rem,7vw,7rem)}.crystal-test-stage[data-view=card] .nft-card-surface{z-index:-1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#ebe1ff0d,#b483ff03 34%,#b184ec08 78%,#ffffff0a);border:1px solid #dac3ff50;border-radius:18px;display:block;position:absolute;inset:0;box-shadow:inset 0 1px #f5e7ff32,inset 1px 0 #e2c6ff12,0 24px 50px #00000026}.crystal-test-stage[data-view=card] .nft-card-surface:before{content:"";border:1px solid #ddc7ff19;border-radius:12px;position:absolute;inset:8px}.crystal-test-stage[data-view=card] .nft-card-surface:after{content:"";z-index:-1;border:1px solid #d0b4f420;border-radius:19px;position:absolute;inset:-7px 8px 7px -8px;transform:rotate(-3deg)}.crystal-test-stage[data-view=card] .nft-card-top{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:25px;left:27px;right:27px}.nft-card-brand{color:#e1caff;letter-spacing:.23em;text-shadow:0 0 16px #b277f560;font-size:.77rem;font-weight:500}.nft-card-symbol{color:var(--type-accent);font-size:1.25rem;line-height:1}.crystal-test-stage[data-view=card] .nft-card-bottom{pointer-events:none;display:block;position:absolute;bottom:23px;left:27px;right:27px}.nft-card-element{color:var(--type-accent);text-transform:capitalize;margin:0 0 .3rem;font-size:.73rem;line-height:1.4}.nft-card-name{color:#f1eafa;letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:400;line-height:1.2}.nft-card-footer{color:#b8a5cd;border-top:1px solid #d4b5f626;justify-content:space-between;align-items:center;gap:1rem;margin-top:18px;padding-top:13px;font-size:.68rem;display:flex}.nft-card-palette{gap:5px;display:flex}.nft-card-palette i{border-radius:50%;width:4px;height:4px}.crystal-test-stage[data-view=card] .nft-card-engraving{pointer-events:none;display:block;position:absolute;inset:80px 34px 130px}.nft-card-engraving span{border:1px solid #dac4ff14;border-radius:50%;position:absolute;inset:5% 4%;transform:rotate(-30deg)}.nft-card-engraving span:nth-child(2){border-color:color-mix(in srgb, var(--type-accent) 16%, transparent);inset:8% 18%;transform:rotate(30deg)}.nft-card-engraving span:nth-child(3){border-color:#ddc5ff0d;inset:0 32%;transform:rotate(-30deg)}.crystal-test-stage[data-view=card] .nft-backdrop-orbit{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--type-accent) 18%, transparent);pointer-events:none;border-radius:50%;width:90%;display:block;position:absolute;transform:rotate(-32deg)scaleY(.48)}@media (max-width:1000px) and (min-width:701px){.crystal-test-stage[data-view=card]{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.crystal-test-stage[data-view=card] .crystal-test-stage-copy{padding-left:1.5rem}}@media (max-width:700px){.crystal-test-stage[data-view=card] .crystal-test-viewer{min-height:540px}.crystal-test-stage[data-view=card] .crystal-display-frame{width:min(320px,85%)}.crystal-test-stage[data-view=card] .crystal-test-halo{height:540px}.crystal-test-stage[data-view=card] .crystal-test-stage-copy h2{font-size:4.5rem}.crystal-test-stage[data-view=card] .crystal-test-drag-note{margin-top:1.5rem;font-size:.7rem;display:block}}#crystal-preview{scroll-margin-top:100px}