.ds-world{--ds-x:0;--ds-y:0;--ds-ink:#09090b;--ds-accent:#f44e54;isolation:isolate;color:#09090b;background:#faf9f6;grid-template-columns:minmax(230px,41%) minmax(0,1fr);align-items:center;gap:clamp(5px,3vw,55px);min-height:100svh;padding:clamp(70px,8vw,108px) clamp(24px,6vw,105px) clamp(72px,9vw,125px);font-family:Tahoma,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.ds-world:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 35px,#09090b0b 35px 36px),linear-gradient(90deg,#0000 49.95%,#00000010 50%,#0000 50.05%);position:absolute;inset:0}.ds-world:after{content:"";z-index:-1;inset-inline-start:-16vw;border:1px solid #10101522;border-radius:50%;width:38vw;height:38vw;position:absolute;top:28%;box-shadow:0 0 0 20px #00000005,0 0 0 62px #00000004}.ds-ambient{opacity:.12;pointer-events:none;filter:blur(50px);border-radius:50%;position:absolute}.ds-ambient--one{top:-16%;background:#c33a48;width:32vw;height:32vw;animation:16s ease-in-out infinite alternate ds-ambient-drift;inset-inline-start:15%}.ds-ambient--two{bottom:-5%;background:#372b48;width:20vw;height:20vw;animation:14s ease-in-out -8s infinite alternate-reverse ds-ambient-drift;inset-inline-end:3%}.ds-heading{z-index:3;max-width:630px;transform:translate(calc(var(--ds-x) * -8px), calc(var(--ds-y) * -7px));align-self:center;transition:transform .16s linear;position:relative}.ds-index{letter-spacing:.07em;border-inline-start:5px solid #e35a60;padding-inline-start:14px;font:800 clamp(9px,.8vw,13px)/1.6 ui-monospace,monospace;display:inline-block}.ds-heading h1{letter-spacing:-.07em;text-transform:uppercase;text-shadow:4px 4px #e6dcda;margin:26px 0;font:1000 clamp(42px,8vw,138px)/.94 Tahoma,system-ui,sans-serif;transform:skewY(-3deg)}.ds-world[dir=rtl] .ds-heading h1{letter-spacing:0;line-height:1.27}.ds-heading h1 em{color:#e03a43;font-style:normal}.ds-heading>p{max-width:450px;margin-block-end:32px;font-size:clamp(13px,1.25vw,17px);font-weight:600;line-height:2}.ds-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ds-actions button{cursor:pointer;border:2px solid #111;min-height:48px;padding:15px 20px;font:850 13px/1.5 Tahoma,system-ui,sans-serif;transition:transform .15s,box-shadow .15s}.ds-awaken{color:#fff;background:#0b0b0f;transform:rotate(-2deg);box-shadow:6px 6px #d94351}.ds-world--awake .ds-awaken{background:#be223d}.ds-actions button:hover{transform:translateY(-2px)rotate(1deg)}.ds-pause{color:#111;background:0 0}.ds-actions button:focus-visible,.ds-footline a:focus-visible{outline-offset:5px;outline:3px solid #e43c48}.ds-portrait{z-index:2;aspect-ratio:2/3;width:min(100%,600px);transform:translate(calc(var(--ds-x) * 13px), calc(var(--ds-y) * 12px)) perspective(1000px) rotateY(calc(var(--ds-x) * -3deg)) rotateX(calc(var(--ds-y) * 3deg));filter:drop-shadow(16px 18px #00000021);margin:0 auto;transition:transform .16s ease-out;position:relative}.ds-portrait__plate{background:#fcfcfb;border:2px solid #15151b;position:absolute;inset:0;overflow:hidden}.ds-portrait__photo{object-fit:cover;width:100%;height:100%;display:block}.ds-orbit{aspect-ratio:1;pointer-events:none;border-radius:50%;width:115%;position:absolute;top:-9%;left:-7.5%}.ds-orbit--outer{opacity:.6;border:2px dotted #1f1f22;animation:36s linear infinite ds-rotate}.ds-orbit--inner{opacity:.75;border:1px dashed #a83d40;width:98%;animation:23s linear infinite reverse ds-rotate;top:-3%;left:1%}.ds-ink{pointer-events:none;mix-blend-mode:multiply;aspect-ratio:1;opacity:.06;inset-inline-start:5%;border-radius:50%;width:90%;position:absolute;top:-4%}.ds-ink--a{background:repeating-conic-gradient(#050507 0deg 2deg,#0000 2deg 12deg);animation:32s linear infinite ds-rotate}.ds-ink--b{background:repeating-conic-gradient(from 4deg,#0000 0deg 16deg,#0c0a0d 17deg 18deg);animation:28s linear infinite reverse ds-rotate}.ds-sun-ring{aspect-ratio:1;pointer-events:none;border:1px solid #f7d6aa5e;border-radius:50%;width:64%;animation:7s ease-in-out infinite ds-pulse;position:absolute;top:7%;left:18%;box-shadow:0 0 35px #f3b9a63d,inset 0 0 25px #1a171933}.ds-photo-grain{pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 4px);position:absolute;inset:0}.ds-scanline{z-index:3;pointer-events:none;opacity:.22;background:linear-gradient(#0000,#e0384c22,#0000);height:13%;animation:9s linear infinite ds-scan;position:absolute;top:-30%;left:0;right:0}.ds-crown-label{z-index:4;writing-mode:vertical-rl;color:#ffedf4;letter-spacing:.2em;top:46%;background:#131317;padding:15px 7px;font:850 9px/1.35 ui-monospace,monospace;position:absolute;inset-inline-end:-32px;transform:rotate(4deg)}.ds-sparks{pointer-events:none;position:absolute;inset:0;overflow:visible}.ds-sparks i{opacity:.7;width:3px;height:12px;animation:ds-ember calc(4s + var(--particle) * .12s) ease-in-out infinite alternate;animation-delay:calc(var(--particle) * -.27s);background:#c52643;border-radius:50%;display:block;position:absolute;top:25%;left:50%;box-shadow:0 0 11px #d92745}.ds-world--awake .ds-portrait{filter:drop-shadow(16px 18px #74122840)saturate(1.2)}.ds-world--awake .ds-ink--a{opacity:.22;animation-duration:7s}.ds-world--awake .ds-ink--b{opacity:.14;animation-duration:11s}.ds-world--awake .ds-sun-ring{animation-duration:1.6s;box-shadow:0 0 60px #ff456c66,inset 0 0 50px #ff456c55}.ds-world--awake .ds-scanline{opacity:.53;animation-duration:2s}.ds-world--awake .ds-sparks i{opacity:1;animation-duration:1.2s}.ds-crosshair{color:#b23644;pointer-events:none;opacity:.05;font:900 clamp(60px,14vw,180px)/1 ui-monospace,monospace;animation:60s linear infinite ds-rotate;position:absolute}.ds-crosshair--one{top:-5%;inset-inline-start:-5%}.ds-crosshair--two{bottom:5%;inset-inline-end:0%}.ds-placeholder{text-align:center;color:#232027;background:radial-gradient(circle at 50% 25%,#202026 0 24%,#f5f4f3 25%);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:30px;display:flex}.ds-placeholder>span{color:#e6e0d6;font-size:clamp(55px,11vw,110px)}.ds-placeholder strong{text-shadow:2px 2px #e2abb2;font:1000 clamp(22px,4vw,46px) ui-monospace,monospace}.ds-placeholder small{background:#fff;padding:11px;font-weight:700;line-height:1.8}.ds-border-code{letter-spacing:.06em;color:#392b33;bottom:-25px;font:800 9px ui-monospace,monospace;position:absolute;inset-inline-start:0}.ds-footline{letter-spacing:.04em;color:#6e6066;bottom:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 30px;font:800 10px/1.4 ui-monospace,monospace;display:flex;position:absolute;inset-inline:clamp(24px,6vw,105px)}.ds-footline a{color:#a22132;border-bottom:1px solid;padding-bottom:4px;text-decoration:none}.ds-world--paused .ds-ambient,.ds-world--paused .ds-crosshair,.ds-world--paused .ds-orbit,.ds-world--paused .ds-ink,.ds-world--paused .ds-sun-ring,.ds-world--paused .ds-scanline,.ds-world--paused .ds-sparks i{animation-play-state:paused!important}@keyframes ds-rotate{to{transform:rotate(360deg)}}@keyframes ds-ambient-drift{to{transform:translate(120px,-80px)scale(1.2)}}@keyframes ds-pulse{0%,to{opacity:.35;transform:scale(.95)}50%{opacity:.88;transform:scale(1.12)}}@keyframes ds-scan{to{top:130%}}@keyframes ds-ember{0%{opacity:.15;transform:translateY(16px)scale(.5)}to{opacity:.85;transform:translate(8px,-28px)scale(1.3)}}@media (width<=900px){.ds-world{grid-template-columns:1fr;gap:22px;min-height:100svh;padding-block:65px 86px}.ds-heading{text-align:start;max-width:640px}.ds-heading h1{margin:12px 0;font-size:clamp(42px,11vw,82px)}.ds-heading>p{margin-block-end:16px}.ds-portrait{width:min(75vw,410px)}.ds-crown-label{inset-inline-end:-21px}.ds-actions button{min-height:42px;padding:10px 13px;font-size:12px}}@media (width<=500px){.ds-world{padding-inline:19px}.ds-portrait{width:min(74vw,330px)}.ds-footline{inset-inline:20px;justify-content:flex-start;bottom:20px}.ds-coordinate{display:none}}@media (prefers-reduced-motion:reduce){.ds-world *{transition:none!important;animation:none!important}.ds-heading,.ds-portrait{transform:none!important}}
