.ritual-entry{margin:28px 0;padding:24px 0;border-top:1px solid #60634b;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.ritual-entry>div{flex:1;min-width:220px}.ritual-entry h3{font:24px Georgia,serif;margin:0}.ritual-entry p{margin:8px 0;font-size:13px}#record-ritual{box-sizing:border-box;width:min(1040px,94vw);max-height:90dvh;padding:28px;color:#eee8d5;border:1px solid #a89466;border-radius:14px;background:radial-gradient(ellipse at 45% 30%,#424a39,#18251e 80%);overflow:auto}#record-ritual::backdrop{background:#070d0bea;backdrop-filter:blur(10px)}.ritual-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.ritual-heading h2{font:30px Georgia,serif;margin:12px 0}.ritual-heading p{font-size:13px;color:#d3cbb7}.ritual-heading button,.ritual-bottom button{min-height:44px;font-size:15px}.ritual-scene{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:12%;padding:45px 6% 60px;min-height:300px;isolation:isolate}.ritual-copy{position:relative;aspect-ratio:1;width:100%;perspective:1000px}.ritual-jacket,.ritual-inner,.ritual-disc{position:absolute;inset:0;aspect-ratio:1}.ritual-jacket{z-index:3;background:linear-gradient(125deg,#c2b38d,#263f35);box-shadow:4px 10px 25px #0009;border:1px solid #e4d9ba44;pointer-events:none;transition:transform .9s cubic-bezier(.22,.7,.25,1)}.ritual-jacket img{width:100%;height:100%;object-fit:cover}.ritual-jacket small{position:absolute;bottom:10px;left:8px;background:#19241ec9;color:#f0dba6;padding:5px;font:8px system-ui;letter-spacing:1px}.ritual-jacket>span{position:absolute;inset:20px;display:grid;place-content:center;font:24px Georgia}.ritual-inner{inset:3%;z-index:1;background:radial-gradient(circle,#aaa492 0 17%,#d9d3bf 17.5% 19%,#eee8d7 20%);box-shadow:2px 4px 6px #0005;transition:transform .9s cubic-bezier(.22,.7,.25,1)}.ritual-inner span{position:absolute;bottom:9px;width:100%;text-align:center;font:6px system-ui;letter-spacing:1px;color:#797361}.ritual-disc{z-index:2;inset:6%;border-radius:50%;box-shadow:0 4px 7px #0009;transition:transform .9s cubic-bezier(.22,.7,.25,1);touch-action:none;cursor:grab}.ritual-disc svg,.ritual-flight svg{width:100%;height:100%;display:block}.ritual-scene[data-step=extracted] .ritual-inner{transform:translateX(12%) rotate(2deg)}.ritual-scene[data-step=extracted] .ritual-jacket{transform:translateX(-12%) rotate(-5deg)}.ritual-scene[data-step=extracted] .ritual-disc{transform:translateX(60%) rotate(12deg);z-index:4}.ritual-target{aspect-ratio:1;position:relative;background:linear-gradient(135deg,#9b9d8d,#424b45);border-radius:50%;box-shadow:0 5px 0 #191f1c,0 14px 35px #0008;border:2px solid #c8c3aa;outline:1px dashed #d4bb7e66;outline-offset:12px;transition:box-shadow .25s}.ritual-mat{position:absolute;inset:5%;border-radius:50%;background:repeating-radial-gradient(circle,#242c26 0 4px,#354037 5px 6px)}.ritual-target i{position:absolute;inset:48%;background:#ded9c8;border-radius:50%;box-shadow:1px 3px 3px #000}.ritual-target>span{position:absolute;top:112%;left:-10%;width:120%;text-align:center;font:9px system-ui;letter-spacing:2px;color:#d8caab}.ritual-over .ritual-target{box-shadow:0 0 0 8px #d5b26c66,0 14px 35px #0008}.ritual-bottom{border-top:1px solid #8e8d6b55;padding-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ritual-bottom p{flex:1;min-width:190px;font-size:13px;line-height:1.6}.ritual-flight{position:fixed;z-index:2147483647;pointer-events:none;transform-origin:top left;border-radius:50%;box-shadow:0 15px 30px #0006}body[data-record-stowed=true] #record,body[data-record-stowed=true] #listen-record-spin{visibility:hidden}@media(max-width:600px){#record-ritual{padding:18px;width:94vw}.ritual-heading h2{font-size:24px}.ritual-scene{min-height:0;grid-template-columns:1fr;gap:60px;padding:30px 18% 55px}.ritual-copy{width:85%}.ritual-target{width:78%;justify-self:center}.ritual-bottom{display:block}.ritual-bottom button{width:100%}.ritual-heading button{min-width:60px}.ritual-target>span{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.ritual-inner,.ritual-disc,.ritual-jacket,.ritual-target{transition:none}}
.ritual-copy{z-index:2}.ritual-target{z-index:1}
@media(min-width:701px) and (max-height:800px){#record-ritual{padding:22px}.ritual-scene{padding:16px 9% 42px;min-height:0}.ritual-copy,.ritual-target{max-width:270px}.ritual-heading h2{font-size:26px;margin:8px 0}}