*{box-sizing:border-box}:root{color-scheme:light;font-family:Times New Roman,Courier New,serif}body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#e3e3e3 25%,transparent 0),linear-gradient(-45deg,#e3e3e3 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e3e3e3 0),linear-gradient(-45deg,transparent 75%,#e3e3e3 0);background-size:20px 20px;background-color:#c9c9c9;color:#111;padding:1rem}main.retro{width:min(680px,100%);background:#fdf9de;border:4px double #333;padding:1.1rem;box-shadow:8px 8px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;gap:1rem;text-align:left}.marquee{background:#0033aa;color:#fffbe8;padding:.3rem .55rem;border:2px outset #b6b6b6;text-transform:uppercase;letter-spacing:.1em;overflow:hidden;position:relative;font-size:.95rem}.marquee span{display:inline-block;white-space:nowrap;animation:marquee-bounce 6s ease-in-out infinite alternate}@keyframes marquee-bounce{0%{transform:translateX(0)}to{transform:translateX(22%)}}.card{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:center;padding:.85rem;border:2px inset #7a7a7a;background:#fff}.avatar-orbit{--face-size:126px;--half-face:calc(var(--face-size) / 2);--pixel-size:calc(var(--face-size) / 8);--texture-size:calc(var(--pixel-size) * 64);width:158px;height:158px;display:grid;place-items:center;perspective:1100px}.avatar-cube{position:relative;width:var(--face-size);height:var(--face-size);animation:cube-spin 12s linear infinite}.avatar-cube,.cube{transform-style:preserve-3d}.cube{position:absolute;inset:0}.cube.overlay{transform:scale(1.03)}.avatar-face{position:absolute;top:0;left:0;width:var(--face-size);height:var(--face-size);background-image:var(--skin-url,none);background-repeat:no-repeat;background-size:var(--texture-size) var(--texture-size);image-rendering:pixelated;overflow:hidden}.front{transform:translateZ(var(--half-face));background-position:calc(-8 * var(--pixel-size)) calc(-8 * var(--pixel-size))}.back{transform:rotateY(180deg) translateZ(var(--half-face));background-position:calc(-24 * var(--pixel-size)) calc(-8 * var(--pixel-size))}.right{transform:rotateY(90deg) translateZ(var(--half-face));background-position:calc(-16 * var(--pixel-size)) calc(-8 * var(--pixel-size))}.left{transform:rotateY(-90deg) translateZ(var(--half-face));background-position:calc(0 * var(--pixel-size)) calc(-8 * var(--pixel-size))}.top{transform:rotateX(90deg) translateZ(var(--half-face));background-position:calc(-8 * var(--pixel-size)) calc(0 * var(--pixel-size))}.bottom{transform:rotateX(-90deg) translateZ(var(--half-face));background-position:calc(-16 * var(--pixel-size)) calc(0 * var(--pixel-size))}.overlay-face{background-position:var(--overlay-x,0) var(--overlay-y,0);background-size:var(--texture-size) var(--texture-size);background-image:var(--skin-url,none);background-repeat:no-repeat;opacity:.95}.overlay .front,.overlay-face{--overlay-x:calc(-40 * var(--pixel-size));--overlay-y:calc(-8 * var(--pixel-size))}.overlay .back{--overlay-x:calc(-56 * var(--pixel-size));--overlay-y:calc(-8 * var(--pixel-size))}.overlay .right{--overlay-x:calc(-48 * var(--pixel-size));--overlay-y:calc(-8 * var(--pixel-size))}.overlay .left{--overlay-x:calc(-32 * var(--pixel-size));--overlay-y:calc(-8 * var(--pixel-size))}.overlay .top{--overlay-x:calc(-40 * var(--pixel-size));--overlay-y:calc(0 * var(--pixel-size))}.overlay .bottom{--overlay-x:calc(-48 * var(--pixel-size));--overlay-y:calc(0 * var(--pixel-size));background-image:none}h1{margin:0;font-size:2rem;letter-spacing:.06em}.subtitle{margin:.35rem 0 0;color:#333}.note{padding:.9rem;border:2px dashed #222;background:#fffefa;line-height:1.45}.footer,.note a{color:#0033aa;font-weight:700}.footer{text-align:center;letter-spacing:.12em;border-top:3px double #111;padding-top:.75rem}@keyframes cube-spin{0%{transform:rotateX(-12deg) rotateY(0deg) rotate(2deg)}50%{transform:rotateX(18deg) rotateY(180deg) rotate(-4deg)}to{transform:rotateX(-12deg) rotateY(1turn) rotate(2deg)}}