/* The eye is decorative; it never intercepts interaction or carries content. */
html[data-design=cyber]{--paper:#080b12;--ink:#e3e7f4;--coral:#a9a2ff}html[data-design=cyber] body{background:#080b12;background-image:none}.cyber-global-eye{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;--eye-x:0%;--eye-y:0%;isolation:isolate;background:radial-gradient(ellipse at 65% 35%,#2e25411a,transparent 70%)}html[data-design=cyber] #design-experience{position:relative;z-index:1}html[data-design=cyber] .design-switch{z-index:80}.cyber-global-eye:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080b12aa,transparent 65%),linear-gradient(0deg,#080b12b0,transparent 55%)}.eye-globe{position:absolute;width:min(87vw,1250px);aspect-ratio:1;left:34%;top:50%;transform:translate(-10%,-50%) rotate(-14deg);border-radius:50%;overflow:hidden;border:1px solid #c4b9ff33;background:radial-gradient(circle at 43% 38%,#63617b28,#29263d26 45%,#080b1244 71%);box-shadow:inset -70px -30px 130px #0008,inset 20px 0 100px #b5a3ff12,0 0 140px #8a74da0a}.eye-grid{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 9.8%,#bba9ff14 10% 10.15%,transparent 10.4% 20%),repeating-conic-gradient(from 12deg,#bba9ff0d 0deg .25deg,transparent .4deg 20deg);transform:scaleX(.88)}.eye-iris{position:absolute;left:50%;top:50%;width:53%;aspect-ratio:1;transform:translate(calc(-50% + var(--eye-x)),calc(-50% + var(--eye-y)));border-radius:50%;background:radial-gradient(circle,#080b12 0 24%,#aaa4ff66 25%,#796ac344 30%,#b9abff2e 42%,#57508245 59%,#bfb6ff60 61%,#1a172c55 63%,transparent 65%);box-shadow:0 0 60px #a595ed0a;will-change:transform}.iris-fibres{position:absolute;inset:9%;border-radius:50%;background:repeating-conic-gradient(#d4cdff55 0deg .5deg,transparent 1deg 3deg,#7e6bb533 3.5deg 4deg,transparent 4.3deg 6deg);mask-image:radial-gradient(circle,transparent 34%,#000 36% 65%,transparent 70%);opacity:.6}.eye-pupil{position:absolute;inset:35%;border-radius:50%;background:#070910;box-shadow:0 0 0 2px #c2b5ff55,0 0 25px #a699df55}.eye-glint{position:absolute;width:8%;height:13%;top:25%;left:32%;border-radius:50%;transform:rotate(30deg);background:#f4eeff66;filter:blur(2px);box-shadow:28px 42px 40px #e0d8ff22}.eye-lid{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 70px 90px #080b1299;animation:eye-breathe 15s ease-in-out infinite}.eye-orbit{position:absolute;border:1px solid #b5a5ee22;width:min(95vw,1400px);aspect-ratio:1;border-radius:50%;left:27%;top:50%;transform:translateY(-50%) rotate(-20deg) scaleY(.44)}.orbit-two{transform:translateY(-50%) rotate(50deg) scaleY(.7);border-style:dashed;opacity:.5}.eye-coordinate{position:absolute;bottom:35px;right:35px;color:#beb0ed55;font:9px ui-monospace,monospace;letter-spacing:.2em}.world.cyber{--electric:#b6aaff;background:transparent;background-image:none}.cyber .world-nav{background:#080b12b8;backdrop-filter:blur(18px);border-color:#ac9ee733}.cyber .world-hero{min-height:85svh;position:relative;grid-template-columns:1.3fr .7fr}.cyber .world-intro h1{font-size:clamp(70px,8.8vw,140px);font-weight:500;letter-spacing:-.075em}.cyber .world-intro h1 em{color:#b6aaff;text-shadow:none}.cyber .world-intro>p{max-width:400px;color:#c5c1d4}.cyber-launcher{background:#0a0d16b8;backdrop-filter:blur(16px);border-color:#b6aaff44;box-shadow:none}.launcher-top,.launcher-foot,.cyber-launcher>a>b,.cyber-launcher i{color:#b6aaff}.cyber-launcher>a{border-color:#b6aaff22}.cyber-launcher>a:hover{background:#b6aaff15}.cyber .world-hero-note{border-color:#b6aaff33;color:#b6aaff}.cyber .world-cta{border-color:#b6aaff;color:#d2c9ff;box-shadow:4px 4px 0 #b6aaff18}.cyber .world-cta:hover{background:#b6aaff}.cyber .world-index,.cyber .world-source,.cyber .world-image>span{color:#b6aaff}.cyber .cyber-drum .world-project{background:#0d101ceB;border:1px solid #b6aaff22;backdrop-filter:blur(15px)}.cyber .world-project-media{background:#080b1288}.cyber .world-lab{background:#10101ac9;backdrop-filter:blur(16px);border-color:#b6aaff22}.cyber .world-about{background:#080b12c9;backdrop-filter:blur(16px)}.cyber .world-contact{background:linear-gradient(110deg,#1f1838bb,#080b12c9);border-color:#b6aaff33}.cyber .world-experiments article{border-color:#b6aaff33}.cyber .world-preview>span{background:#b6aaff}.cyber .world-disciplines>span{background:#141121;border-color:#b6aaff33;color:#d2c9ff}.cyber .drum-controls{color:#b6aaff}.cyber .drum-controls button{border-color:#b6aaff44;color:#d2c9ff;background:#151122}.cyber .drum-meter{background:#b6aaff15}.cyber .drum-meter:after{background:#b6aaff}html[data-design=cyber] .design-switch{background:#100e1deb;color:#d2c9ff;border-color:#b6aaff66;box-shadow:4px 4px 0 #b6aaff15}html[data-design=cyber] .design-options button[aria-pressed=true]{background:#b6aaff;color:#100e1d}.cyber .skoolie-view-tabs button{color:#d2c9ff}.cyber .skoolie-view-tabs button[aria-selected=true]{background:#b6aaff;border-color:#b6aaff;color:#100e1d}@keyframes eye-breathe{50%{opacity:.5;box-shadow:inset 0 50px 100px #080b12bb}}@media(max-width:760px){.eye-globe{width:145vw;left:5%;top:40%;opacity:.75}.eye-orbit{width:150vw;left:0;top:40%}.eye-coordinate{font-size:7px;bottom:20px;right:20px}.cyber .world-hero{grid-template-columns:1fr;min-height:0;padding-block:45px;gap:35px}.cyber .world-intro h1{font-size:clamp(65px,16vw,100px)}.cyber .world-nav{backdrop-filter:none}.cyber .world-lab,.cyber .world-about,.cyber-launcher,.cyber .cyber-drum .world-project{backdrop-filter:none}}@media(prefers-reduced-motion:reduce){.eye-lid{animation:none}.eye-iris{will-change:auto;transform:translate(-50%,-50%)}.cyber-global-eye .eye-orbit{opacity:.35}}

.cyber .world-intro{grid-column:1;grid-row:1}.cyber .cyber-launcher{grid-column:2;grid-row:1;align-self:center}.cyber .world-hero-note{grid-row:2;grid-column:1/-1}.cyber .world-hero{grid-template-rows:1fr auto;gap:40px 6vw}.eye-iris{max-width:none;max-height:none}.eye-globe{display:block}.cyber .world-intro h1{font-family:var(--sans)}
@media(max-width:760px){.cyber .cyber-launcher{grid-column:1;grid-row:2}.cyber .world-hero-note{grid-row:3}.cyber .world-hero{grid-template-rows:auto auto auto;gap:30px}.cyber .cyber-launcher>a{padding:18px}.cyber .cyber-launcher>a>span{font-size:24px}}

/* Keep rotating faces safely inside the lens, with opaque surfaces. */
.cyber .cyber-drum-scroll{height:260svh}
.cyber .cyber-drum-stage{overflow:visible;mask-image:none;perspective:2000px}
.cyber .cyber-drum{width:84%;height:min(62vh,620px)}
.cyber .cyber-drum .world-project{background:#10131f;backdrop-filter:none;border:1px solid #b6aaff33;border-radius:18px;box-shadow:0 22px 60px #0005;max-height:none}
.cyber .cyber-drum .world-project-media{background:#090c15;border-radius:12px}
.cyber .world-lab{overflow:hidden;background:linear-gradient(135deg,#151226ee,#090d17f5)}
.cyber .world-experiments{display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;perspective:1000px;padding:40px max(20px,calc((100% - 500px)/2)) 55px;scroll-padding-inline:30px;scrollbar-width:thin;scrollbar-color:#b6aaff66 #161323;overscroll-behavior-x:contain}
.cyber .world-experiments article{flex:0 0 min(500px,78vw);min-width:0;margin:0!important;padding:18px;border:1px solid #b6aaff44;border-radius:18px;background:linear-gradient(145deg,#27203b,#101622);box-shadow:0 20px 35px #0006;transform:translateZ(var(--card-depth,0px)) rotateY(var(--card-turn,0deg))!important;opacity:1!important;animation:none!important;scroll-snap-align:center;transition:box-shadow .25s}
.cyber .world-experiments article:hover{box-shadow:0 20px 45px #0008,0 0 25px #a894ff22}
.cyber .world-preview{border-radius:9px}.cyber .world-preview img{transition:transform .6s}.cyber .world-preview:hover img{transform:scale(1.035)}
.cyber .world-experiment-title{flex-wrap:wrap}.cyber .world-experiment-title>span:last-child{font-size:10px}
.sandbox-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px/1.7 ui-monospace,monospace;letter-spacing:.1em;color:#b6aaff}.sandbox-controls b{margin-left:20px}.sandbox-controls button{width:44px;height:44px;margin-left:8px;border:1px solid #b6aaff55;background:#191526;color:#d2c9ff;cursor:pointer}.sandbox-controls button:hover{background:#322747}
@media(max-width:1000px){.cyber .cyber-drum{width:88%}.cyber .cyber-drum .world-project{gap:20px;padding:22px}.cyber .world-project h3{font-size:42px}}
@media(max-width:760px){.cyber-global-eye{opacity:.6}.eye-globe{width:110vw;left:15%;top:32%;opacity:1}.eye-iris{width:65%}.eye-coordinate{display:none}.cyber .world-hero{padding-top:55vw}.cyber .world-intro{position:relative}.cyber .world-intro h1{font-size:clamp(58px,15vw,100px)}.cyber .world-section-title{gap:20px}.cyber .cyber-drum{width:88%;height:min(660px,calc(100svh - 65px))}.cyber .cyber-drum .world-project{padding:16px;gap:12px;border-radius:14px}.cyber .cyber-drum .world-project h3{font-size:32px}.cyber .cyber-drum .world-project-media{padding:8px}.cyber .world-experiments{padding:30px 10vw 40px;gap:18px}.cyber .world-experiments article{flex-basis:74vw;padding:12px}.cyber .world-experiment-title h3{font-size:25px}.sandbox-controls b{display:block;margin:0}.cyber .world-lab{padding-inline:20px}}
@media(max-height:700px) and (min-width:761px){.cyber .cyber-drum{height:76vh}.cyber .cyber-drum .world-project{padding:18px;gap:20px}.cyber .cyber-drum .world-project h3{font-size:38px}.cyber .cyber-drum .world-project-media video{max-height:250px}.cyber .cyber-drum .world-image img{max-height:260px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){.cyber .cyber-drum-scroll{height:auto}.cyber .cyber-drum{height:auto;width:100%}.cyber .world-experiments article{transform:none!important}.cyber .world-preview img{transition:none}}

@media(hover:none),(pointer:coarse){.eye-globe{translate:0 var(--eye-parallax,0px)}}
@media(prefers-reduced-motion:reduce){.eye-globe{translate:none!important}}
/* Reserve real media space inside the rotating cards, including Safari. */
.cyber #world-nura .world-project-media>.world-image{width:100%}
.cyber #world-nura .world-project-media>.world-image img{width:100%;height:auto;aspect-ratio:1.44;object-fit:contain}
@media(max-width:680px){
.cyber .cyber-drum{height:min(620px,calc(100svh - 90px))}
.cyber .cyber-drum .world-project{grid-template-rows:auto minmax(0,1fr);align-content:stretch;align-items:start;padding:18px;gap:20px}
.cyber .cyber-drum .world-project-media{width:100%;height:100%;min-height:0;max-height:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:10px;overflow:hidden}
.cyber #world-nura .world-project-media{padding-bottom:28px}
.cyber #world-nura .world-mini{width:24%;right:8px;bottom:5px}
.cyber #world-nura .world-mini img{width:100%;height:auto;max-height:150px;object-fit:contain}
.cyber #world-nura .world-mini .world-image>span{display:none}
.cyber .cyber-drum .world-project-copy{min-width:0}
.cyber .cyber-drum .world-project-media video{height:min(230px,100%);max-height:calc(100% - 25px);object-fit:contain}
.cyber .cyber-drum .world-phones img{width:100%;height:auto;max-height:230px;object-fit:contain}
.cyber .cyber-drum .skoolie-showcase-app{min-height:0}
}
@media(prefers-reduced-motion:reduce){.cyber .cyber-drum{height:auto}.cyber .cyber-drum .world-project{grid-template-rows:auto auto}.cyber .cyber-drum .world-project-media{height:auto;min-height:180px}}