.stage{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-x:max(env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));--brush-hairline:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='360'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.015' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='360' filter='url(%23f)' opacity='0.55'/%3E%3C/svg%3E");--brush-bands:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='360'%3E%3Cfilter id='w' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.1 0.004' numOctaves='2' seed='23' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='360' filter='url(%23w)' opacity='0.4'/%3E%3C/svg%3E");--brush-tooth:repeating-linear-gradient(90deg, #ffffff0d 0px, #fff0 1px, #0000000a 2px, #ffffff06 3px);--brush-blend:normal, overlay, normal, soft-light, normal;--brush-base:linear-gradient(168deg, #b0aaa3 0%, #948e88 26%, #837d77 52%, #99938d 74%, #757068 100%);--brush-base-plate:linear-gradient(168deg, #cfc9c1 0%, #b6b0a9 26%, #a49e97 52%, #bab4ad 74%, #97918a 100%);background:#050404;width:100vw;height:100dvh;overflow:hidden}.device{--font-print:"DM Serif Display", Georgia, serif;--font-engrave:"Jost", "Futura", "Avenir Next", sans-serif;--font-tube:"Share Tech Mono", ui-monospace, monospace}@supports (-webkit-touch-callout:none){@media (display-mode:standalone){.stage{--safe-top:max(env(safe-area-inset-top,0px), 20px);--safe-bottom:max(env(safe-area-inset-bottom,0px), 10px)}}}.device{--case-pad:clamp(22px, 3vw, 54px);--case-pad-top:clamp(40px, 5.4vw, 96px);--screw:clamp(9px, 1.2vw, 20px);--band-top:calc(var(--safe-top) + var(--case-pad-top));--band-bottom:calc(var(--safe-bottom) + var(--case-pad));--band-x:calc(var(--safe-x) + var(--case-pad));--console:min(1160px, calc((100dvh - var(--band-top) - var(--band-bottom)) / .8));--screw-inset:calc(var(--safe-x) + (var(--case-pad) - var(--screw)) / 2);--screw-inset-top:calc(var(--safe-top) + (var(--case-pad-top) - var(--screw)) / 2);--screw-inset-bottom:calc(var(--safe-bottom) + (var(--case-pad) - var(--screw)) / 2);--plaque-h:clamp(13px, 1.75vw, 30px);width:100vw;height:100dvh;padding:var(--band-top) var(--band-x) var(--band-bottom);isolation:isolate;background:repeating-linear-gradient(92deg,#00000021 0,#0000 1.5px,#ffffff09 3px,#0000001a 4.5px,#0000 7px),repeating-linear-gradient(88deg,#0000 0,#0000001a 22px,#0000 41px,#ffd6a00a 57px,#00000012 84px,#0000 117px),linear-gradient(96deg,#3b2617 0%,#57351f 18%,#462a18 38%,#5d3a22 62%,#3a2415 88%,#2e1c11 100%);align-content:end;justify-items:center;display:grid;position:relative;box-shadow:inset 0 2px 3px #ffdcb42e,inset 0 -6px 14px #0009}.console{z-index:1;width:min(var(--console), 100%);margin-bottom:clamp(10px,2dvh,34px);position:relative;container-type:inline-size}.device:after{content:"";border-radius:inherit;pointer-events:none;z-index:5;opacity:.5;mix-blend-mode:overlay;background:linear-gradient(115deg,#fff5e11f 0%,#fff5e105 30%,#0000 48%),radial-gradient(60% 40% at 22% 12%,#ffebcd29,#0000 70%),radial-gradient(40% 30% at 84% 88%,#0000004d,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");position:absolute;inset:0}.panel{background: linear-gradient(180deg, #fff8e829 0%, #fff8e808 15%, #fff0 32%, #0000 70%, #0000001f 100%), var(--brush-hairline), var(--brush-tooth), var(--brush-bands), var(--brush-base);background-blend-mode:var(--brush-blend);border-radius:1.4cqw;gap:1.8cqw;padding:2.2cqw 2.6cqw 2.6cqw;display:grid;position:relative;box-shadow:inset 0 .12cqw #ffffff8c,inset 0 -.14cqw #00000080,inset .12cqw 0 #ffffff38,inset -.12cqw 0 #00000052,inset 0 0 1cqw #00000029,0 .5cqw 1.6cqw #000000a6}.body{gap:2.4cqw;display:grid}.screw{width:var(--screw);height:var(--screw);z-index:4;background:radial-gradient(circle at 34% 28%,#cfcac4 0%,#85807a 42%,#4b4642 78%,#6d6863 100%);border-radius:50%;position:absolute;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #0000008c,0 1px 3px #00000073}.screw:before{content:"";border-top:2px solid #0000008c;border-bottom:1px solid #ffffff40;position:absolute;inset:47% 12% auto}.screw--tl{top:var(--screw-inset-top);left:var(--screw-inset);transform:rotate(24deg)}.screw--tr{top:var(--screw-inset-top);right:var(--screw-inset);transform:rotate(-63deg)}.screw--bl{bottom:var(--screw-inset-bottom);left:var(--screw-inset);transform:rotate(71deg)}.screw--br{bottom:var(--screw-inset-bottom);right:var(--screw-inset);transform:rotate(11deg)}.dial{cursor:grab;touch-action:none;user-select:none;background:radial-gradient(120% 150% at 50% 118%,#ffc46a80 0%,#0000 62%),linear-gradient(178deg,#efe3c6 0%,#e7d8b4 45%,#d8c69c 100%);border-radius:.8cqw;padding:0;transition:filter .42s,background .42s;position:relative;overflow:hidden;box-shadow:inset 0 .5cqw 1.1cqw #5434148c,inset 0 -.3cqw .8cqw #784c1e59,inset 0 0 0 .28cqw #261e16d9,0 .2cqw .5cqw #00000080}.dial:active{cursor:grabbing}.device[data-power=off] .dial{filter:saturate(.15)brightness(.52)}.dial:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(100deg,#ffffff4d 0%,#ffffff0f 22%,#0000 40%),linear-gradient(#fff3 0%,#0000 12% 88%,#ffffff29 100%);position:absolute;inset:0}.dial svg{width:100%;display:block}.scale-ink{fill:#2a2018;stroke:#2a2018}.scale-numeral{font-family:var(--font-print);fill:#241b13;paint-order:stroke}.pointer-line{stroke:#c8321e;filter:drop-shadow(0 0 .35cqw #ff5a32bf)}.pointer-flag{fill:#b8291a;filter:drop-shadow(0 .15cqw .2cqw #0006)}.device[data-power=off] .pointer-line{filter:none}.readout{z-index:4;font-family:var(--font-tube);color:#261c12e6;align-items:baseline;gap:.5cqw;display:flex;position:absolute;top:1.1cqw;left:2cqw}.readout__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.9cqw;font-weight:500}.readout__unit{letter-spacing:.18em;opacity:.65;font-size:1.15cqw}.deck{grid-template-columns:19cqw 1fr 19cqw;align-items:center;gap:2.2cqw;display:grid}.bank{align-content:center;justify-items:center;gap:1.5cqw;display:grid}.knob-cell{width:100%}.knob-cell--volume{width:60%}.tone{grid-template-columns:repeat(3,1fr);gap:1.2cqw;width:100%;display:grid}.grille{inset:var(--band-top) var(--band-x) var(--band-bottom);background-color:#16120f;border-radius:4px;position:absolute;overflow:hidden;box-shadow:inset 0 3px 9px #000000f2,inset 0 -1px 4px #ffffff17,0 0 0 1px #0a0604e6,0 0 0 3px #603e22b3,0 0 0 4px #120b07d9,0 1px #fff3}.grille:before{content:"";transform:scale(calc(1 + var(--thump,0) * .004));will-change:transform;background-image:radial-gradient(circle,#4c443c .9px,#0000 1.1px),radial-gradient(circle,#0a0806 .9px,#0000 1.2px);background-position:0 0,.8px .8px;background-size:5px 5px,5px 5px;position:absolute;inset:0}.grille:after{content:"";border-radius:inherit;opacity:calc(.25 + var(--level,0) * .75);background:radial-gradient(50% 62%,#ffbe7817,#0000 72%);transition:opacity .12s linear;position:absolute;inset:0}.knob{aspect-ratio:1;touch-action:none;cursor:grab;user-select:none;border-radius:50%;position:relative;box-shadow:0 .7cqw 1.3cqw #0000008c,0 .15cqw .3cqw #00000080}.knob:active{cursor:grabbing}.knob__grip{z-index:0;background:repeating-conic-gradient(#b6aea6 0deg 1.6deg,#6d655e 1.6deg 3.2deg);border-radius:50%;position:absolute;inset:0}.knob:after{content:"";z-index:1;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 .25cqw .5cqw #ffffff38,inset 0 -.25cqw .5cqw #0006,inset 0 0 0 .15cqw #00000059}.knob:before{content:"";z-index:2;background:repeating-radial-gradient(circle,#ffffff0d 0 1px,#0000000f 1px 2.5px),radial-gradient(circle at 32% 26%,#d8d2cb 0%,#9a938c 34%,#5f5852 68%,#7d766f 88%,#423c37 100%);border-radius:50%;position:absolute;inset:14%;box-shadow:inset 0 .15cqw .3cqw #ffffff80,inset 0 -.2cqw .4cqw #0000008c,0 .15cqw .4cqw #00000080}.knob__index{z-index:3;border-radius:50%;position:absolute;inset:0}.knob__index:after{content:"";background:linear-gradient(#23201d,#4a4540);border-radius:.3cqw;width:.6cqw;height:22%;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 .1cqw .1cqw #ffffff4d}.knob__stop{pointer-events:none;background:#1c18148c;border-radius:.15cqw;width:.3cqw;height:.85cqw;position:absolute;top:88.2%;left:11.8%;transform:translate(-50%,-50%)rotate(-135deg);box-shadow:0 .08cqw #ffffff40}.knob__stop--max{left:88.2%;transform:translate(-50%,-50%)rotate(135deg)}.knob__stop--lettered{width:auto;height:auto;box-shadow:none;font-family:var(--font-engrave);color:#1c18149e;text-shadow:0 .08cqw #ffffff47;background:0 0;font-size:.8cqw;font-weight:500;line-height:1;transform:translate(-50%,-50%)}.knob--tuning,.knob--volume,.knob--bass,.knob--treble,.knob--stereo{width:100%}.knob-label{text-align:center;font-family:var(--font-engrave);letter-spacing:.24em;color:#1c18149e;text-shadow:0 .08cqw #ffffff47;margin-top:.9cqw;font-size:1.1cqw;font-weight:500}.tone .knob__index:after{border-radius:.17cqw;width:.34cqw}.tone .knob-label{letter-spacing:.12em;margin-top:.6cqw;font-size:.82cqw}.meter{background:linear-gradient(#ecdfc4 0%,#d9c8a6 100%);border-radius:.6cqw;padding:.7cqw;position:relative;box-shadow:inset 0 .2cqw .5cqw #5a3e1c80,inset 0 0 0 .2cqw #261e16cc,0 .15cqw .35cqw #00000073}.meter:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff4d 0%,#ffffff0d 32%,#0000 52%);position:absolute;inset:.2cqw}.meter svg{width:100%;height:auto;display:block}.meter__needle{stroke:#23180f}.meter__arc{stroke:#23180f8c;fill:none}.meter__peak{stroke:#b0311c}.meter__label{font-family:var(--font-engrave);fill:#23180f99;letter-spacing:.16em;font-weight:500}.device[data-power=off] .meter{filter:saturate(.2)brightness(.6)}.masthead{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.masthead__switch{align-items:center;gap:1cqw;display:flex}.masthead__label{font-family:var(--font-engrave);letter-spacing:.24em;color:#1c18149e;text-shadow:0 .08cqw #ffffff47;font-size:.95cqw;font-weight:500}.masthead__legend{text-align:right;font-family:var(--font-engrave);text-transform:uppercase;color:#1c181494;text-shadow:0 .08cqw #ffffff42;justify-items:end;gap:.4cqw;font-weight:500;display:grid}.masthead__line{letter-spacing:.22em;white-space:nowrap;font-size:.9cqw;line-height:1}.masthead__line--lead{letter-spacing:.26em;color:#1c1814ad;font-size:1.2cqw}.power{--power-size:4.6cqw;width:var(--power-size);height:var(--power-size);cursor:pointer;background:radial-gradient(circle at 32% 26%,#c6c0b9 0%,#948e88 45%,#635d58 80%,#857f79 100%);border:0;border-radius:50%;flex:none;padding:.55cqw;box-shadow:inset 0 .12cqw .2cqw #ffffff8c,inset 0 -.15cqw .3cqw #0000008c,0 .25cqw .6cqw #0000008c}.power__cap{background:radial-gradient(circle at 36% 30%,#46403a 0%,#262220 52%,#14110f 100%);border-radius:50%;place-items:center;width:100%;height:100%;transition:transform 90ms,box-shadow 90ms;display:grid;box-shadow:inset 0 .12cqw .25cqw #ffffff38,inset 0 -.2cqw .45cqw #000c,0 .25cqw .5cqw #0009}.power:active .power__cap{transform:translateY(.12cqw)scale(.98)}.device[data-power=on] .power__cap{transform:translateY(.1cqw)scale(.97);box-shadow:inset 0 .25cqw .5cqw #000000bf,0 .05cqw .15cqw #00000080}.power__glyph{color:#6d665f;width:45%;height:45%;transition:color .2s,filter .2s}.device[data-power=on] .power__glyph{color:#ffb054;filter:drop-shadow(0 0 .6cqw #ff963ccc)}.seek{grid-template-columns:1fr 1fr;gap:.8cqw;width:100%;display:grid}.seek__button{cursor:pointer;color:#2b2521;background:linear-gradient(#cdc6bf 0%,#9c958e 55%,#7c756e 100%);border:0;border-radius:.5cqw;place-items:center;height:4.6cqw;display:grid;box-shadow:inset 0 .15cqw .2cqw #ffffffb3,inset 0 -.15cqw .3cqw #0000006b,0 .25cqw .4cqw #00000080}.seek__button:active{transform:translateY(.15cqw);box-shadow:inset 0 .25cqw .45cqw #00000073,0 .05cqw .1cqw #0006}.seek__button svg{width:1.7cqw;height:1.7cqw}.seek__button:disabled{opacity:.45;cursor:default}.centre-stack{grid-template-rows:1fr auto;align-self:stretch;gap:1.4cqw;min-height:30cqw;display:grid}.cluster{align-items:center;gap:1.6cqw;display:flex}.cluster .meter{flex:1 1 0;min-width:0}.device[data-power=on]{box-shadow:inset 0 2px 3px #ffdcb438,inset 0 -6px 14px #0009,inset 0 40px 90px #ff963c12}.plaque{bottom:calc(var(--safe-bottom) + (var(--case-pad) - var(--plaque-h)) / 2);z-index:6;height:var(--plaque-h);font-family:var(--font-engrave);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#1e1915d1;text-shadow:0 1px #ffffff52;background:repeating-linear-gradient(90deg,#ffffff0d 0,#fff0 1px,#0000000f 2px,#ffffff05 3px),linear-gradient(168deg,#a8a29c 0%,#8b857f 40%,#746e69 72%,#8d8781 100%);border-radius:2px;align-items:center;gap:clamp(4px,.5vw,9px);padding:0 clamp(9px,1vw,17px);font-size:clamp(7px,.6vw,12px);font-weight:500;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #00000073,0 1px 2px #0009}.plaque:before,.plaque:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#cfcac4,#6e6863 70%,#4a4541);border-radius:50%;width:clamp(2px,.22vw,4px);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px #ffffff4d}.plaque:before{left:clamp(3px,.34vw,6px)}.plaque:after{right:clamp(3px,.34vw,6px)}.plaque--brand{--plaque-h:clamp(30px, 4.2vw, 76px);top:calc(var(--safe-top) + (var(--case-pad-top) - var(--plaque-h)) / 2);letter-spacing:.16em;color:#1a1511db;text-shadow:0 1px #ffffff61;padding:0 clamp(18px,2.4vw,44px);font-size:clamp(14px,2vw,36px);font-weight:500;bottom:auto;left:50%;transform:translate(-50%)}.plaque--origin{left:calc(var(--band-x) + clamp(6px, .8vw, 14px))}.plaque--legal{right:calc(var(--band-x) + clamp(6px, .8vw, 14px))}.plaque__mark{letter-spacing:.1em;font-weight:600}.plaque__rule{background:#1e19154d;width:1px;height:55%;box-shadow:1px 0 #ffffff47}.plaque a{color:inherit;text-decoration:none}.plaque a:hover,.plaque__report:hover{color:#0c0a08f2}.plaque__report{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-shadow:inherit;background:0 0;border:0;margin:0;padding:0}.plaque a:focus-visible,.plaque__report:focus-visible{outline-offset:2px;outline:1px solid #14100db3}@media (width<=900px){.plaque__tail{display:none}}@media (width<=700px){.plaque__model,.plaque__model+.plaque__rule{display:none}}@media (width<=560px){.plaque__mark,.plaque__mark+.plaque__rule{display:none}}@media (width<=470px){.plaque--origin{display:none}.plaque--legal{left:50%;right:auto;transform:translate(-50%)}}@media (aspect-ratio<=8/9){.device{--case-pad:clamp(14px, 4vw, 30px);--case-pad-top:clamp(34px, 10vw, 72px);--console:min(540px, calc((100dvh - var(--band-top) - var(--band-bottom)) / 2.15));align-content:safe center}.device--portrait .console{margin-bottom:0}.device--portrait .readout__value{font-size:7cqw}.device--portrait .readout__unit{font-size:2.3cqw}.device--portrait .deck{grid-template-columns:1fr 1fr;gap:2.4cqw}.device--portrait .centre-stack{grid-area:1/1/auto/-1;min-height:33dvh}.device--portrait .bank--output{grid-area:2/1}.device--portrait .bank--tuning{grid-area:2/2}.device--portrait .knob-cell{width:100%}.device--portrait .knob--tuning{width:62%;margin:0 auto}.device--portrait .knob--volume{width:52%;margin:0 auto}.device--portrait .knob--bass,.device--portrait .knob--treble,.device--portrait .knob--stereo{width:70%;margin:0 auto}.device--portrait .tone{gap:1cqw}.device--portrait .knob-label{font-size:2.2cqw}.device--portrait .tone .knob-label{letter-spacing:.08em;font-size:1.6cqw}.device--portrait .power{--power-size:9.5cqw;padding:1.1cqw}.device--portrait .masthead__label{font-size:2cqw}.device--portrait .masthead__line{font-size:1.9cqw}.device--portrait .masthead__line--lead{font-size:2.6cqw}.device--portrait .seek__button{height:9cqw}.device--portrait .seek__button svg{width:3.4cqw;height:3.4cqw}}@media (prefers-reduced-motion:reduce){.grille:after{transition:none}.grille:before{transform:none}}.screen{background:linear-gradient(#14110e 0%,#241f1a 100%);border-radius:.6cqw;align-self:stretch;padding:.35cqw;position:relative;box-shadow:inset 0 .2cqw .45cqw #000000e6,0 .1cqw #ffffff38}.screen__glass{--phosphor:#7cf0c0;background:radial-gradient(120% 140% at 50% 0,#0d1512 0%,#060908 70%);border-radius:.35cqw;grid-template-rows:auto auto 1fr auto;height:100%;padding:.75cqw .9cqw;display:grid;position:relative;overflow:hidden;container-type:inline-size}.screen__glass:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 3px),linear-gradient(103deg,#ffffff12 0 30%,#0000 55%);position:absolute;inset:0}.screen__glass{transition:filter .9s}.device[data-screen=off] .screen__glass{--phosphor:#2a3a34;filter:brightness(.5);transition:filter .12s}.device[data-screen=off] .screen__glass *{text-shadow:none!important;box-shadow:none!important}.screen__name,.screen__show{font-family:var(--font-tube);white-space:pre;min-height:1.2em;color:var(--phosphor);line-height:1.2}.screen__name{letter-spacing:.06em;text-shadow:0 0 1.4cqw #7cf0c08c;font-size:10.3cqw}.screen__show{letter-spacing:.04em;color:color-mix(in srgb, var(--phosphor) 62%, transparent);text-shadow:0 0 1cqw #7cf0c04d;font-size:7.05cqw}.screen__link{color:var(--phosphor);cursor:pointer;text-decoration:none;transition:color .16s,text-shadow .16s}.screen__link:hover{color:color-mix(in srgb, var(--phosphor) 80%, #fff);text-shadow:0 0 1.4cqw #7cf0c0b3}.screen__link:focus-visible{outline:.18cqw solid color-mix(in srgb, var(--phosphor) 70%, transparent);outline-offset:.15cqw}.screen__spectrum{align-items:flex-end;gap:.95cqw;min-height:12cqw;margin:1.5cqw 0;display:flex}.band{background:repeating-linear-gradient(0deg,#7cf0c017 0 1.5px,#0000 1.5px 3px);border-radius:.24cqw;flex:1;height:100%;position:relative}.band__fill{background:linear-gradient(180deg, #ffd47a 0%, var(--phosphor) 38%, color-mix(in srgb, var(--phosphor) 70%, #0b3a2c) 100%);border-radius:.24cqw;transition:height 60ms linear;position:absolute;inset:auto 0 0;box-shadow:0 0 1.2cqw #7cf0c073}.band__peak{background:#fff0c4;height:.48cqw;transition:bottom 90ms linear;position:absolute;left:0;right:0;box-shadow:0 0 1cqw #fff0c4b3}.device[data-screen=off] .band__fill,.device[data-screen=off] .band__peak{display:none}.screen__wear{align-items:center;gap:1.35cqw;display:flex}.screen__wear-label{font-family:var(--font-tube);letter-spacing:.2em;color:color-mix(in srgb, var(--phosphor) 45%, transparent);margin-right:1.2cqw;font-size:2.9cqw}.segment{background:#7cf0c01a;border-radius:.18cqw;flex:0 0 3.4cqw;height:1.65cqw}.segment.is-lit{background:var(--phosphor);box-shadow:0 0 1cqw #7cf0c08c}.screen__wear.is-critical .segment.is-lit{background:#ffb54a;box-shadow:0 0 1cqw #ffb54a80}.screen__wear.is-idle .screen__wear-label{opacity:.35}.turn{position:absolute;inset:0}.stage[data-face=dimming],.stage[data-face=turning-back],.stage[data-face=turning-front]{perspective:2600px}.stage[data-face=dimming] .turn,.stage[data-face=turning-back] .turn,.stage[data-face=turning-front] .turn{transform-style:preserve-3d}.backface{backface-visibility:hidden;transform:rotateY(180deg)}.stage[data-face=turning-back] .device,.stage[data-face=turning-front] .device{backface-visibility:hidden}.stage[data-face=dimming] .device,.stage[data-face=turning-back] .device,.stage[data-face=turning-front] .device{pointer-events:none}.stage[data-face=front] .backface,.stage[data-face=dimming] .backface{visibility:hidden}.stage[data-face=back] .device{display:none}.stage[data-face=back] .backface{backface-visibility:visible;transform:none}@keyframes case-turn-over{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(90deg)scale(.86)}to{transform:rotateY(180deg)scale(1)}}@keyframes case-turn-back{0%{transform:rotateY(180deg)scale(1)}50%{transform:rotateY(90deg)scale(.86)}to{transform:rotateY(0)scale(1)}}.stage[data-face=turning-back] .turn{animation:1.15s cubic-bezier(.66,.02,.24,1) both case-turn-over}.stage[data-face=turning-front] .turn{animation:1.15s cubic-bezier(.66,.02,.24,1) both case-turn-back}