.detail{position:absolute;inset:0}.detail__surface{touch-action:none;cursor:grab;position:absolute;inset:0}.detail__surface:active{cursor:grabbing}.detail__close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#f8f4ec;cursor:pointer;touch-action:manipulation;background:#23201c;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;animation:.2s ease-out .25s both detail-in;display:grid;position:absolute;box-shadow:0 6px 18px #23201c38}.detail__close svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:16px;height:16px}.detail__credits{top:max(16px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));color:#5c564e;background:#f8f4ecdb;border-radius:12px;max-width:min(320px,100vw - 104px);margin:0;padding:10px 14px;font-size:14px;line-height:1.45;list-style:none;animation:.2s ease-out .25s both detail-in;position:absolute;box-shadow:0 2px 10px #23201c14}.detail__credits a{color:#23201c;text-underline-offset:2px;font-weight:600;-webkit-text-decoration:underline #23201c4d;text-decoration:underline #23201c4d}.detail__credits svg{vertical-align:-1px;fill:currentColor;width:13px;height:13px;margin-right:5px}.detail__credits a:hover{text-decoration-color:currentColor}.detail__copy{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#f8f4ec;min-width:9.5em;font:inherit;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:#23201c;border:0;border-radius:999px;padding:14px 26px;font-size:17px;font-weight:600;transition:transform .12s;animation:.2s ease-out .25s both detail-in;position:absolute;translate:-50%;box-shadow:0 6px 18px #23201c38}.detail__copy:active{transform:scale(.96)}.detail__close:focus-visible,.detail__copy:focus-visible,.detail__credits a:focus-visible{outline-offset:3px;outline:3px solid #23201c}@media (prefers-reduced-motion:reduce){.detail__close,.detail__copy,.detail__credits{animation:none}}@keyframes detail-in{0%{opacity:0;scale:.8}}html,body,#root,main{height:100%;margin:0}body{-webkit-tap-highlight-color:transparent;background:#efefef;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}main{position:relative}.desk{height:100%}.rings{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ring{background:0 0;border:0;border-radius:4px;padding:0;position:absolute}.ring:focus-visible{outline-offset:4px;outline:3px solid #23201c}.press{left:50%;bottom:max(28px, env(safe-area-inset-bottom));color:#f8f4ec;font:inherit;letter-spacing:.01em;cursor:pointer;touch-action:manipulation;background:#23201c;border:0;border-radius:999px;padding:14px 26px;font-size:17px;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .2s;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #23201c38}.press:hover{box-shadow:0 8px 22px #23201c47}.press:active{transform:translate(-50%)scale(.96)}.desk[inert] .press{opacity:0}.press:focus-visible{outline-offset:3px;outline:3px solid #23201c}
