.reality-rip{--rift-ink:#241d18;--rift-paper:#fff8ee;--rift-orange:#ffb258;position:relative;background:var(--rift-paper);color:var(--rift-ink);padding:100px max(28px,5vw) 60px;isolation:isolate;overflow:clip}
.rift-heading{display:grid;grid-template-columns:1fr 300px;gap:20px 30px;margin-bottom:42px;align-items:end}
.rift-eyebrow{grid-column:1/-1;font:10px/1.4 Arial,sans-serif;letter-spacing:.2em;margin:0}
.rift-heading h2{font-family:Norifox,Impact,sans-serif;font-size:clamp(42px,5.9vw,96px);font-weight:600;line-height:.97;letter-spacing:-.02em;margin:0}
.rift-heading h2 em{font-style:normal;color:#a34a17}
.rift-heading>p:last-child{font:13px/1.8 Arial,sans-serif;margin:0 0 4px;max-width:300px}
.rift-stage{height:min(62svh,620px);min-height:360px;position:relative;overflow:hidden;border:1px solid var(--rift-ink);background:#e9dbca;isolation:isolate}
.rift-webgl,.rift-fallback{position:absolute;inset:0;pointer-events:none}
.rift-webgl{z-index:2;opacity:0;transition:opacity .2s}.rift-webgl canvas{display:block;width:100%;height:100%}.rift-ready .rift-webgl{opacity:1}.rift-ready .rift-fallback{visibility:hidden}
.rift-fallback{background:radial-gradient(ellipse at 50% 48%,#fff8ee 0 22%,#ead5bd 60%,#d6b89b 100%);display:grid;place-items:center}
.rift-fallback picture{height:88%;width:70%;z-index:2;display:grid;place-items:center}.rift-fallback img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(18px 15px 0 #241d181c)}
.rift-fallback-word{position:absolute;font:600 clamp(70px,16vw,250px)/1 Norifox,Impact,sans-serif;color:#241d1814;transform:rotate(-10deg)}
.rift-static-orbit{position:absolute;width:74%;height:65%;border:22px solid var(--rift-orange);border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 2px var(--rift-ink),inset 0 0 0 2px var(--rift-ink)}
.rift-world-type{position:absolute;inset:8% 5% auto;z-index:1;display:flex;justify-content:space-between;font:600 clamp(30px,7vw,100px)/.9 Norifox,Impact,sans-serif;letter-spacing:-.03em;color:#241d182c;transform:rotate(-5deg)}
.rift-world-label{position:absolute;left:4%;bottom:11%;z-index:3;display:flex;flex-direction:column;gap:9px;pointer-events:none;max-width:35%}.rift-world-label>span{font:8px/1.5 Arial,sans-serif;letter-spacing:.16em;background:var(--rift-paper);width:fit-content;padding:4px 6px}.rift-world-label b{font:600 clamp(28px,5.8vw,88px)/1 Norifox,Impact,sans-serif;text-shadow:2px 2px var(--rift-paper);transform:rotate(-5deg)}
.rift-cover{position:absolute;inset:0;z-index:5;transform-origin:50% 50%;pointer-events:none;will-change:transform;background:var(--rift-paper);background-image:radial-gradient(#241d1833 .7px,transparent .8px);background-size:5px 5px}
.rift-cover-left{clip-path:polygon(0 0,52% 0,48% 7%,52% 12%,48% 20%,51% 27%,47% 34%,52% 40%,48% 47%,53% 54%,48% 62%,52% 69%,47% 76%,51% 84%,48% 91%,51% 100%,0 100%)}
.rift-cover-right{clip-path:polygon(52% 0,100% 0,100% 100%,51% 100%,48% 91%,51% 84%,47% 76%,52% 69%,48% 62%,53% 54%,48% 47%,52% 40%,47% 34%,51% 27%,48% 20%,52% 12%,48% 7%)}
.rift-cover-inner{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(120deg,transparent 40%,#ffb2582a 40% 60%,transparent 60%)}
.rift-cover strong{font:600 clamp(150px,27vw,430px)/.64 Norifox,Impact,sans-serif;letter-spacing:-.075em;transform:rotate(-7deg);margin-left:-.04em;text-align:center;mix-blend-mode:multiply}
.rift-cover-top{position:absolute;top:32px;left:32px;font:9px/1.5 Arial,sans-serif;letter-spacing:.19em;max-width:160px}
.rift-cover-right .rift-cover-top{left:auto;right:32px;text-align:right}
.rift-cover-note{position:absolute;bottom:38px;left:32px;font:10px/1.65 Arial,sans-serif;letter-spacing:.06em}
.rift-cover-seal{position:absolute;right:8%;bottom:10%;height:95px;width:95px;display:grid;place-content:center;text-align:center;border:2px solid var(--rift-ink);border-radius:50%;background:var(--rift-orange);font:600 26px/.92 Norifox,Impact,sans-serif;transform:rotate(14deg)}
.rift-seam{position:absolute;z-index:6;inset:0 47% 0 47%;pointer-events:none;background:var(--rift-orange);clip-path:polygon(84% 0,25% 7%,85% 12%,23% 20%,67% 27%,9% 34%,83% 40%,23% 47%,100% 54%,22% 62%,83% 69%,6% 76%,68% 84%,25% 91%,67% 100%,57% 100%,13% 91%,55% 84%,0 76%,68% 69%,11% 62%,86% 54%,12% 47%,70% 40%,0 34%,53% 27%,12% 20%,71% 12%,14% 7%,72% 0)}
.rift-corner{position:absolute;z-index:7;font:8px/1.4 Arial,sans-serif;letter-spacing:.13em;padding:7px;background:var(--rift-paper);pointer-events:none}.rift-corner-tl{top:0;left:0}.rift-corner-br{bottom:0;right:0}
.rift-stage-caption{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:7;background:var(--rift-ink);color:var(--rift-paper);font:8px/1.4 Arial,sans-serif;letter-spacing:.13em;padding:8px 13px;text-align:center;white-space:nowrap;pointer-events:none}
.rift-console{display:grid;grid-template-columns:1fr 235px;gap:40px;align-items:center;border:1px solid var(--rift-ink);border-top:0;padding:23px 28px;background:#f3e9db}
.rift-pull-label,.rift-pull-ends{display:flex;justify-content:space-between;align-items:center;font:9px/1.4 Arial,sans-serif;letter-spacing:.12em}.rift-pull-label output{font:600 23px/1 Norifox,Impact,sans-serif}.rift-pull-ends{font-size:7px;letter-spacing:.08em}
.rift-pull input{display:block;appearance:none;-webkit-appearance:none;width:100%;height:46px;margin:3px 0 0;background:transparent;cursor:ew-resize;touch-action:pan-y}
.rift-pull input::-webkit-slider-runnable-track{height:2px;background:var(--rift-ink)}.rift-pull input::-moz-range-track{height:2px;background:var(--rift-ink)}
.rift-pull input::-webkit-slider-thumb{-webkit-appearance:none;width:46px;height:38px;margin-top:-18px;border:1px solid var(--rift-ink);border-radius:0;background:var(--rift-orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cpath d='M12 19h22m-16-6-6 6 6 6m10-12 6 6-6 6' fill='none' stroke='%23241d18' stroke-width='1.5'/%3E%3C/svg%3E") center/contain;box-shadow:3px 3px 0 var(--rift-ink)}
.rift-pull input::-moz-range-thumb{width:46px;height:38px;border:1px solid var(--rift-ink);border-radius:0;background:var(--rift-orange);box-shadow:3px 3px 0 var(--rift-ink)}
.rift-open{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:56px;border:1px solid var(--rift-ink);background:var(--rift-ink);color:var(--rift-paper);padding:15px 20px;font:14px/1.3 Arial,sans-serif;cursor:pointer}.rift-open>span:last-child{font-size:25px}.rift-open:hover{background:#463529}.rift-open:active{transform:translateY(2px)}
.rift-shopping{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #241d1833;padding:25px 0}
.rift-choices{display:flex;gap:8px}.rift-choices button{min-height:47px;padding:12px 16px;background:transparent;border:1px solid #241d1855;color:var(--rift-ink);font:11px/1.2 Arial,sans-serif;cursor:pointer}.rift-choices button>span{font-size:8px;margin-right:12px;opacity:.6}.rift-choices button[aria-pressed=true]{background:var(--rift-ink);color:var(--rift-paper);border-color:var(--rift-ink)}
.rift-shop{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:48px;color:var(--rift-ink);text-decoration:none;border-bottom:2px solid var(--rift-ink);font:13px/1.4 Arial,sans-serif}.rift-shop>span:last-child{font-size:24px}.rift-footnote{font:9px/1.7 Arial,sans-serif;color:#65574c;margin:16px 0 0;max-width:640px}.rift-footnote a{text-decoration:underline}
.reality-rip :focus-visible{outline:3px solid #a34a17;outline-offset:5px}.rift-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rift-static .rift-webgl{display:none}.rift-static .rift-fallback{visibility:visible}
@media(min-width:1600px){.reality-rip{padding-left:calc((100% - 1440px)/2);padding-right:calc((100% - 1440px)/2)}}
@media(max-width:800px){.rift-heading{grid-template-columns:1fr}.rift-heading>p:last-child{max-width:400px}.rift-console{gap:24px;grid-template-columns:1fr 180px}.rift-shopping{flex-wrap:wrap}.rift-shop{flex:1;min-width:250px}}
@media(max-width:600px){.reality-rip{padding:64px 18px 38px}.rift-heading{gap:17px;margin-bottom:25px}.rift-eyebrow{font-size:8px;letter-spacing:.13em}.rift-heading h2{font-size:clamp(37px,9.5vw,56px);line-height:1}.rift-heading>p:last-child{font-size:11px;line-height:1.7}.rift-stage{height:min(55svh,460px);min-height:360px}.rift-cover strong{font-size:clamp(165px,48vw,290px);line-height:.7;transform:rotate(-8deg) scaleY(1.25)}.rift-cover-top{top:36px;left:17px;font-size:7px;max-width:100px}.rift-cover-right .rift-cover-top{right:17px}.rift-cover-note{left:17px;bottom:72px;font-size:7px;max-width:140px}.rift-cover-seal{width:75px;height:75px;font-size:22px;right:8%;bottom:13%}.rift-corner{font-size:6px;letter-spacing:.1em}.rift-stage-caption{font-size:6px;padding:8px;bottom:25px;max-width:90%;white-space:normal;width:max-content}.rift-world-label{bottom:12%;left:5%;max-width:75%;gap:5px}.rift-world-label b{font-size:43px}.rift-world-label>span{font-size:6px}.rift-world-type{inset:10% 4% auto;font-size:42px;flex-direction:column;gap:8px}.rift-world-type>span:last-child{align-self:flex-end}.rift-console{grid-template-columns:1fr;gap:20px;padding:20px 17px}.rift-open{min-height:48px;font-size:12px;padding:9px 15px}.rift-pull-label{font-size:8px}.rift-pull-ends{font-size:6px}.rift-shopping{padding:20px 0;gap:16px}.rift-choices{width:100%;gap:6px}.rift-choices button{flex:1;padding:12px 6px;font-size:9px;min-height:46px}.rift-choices button>span{font-size:7px;margin-right:5px}.rift-shop{font-size:12px}.rift-footnote{font-size:8px}.rift-fallback picture{width:95%;height:82%}.rift-static-orbit{width:95%;height:48%;border-width:14px}}
@media(prefers-reduced-motion:reduce){.rift-webgl{display:none}.rift-fallback{visibility:visible!important}}

.rift-actions{display:grid;gap:8px}.rift-pause{min-height:44px;padding:10px 14px;border:1px solid #241d1855;background:transparent;color:var(--rift-ink);font:11px/1.3 Arial,sans-serif;cursor:pointer}.rift-pause:hover{background:#241d180a}.rift-pause[aria-pressed=true]{border-color:var(--rift-ink);background:var(--rift-paper)}

@media(max-width:600px){.rift-actions{grid-template-columns:1.35fr 1fr}.rift-pause{font-size:10px;padding:10px 7px}}
