.katana-trigger{display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.katana-trigger:after{content:'Open the lens ↗';display:block;margin:20px auto;font-size:11px;letter-spacing:.14em;color:#b9dceb}.lens-open{overflow:hidden}
.katana-lens{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;margin:0;padding:0;background:#050b16f5;color:#d6eaf5;overflow:auto;overscroll-behavior:contain}.katana-lens::backdrop{background:#020610d9}.lens-shell{min-height:100%;display:flex;flex-direction:column;padding:clamp(18px,4vw,48px);background:radial-gradient(ellipse at 50% 40%,#18435b55,transparent 70%)}.lens-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.lens-header h2{font-size:clamp(27px,4vw,44px);font-weight:300;letter-spacing:-.04em;margin:12px 0}.lens-header .eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.17em;color:#b4cbd9}.lens-close,.lens-points button{min-height:44px;padding:10px 18px;border:1px solid #a4d1e548;border-radius:28px;color:#d7edf6;background:#0b1929;font:inherit;font-size:11px;cursor:pointer}.lens-close{display:flex;gap:20px;align-items:center}.lens-close span{font-size:21px}.lens-close:hover,.lens-points button:hover{background:#203c50}.lens-stage{position:relative;isolation:isolate;flex:1;min-height:clamp(260px,48vh,580px);width:100%;margin:10px 0 22px;touch-action:none;cursor:crosshair}.lens-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.katana-glass{position:absolute;width:clamp(140px,25vmin,230px);aspect-ratio:1;translate:-50% -50%;border:1px solid #d1f2ffc4;border-radius:50%;background-color:#07101e;background-image:url('/assets/katana.png');background-repeat:no-repeat;box-shadow:0 0 0 7px #8dd8f414,0 0 0 8px #8dd8f430,0 0 65px #45aaff2b,inset 0 0 20px #071528;pointer-events:none}.katana-glass i{position:absolute;inset:-16px;border:1px dashed #9ecfed55;border-radius:50%;animation:lens-orbit 25s linear infinite}.katana-glass span{position:absolute;bottom:-37px;left:50%;translate:-50% 0;font-size:10px;letter-spacing:.15em;color:#b9eaff;background:#07111fed;padding:4px 10px;border-radius:14px}.lens-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 28px;max-width:850px;width:100%;margin:auto}.lens-controls>p{grid-column:1/-1;text-align:center;color:#a5bdcd;font-size:11px;line-height:1.7;margin:0}.lens-points{display:flex;flex-wrap:wrap;gap:8px}.lens-zoom{display:flex;align-items:center;gap:14px;font-size:11px;color:#b6cddb}.lens-zoom input{width:140px;accent-color:#9dddff;min-height:44px;cursor:pointer}.lens-zoom output{min-width:28px}.motion-paused .katana-glass i{animation-play-state:paused}@keyframes lens-orbit{to{rotate:360deg}}@media(max-width:600px){.lens-controls{grid-template-columns:1fr;justify-items:center}.lens-stage{min-height:330px}.lens-zoom{flex-wrap:wrap;justify-content:center}.lens-points button{padding-inline:17px}.lens-shell{padding:20px 14px 28px}.lens-header .eyebrow{font-size:8px}.lens-close{gap:10px;padding-inline:13px}}