/* Cropped viewports retain the supplied PNGs without changing their pixels. */
.kuroko-character{position:relative;width:100%;aspect-ratio:1;isolation:isolate}
.kuroko-body{display:block;width:100%;height:auto;transform:none!important}
.kuroko-eye{position:absolute;z-index:1;width:22%;height:24%;top:39%;overflow:hidden;border-radius:50%}
.kuroko-eye-left{left:29%}.kuroko-eye-right{left:53%;top:40.5%}
.kuroko-eye-white{position:absolute;inset:0;overflow:hidden;border-radius:50%}
.kuroko-eye img{position:absolute;display:block;height:auto;pointer-events:none}
.kuroko-pupil{position:absolute;z-index:2;left:25%;top:22%;width:50%;height:57%;overflow:hidden;border-radius:50%;transform:translate3d(0,0,0)}

/* Slight inward resting gaze; pointer offsets remain relative to this position. */
.kuroko-eye-left .kuroko-pupil{left:29%}
.kuroko-eye-right .kuroko-pupil{left:21%}

/* Keep both eyes above the laptop lid; all positions scale with the body. */
.kuroko-laptop .kuroko-eye{width:22%;height:24%}
.kuroko-laptop .kuroko-eye-left{left:27%;top:30%}
.kuroko-laptop .kuroko-eye-right{left:51%;top:31.5%}