.puzzle{position:relative;background:var(--void-850);border:1px solid var(--void-700);border-radius:var(--radius-lg);overflow:hidden;margin-block:var(--space-8)}.puzzle:before,.puzzle:after{content:"";position:absolute;width:24px;height:24px;border:1px solid var(--void-600);pointer-events:none;z-index:1;opacity:.5}.puzzle:before{top:var(--space-3);left:var(--space-3);border-right:none;border-bottom:none}.puzzle:after{bottom:var(--space-3);right:var(--space-3);border-left:none;border-top:none}.puzzle__canvas{position:absolute;inset:0;pointer-events:none;z-index:0}.puzzle__header{position:relative;z-index:2;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--void-800);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.puzzle__title-group{min-width:0}.puzzle__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:600;color:var(--void-100);margin:0;line-height:1.3}.puzzle__subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--void-400);margin:var(--space-1) 0 0}.puzzle__meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.puzzle__difficulty{display:flex;gap:4px;align-items:center}.puzzle__dot{width:8px;height:8px;border-radius:50%;background:var(--void-700)}.puzzle__dot--filled{background:var(--chakra-color, var(--void-400));box-shadow:0 0 6px color-mix(in srgb,var(--chakra-color, var(--void-400)) 40%,transparent)}.puzzle__solved-badge{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 15%,transparent);border:1px solid color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 30%,transparent);color:var(--chakra-color, var(--emerald-500));font-size:14px}.puzzle--solved .puzzle__solved-badge{display:flex}.puzzle__replay{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--void-800);border:1px solid var(--void-600);color:var(--void-400);font-size:16px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.puzzle--solved .puzzle__replay{display:flex}@media(hover:hover){.puzzle__replay:hover{border-color:var(--chakra-color, var(--emerald-500));color:var(--void-100);background:var(--void-700)}}.puzzle__arena{position:relative;z-index:2;background:var(--void-900);box-shadow:var(--shadow-inner);padding:var(--space-6);min-height:200px}.puzzle-draggable{cursor:grab;user-select:none;touch-action:none;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.puzzle-draggable:active,.puzzle-draggable[aria-grabbed=true]{cursor:grabbing}.puzzle-drag-ghost{position:fixed;z-index:var(--z-popover);pointer-events:none;transform:scale(1.08) rotate(2deg);opacity:.9;border:2px solid var(--chakra-color, var(--emerald-400));box-shadow:0 0 16px color-mix(in srgb,var(--chakra-color, var(--emerald-400)) 30%,transparent),0 8px 24px #0006;border-radius:var(--radius-md);transition:none}.puzzle-drop-target{transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.puzzle-target-hover{background:color-mix(in srgb,var(--chakra-color, var(--emerald-400)) 12%,transparent)!important;box-shadow:inset 0 0 12px color-mix(in srgb,var(--chakra-color, var(--emerald-400)) 15%,transparent);transform:scale(1.03)}.puzzle-draggable:focus-visible{outline:2px solid var(--chakra-color, var(--violet-500));outline-offset:2px}.puzzle-draggable[aria-grabbed=true]{outline:2px dashed var(--chakra-color, var(--emerald-400));outline-offset:2px;opacity:.6}@keyframes puzzle-place-success{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes puzzle-ring-flash{0%{box-shadow:0 0 0 0 var(--chakra-color, var(--emerald-400))}50%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.puzzle-place-success{animation:puzzle-place-success .4s var(--ease-spring),puzzle-ring-flash .6s var(--ease-out)}@keyframes puzzle-reject{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(2px)}}.puzzle-reject{animation:puzzle-reject .4s var(--ease-default)}.puzzle-reject-flash{background:color-mix(in srgb,var(--crimson-500) 15%,transparent)!important;transition:background .15s}.puzzle--solved{border-color:var(--chakra-color, var(--emerald-500));box-shadow:0 0 20px color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 10%,transparent)}.puzzle--solved .puzzle__title{background:linear-gradient(135deg,var(--void-50),var(--chakra-color, var(--emerald-400)),var(--void-50));background-size:300% 300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:puzzle-title-shimmer 4s ease-in-out infinite}@keyframes puzzle-title-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes puzzle-border-sweep{0%{border-color:var(--void-700)}to{border-color:var(--chakra-color, var(--emerald-500))}}@keyframes puzzle-breathe{0%,to{box-shadow:0 0 15px color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 5%,transparent)}50%{box-shadow:0 0 25px color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 12%,transparent)}}.puzzle--solved{animation:puzzle-breathe 4s ease-in-out infinite}.puzzle__lore{position:relative;z-index:2;padding:var(--space-6);border-top:1px solid var(--void-800);display:none}.puzzle--solved .puzzle__lore{display:block;animation:puzzle-lore-reveal .8s var(--ease-cinematic) both}@keyframes puzzle-lore-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.puzzle__lore-text{font-family:var(--font-accent);font-size:var(--text-sm);font-style:italic;color:var(--gold-300);line-height:1.7;border-left:2px solid var(--gold-500);padding-left:var(--space-4);margin:0}.puzzle__completion{position:absolute;inset:0;z-index:10;display:none;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-3);pointer-events:none}.puzzle--completing .puzzle__completion{display:flex}.puzzle__completion-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:puzzle-flash .4s ease-out}@keyframes puzzle-flash{0%{opacity:0}30%{opacity:.15}to{opacity:0}}.puzzle__completion-text{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--chakra-color, var(--emerald-400));letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:puzzle-text-in .6s var(--ease-cinematic) .5s both;text-shadow:0 0 20px color-mix(in srgb,var(--chakra-color, var(--emerald-400)) 40%,transparent)}@keyframes puzzle-text-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.puzzle-tile{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);background:var(--void-800);border:1px solid var(--void-600);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--void-200);white-space:nowrap}.puzzle-tile--placed{background:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 10%,var(--void-800));border-color:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 30%,var(--void-600));color:var(--void-100)}.puzzle-slot{display:flex;align-items:center;justify-content:center;min-height:40px;min-width:80px;background:var(--void-950);border:1px dashed var(--void-600);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--void-500)}.puzzle-slot--filled{border-style:solid;border-color:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 30%,var(--void-600))}.puzzle-crystal{cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),filter var(--duration-fast) var(--ease-default)}.puzzle-crystal--active{transform:scale(1.2);filter:brightness(1.5)}.puzzle-crystal--dim{opacity:.3;filter:grayscale(.8)}.puzzle-card{perspective:600px;cursor:pointer}.puzzle-card__inner{position:relative;width:100%;height:100%;transition:transform .5s var(--ease-spring);transform-style:preserve-3d}.puzzle-card--flipped .puzzle-card__inner{transform:rotateY(180deg)}.puzzle-card__face{position:absolute;inset:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--void-600);padding:var(--space-2)}.puzzle-card__front{background:var(--void-800)}.puzzle-card__front:after{content:"?";font-family:var(--font-display);font-size:var(--text-h2);color:var(--void-500)}.puzzle-card__back{background:var(--void-850);transform:rotateY(180deg);font-family:var(--font-body);font-size:var(--text-xs);color:var(--void-200);text-align:center;padding:var(--space-2)}.puzzle-card--matched .puzzle-card__back{border-color:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 40%,var(--void-600));background:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 8%,var(--void-850))}.puzzle-timer-bar{position:relative;height:8px;background:var(--void-800);border-radius:var(--radius-full);overflow:hidden}.puzzle-timer-bar__fill{height:100%;background:var(--void-500);border-radius:var(--radius-full);transition:none}.puzzle-timer-bar__target{position:absolute;top:-2px;bottom:-2px;background:color-mix(in srgb,var(--chakra-color, var(--violet-500)) 25%,transparent);border:1px solid var(--chakra-color, var(--violet-500));border-radius:2px}.puzzle-timer-frozen{filter:saturate(.2);box-shadow:0 0 30px color-mix(in srgb,var(--violet-500) 20%,transparent)}.puzzle-ring{cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring)}.puzzle-ring:hover{filter:brightness(1.2)}.puzzle-ring--aligned{filter:drop-shadow(0 0 8px var(--chakra-color, var(--crimson-400)))}.puzzle-maze-cell{background:var(--void-850);border:1px solid var(--void-700);transition:background var(--duration-fast) var(--ease-default)}.puzzle-maze-cell--wall-top{border-top:2px solid var(--void-400)}.puzzle-maze-cell--wall-right{border-right:2px solid var(--void-400)}.puzzle-maze-cell--wall-bottom{border-bottom:2px solid var(--void-400)}.puzzle-maze-cell--wall-left{border-left:2px solid var(--void-400)}.puzzle-maze-cell--player{background:color-mix(in srgb,var(--chakra-color, var(--emerald-400)) 20%,var(--void-850));box-shadow:inset 0 0 8px color-mix(in srgb,var(--chakra-color, var(--emerald-400)) 30%,transparent)}.puzzle-maze-cell--exit{background:color-mix(in srgb,var(--gold-500) 10%,var(--void-850))}.puzzle-maze-cell--visited{background:color-mix(in srgb,var(--void-600) 10%,var(--void-850))}.puzzle-scale{transition:transform .6s var(--ease-spring)}.puzzle-scale-beam{transform-origin:center;transition:transform .6s var(--ease-spring)}.puzzle-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--void-800);border-radius:var(--radius-md);border:1px solid var(--void-700);cursor:pointer;user-select:none}.puzzle-toggle__track{position:relative;width:48px;height:24px;background:var(--void-700);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-default);flex-shrink:0}.puzzle-toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--void-300);transition:transform var(--duration-fast) var(--ease-spring)}.puzzle-toggle--on .puzzle-toggle__track{background:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 50%,var(--void-700))}.puzzle-toggle--on .puzzle-toggle__thumb{transform:translate(24px)}.puzzle-toggle__labels{display:flex;justify-content:space-between;flex:1;font-family:var(--font-body);font-size:var(--text-xs);color:var(--void-400)}.puzzle-toggle__labels span:first-child{color:var(--void-200)}.puzzle-toggle--on .puzzle-toggle__labels span:first-child{color:var(--void-400)}.puzzle-toggle--on .puzzle-toggle__labels span:last-child{color:var(--void-200)}.puzzle-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;background:var(--void-800);transition:background var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.puzzle-hex--filled{background:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 15%,var(--void-800))}.puzzle-grid-cell{display:flex;align-items:center;justify-content:center;background:var(--void-850);border:1px solid var(--void-700);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);color:var(--void-300);min-height:48px;transition:background var(--duration-fast) var(--ease-default)}.puzzle-grid-cell--highlight{border-color:color-mix(in srgb,var(--chakra-color, var(--gold-500)) 30%,var(--void-600))}.puzzle-grid-cell--throne{background:color-mix(in srgb,var(--gold-500) 8%,var(--void-850));border-color:var(--gold-700)}.puzzle-cipher-wheel{cursor:grab;transition:filter var(--duration-fast) var(--ease-default)}.puzzle-cipher-wheel:active{cursor:grabbing}.trial-progress-ring{transform:rotate(-90deg)}.trial-progress-ring__bg{fill:none;stroke:var(--void-700)}.trial-progress-ring__fill{fill:none;stroke:url(#trial-gradient);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease-cinematic)}.trial-card{position:relative;display:block;padding:var(--space-6);background:var(--gradient-card);border:1px solid var(--void-700);border-radius:var(--radius-lg);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-default),transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);overflow:hidden}@media(hover:hover){.trial-card:hover{border-color:var(--void-500);transform:translateY(-2px);box-shadow:var(--shadow-lg)}}.trial-card--completed{border-color:color-mix(in srgb,var(--chakra-color, var(--emerald-500)) 30%,var(--void-700))}.trial-card__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--void-100);margin-bottom:var(--space-2)}.trial-card__desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--void-400);line-height:1.5;margin-bottom:var(--space-4)}.trial-card__footer{display:flex;align-items:center;justify-content:space-between}.trial-card__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--void-800);border:1px solid var(--void-700);font-family:var(--font-body);font-size:var(--text-xs);color:var(--void-400)}.trial-card__badge--complete{background:color-mix(in srgb,var(--emerald-500) 10%,var(--void-800));border-color:color-mix(in srgb,var(--emerald-500) 30%,var(--void-700));color:var(--emerald-400)}.gene-lab{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:768px){.gene-lab{grid-template-columns:1fr 1.5fr 1fr}}.gene-lab__panel{background:var(--void-850);border:1px solid var(--void-700);border-radius:var(--radius-md);padding:var(--space-4)}.gene-lab__panel-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--void-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.spell-slot{padding:var(--space-3);background:var(--void-850);border:1px solid var(--void-700);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),background var(--duration-fast) var(--ease-default)}.spell-slot--active{border-color:var(--chakra-color, var(--violet-500));background:color-mix(in srgb,var(--chakra-color, var(--violet-500)) 5%,var(--void-850))}.spell-slot--complete{border-color:var(--emerald-500);background:color-mix(in srgb,var(--emerald-500) 5%,var(--void-850))}@keyframes warning-flash{0%,to{opacity:.7}50%{opacity:1}}.puzzle-warning{padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--crimson-500) 10%,var(--void-900));border:1px solid var(--crimson-700);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--crimson-400);text-align:center;animation:warning-flash 1.5s ease-in-out infinite}.puzzle--void-cipher{--void-850: #C0C4CB;--void-900: #D0D3D8;--void-800: #AEB3BC;--void-700: #9BA1AD;--void-600: #8A90A0;border-color:var(--silver-mist)}.puzzle--void-cipher .puzzle__title{color:var(--void-950)}.puzzle--void-cipher .puzzle__subtitle{color:#5a6478}.puzzle--void-cipher .puzzle-tile{background:#aeb3bc;border-color:#9ba1ad;color:var(--void-950)}.puzzle--void-cipher .puzzle__arena{background:#d0d3d8}.puzzle--void-cipher .puzzle__lore-text{color:#5a6478;border-left-color:var(--silver-mist)}.puzzle__reset{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--void-800);border:1px solid var(--void-700);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);color:var(--void-400);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}@media(hover:hover){.puzzle__reset:hover{border-color:var(--void-500);color:var(--void-200)}}@media(prefers-reduced-motion:reduce){.puzzle-drag-ghost{transform:none}.puzzle-place-success,.puzzle-reject,.puzzle--solved{animation:none}.puzzle--solved .puzzle__title{animation:none;-webkit-text-fill-color:var(--chakra-color, var(--emerald-400))}.puzzle--solved .puzzle__lore{animation:none;opacity:1}.puzzle--completing .puzzle__completion,.puzzle__completion-flash{display:none}.puzzle__completion-text{animation:none;opacity:1}.puzzle-card__inner,.puzzle-toggle__thumb,.puzzle-toggle__track,.puzzle-timer-bar__fill{transition:none}.puzzle-warning{animation:none;opacity:1}.puzzle-crystal,.trial-progress-ring__fill,.trial-card,.puzzle-scale-beam{transition:none}}