.testing-center-miniature{--miniature-size:clamp(13rem, calc(100svh - 33rem), 19rem);--miniature-purple:var(--primary);--miniature-surface:color-mix(in oklch, var(--primary) 2%, var(--card));--miniature-edge:color-mix(in oklch, var(--primary) 13%, var(--border));--miniature-desk:color-mix(in oklch, var(--primary) 5%, var(--card));--miniature-rule:color-mix(in oklch, var(--primary) 35%, var(--border));--miniature-cycle:8s;width:100%;max-width:28rem;margin-inline:auto;position:relative}.testing-center-miniature__art{height:var(--miniature-size);perspective:900px;position:relative}.testing-center-miniature__floor{width:min(68%, var(--miniature-size));aspect-ratio:1;border:1px solid var(--miniature-edge);background:var(--miniature-surface);box-shadow:-10px 14px 0 var(--miniature-edge), -24px 36px 48px color-mix(in oklch, var(--primary) 12%, transparent);transform-style:preserve-3d;border-radius:1rem;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem .75rem;padding:1.5rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(52deg)rotate(-35deg)}.testing-center-miniature__desk{border:1px solid var(--miniature-edge);background:var(--miniature-desk);box-shadow:-2px 3px 0 var(--miniature-edge);transform-style:preserve-3d;animation:miniature-desk-wave var(--miniature-cycle) ease-in-out infinite;animation-delay:var(--miniature-delay);border-radius:4px;position:relative;transform:translateZ(0)}.testing-center-miniature__desk:before{border:1px solid var(--miniature-purple);border-radius:inherit;background:color-mix(in oklch, var(--miniature-purple) 8%, transparent);box-shadow:0 0 12px color-mix(in oklch, var(--miniature-purple) 18%, transparent);opacity:0;content:"";animation:miniature-desk-glow var(--miniature-cycle) ease-in-out infinite;animation-delay:var(--miniature-delay);position:absolute;inset:-1px}.testing-center-miniature__paper{background:var(--card);width:49%;height:78%;box-shadow:-1px 2px 2px color-mix(in oklch, var(--foreground) 15%, transparent);border-radius:1px;padding:5px 3px 3px;position:absolute;top:9%;left:19%;transform:translateZ(4px)rotate(-7deg)}.testing-center-miniature__paper:before{background:var(--miniature-purple);content:"";width:40%;height:2px;position:absolute;top:3px;left:3px}.testing-center-miniature__answer-lines{background:radial-gradient(circle, var(--miniature-rule) .7px, transparent 1px) 0 0 / 4px 5px;width:100%;height:100%;display:block}.testing-center-miniature__pencil{border-top:3px solid var(--muted-foreground);border-bottom:3px solid var(--foreground);background:var(--miniature-purple);border-radius:1px;width:2px;height:66%;position:absolute;top:18%;right:18%;transform:translateZ(4px)rotate(6deg)}.testing-center-miniature__monitor{border:3px solid var(--foreground);background:var(--miniature-edge);width:60%;height:70%;animation:miniature-screen-glow var(--miniature-cycle) ease-in-out infinite;animation-delay:var(--miniature-delay);border-radius:3px;position:absolute;top:0;left:50%;transform:translate(-50%)translateZ(14px)rotateX(-65deg)}.testing-center-miniature__chair{background:color-mix(in oklch, var(--miniature-purple) 60%, var(--card));width:47%;height:12px;box-shadow:-1px 2px 0 color-mix(in oklch, var(--miniature-purple) 28%, var(--border));border-radius:5px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)translateZ(5px)}@keyframes miniature-desk-wave{0%,38%,to{transform:translateZ(0)}18%{transform:translateZ(14px)}}@keyframes miniature-desk-glow{0%,38%,to{opacity:0}18%{opacity:.55}}@keyframes miniature-screen-glow{0%,38%,to{background:var(--miniature-edge)}18%{background:var(--miniature-purple)}}@media (prefers-reduced-motion:reduce){.testing-center-miniature__desk,.testing-center-miniature__desk:before,.testing-center-miniature__monitor{animation:none}}