.device-wrap{width:min(72vh,650px);margin:auto;position:relative;filter:drop-shadow(0 38px 48px #000)}.tablet{width:100%;padding:30px 27px 18px;border:2px solid #71838b;border-radius:34px;background:linear-gradient(135deg,#59676e 0,#11171a 9%,#2b353a 24%,#07090a 72%,#3e4c52 93%,#111619);box-shadow:inset 0 0 0 3px #07090a,inset 0 0 0 5px #3b484e,0 0 0 2px #020304,0 0 60px #80d4e824;position:relative}.tablet:before,.tablet:after{content:"";position:absolute;top:20%;bottom:20%;width:7px;background:repeating-linear-gradient(0deg,#111 0 9px,#607078 10px 12px);border:1px solid #050708}.tablet:before{left:-9px;border-radius:6px 0 0 6px}.tablet:after{right:-9px;border-radius:0 6px 6px 0}.edge-rail{position:absolute;z-index:3;top:25%;display:flex;flex-direction:column;gap:10px}.edge-rail.left{left:-14px}.edge-rail.right{right:-14px}.edge-rail i{width:9px;height:34px;background:#20292e;border:1px solid #687981;border-radius:4px;box-shadow:inset 0 0 6px #000}.edge-rail.left i:first-child{height:62px;border-color:var(--blue);box-shadow:0 0 9px #80d4e855}.camera{position:absolute;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center}.camera i{width:8px;height:8px;border:1px solid #78909a;background:#020303;border-radius:50%;box-shadow:inset 0 0 3px var(--blue)}.camera b{width:24px;height:3px;border-radius:5px;background:#050707}.screw{position:absolute;width:7px;height:7px;border:1px solid #7c898f;border-radius:50%;box-shadow:inset 0 0 0 2px #111}.s1{left:10px;top:10px}.s2{right:10px;top:10px}.s3{left:10px;bottom:10px}.s4{right:10px;bottom:10px}.lights{top:9px;left:28px;font-size:7px;letter-spacing:1px}.lights i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#64747b;margin-left:4px}.lights i:first-of-type{background:var(--blue);box-shadow:0 0 5px var(--blue)}.screen{border-radius:5px;border:3px solid #000;box-shadow:inset 0 0 28px #000,0 0 0 1px #4e5e65,0 0 22px #80d4e81a}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 24%);z-index:2}.screen>#page{position:absolute;inset:0;background:center/cover no-repeat;transition:.16s}.screen.turn #page{opacity:.15}.cover{z-index:1}.story-caption{position:absolute;z-index:3;left:4%;right:4%;bottom:3%;padding:9px 11px;border-left:3px solid var(--gold);background:#080b0ce8;color:#eee9de;font:italic 13px/1.3 Georgia,serif;opacity:0;transition:.2s}.story-caption.show{opacity:1}.screen>button{z-index:4}@media(max-width:1000px){.device-wrap{width:min(75vh,650px)}}@media(max-width:680px){.device-wrap{width:calc(100% - 18px)}.tablet{width:100%;padding:24px 18px 13px;border-radius:27px}.edge-rail.left{left:-10px}.edge-rail.right{right:-10px}.lights{left:22px}.story-caption{font-size:12px}}