@font-face{font-family:DramaManrope;src:url(/shortsdrama/fonts/manrope-variable.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:DramaDisplay;src:url(/shortsdrama/fonts/dramabox-display-650.woff2) format("woff2");font-style:normal;font-weight:650;font-display:swap}.db-landing{min-height:100svh;width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#fff;background:radial-gradient(ellipse at 76% 43%,#251333,#0b0711 30%,#050507 65%);font-family:DramaManrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.db-landing *{box-sizing:border-box}.db-landing button,.db-landing a{font-family:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.db-landing :focus-visible{outline:2px solid #b39af6;outline-offset:5px}.db-landing img{display:block;max-width:100%}body:has(.db-landing){background:#050507;margin:0}.db-landing-header{width:100%;max-width:1376px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 64px;z-index:2}.db-landing-wordmark{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:-.5px}.db-landing-wordmark>img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;border-radius:11px}.db-landing-wordmark>span{display:flex;align-items:center;gap:7px}.db-landing-wordmark em{font-size:10px;line-height:1;font-style:normal;color:#cfb7ff;background:#30203e;border:1px solid #634a7a;border-radius:5px;padding:5px;letter-spacing:0;font-weight:750}.db-landing-languages{display:flex;align-items:center;border:1px solid #3a3045;border-radius:24px;padding:4px;gap:1px;background:#17111d80}.db-landing-languages>button{font-size:10px;font-weight:650;padding:6px 9px;border:0;border-radius:18px;background:none;color:#9a88a9;cursor:pointer;transition:background .18s,color .18s}.db-landing-languages>button[aria-pressed=true]{color:#fff;background:#4d365f}.db-landing-content{position:relative;flex:1;width:100%;max-width:1248px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px;padding:20px 40px 45px;min-height:600px}.db-landing-copy{position:relative;z-index:2;padding:0 0 10px 16px}.db-landing-kicker{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:1.4px;color:#b4a0c7;margin-bottom:29px}.db-landing-kicker>span{height:5px;width:5px;border-radius:50%;background:#ae7cfc;box-shadow:0 0 12px #a876f155}.db-landing h1{font-family:DramaDisplay,DramaManrope,Arial,sans-serif;font-size:clamp(48px,5.6vw,80px);font-weight:650;line-height:1.12;letter-spacing:-3px;margin:0}.db-landing h1>span{display:block;white-space:nowrap}.db-landing h1 i{font-style:normal;color:#a67df5}.db-landing-copy>p{max-width:355px;font-size:14px;font-weight:450;color:#aaa1b4;line-height:1.85;margin:25px 0 32px}.db-landing-action{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.db-watch-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 20px;min-height:51px;min-width:288px;border:0;border-radius:15px;background:#f7f4fc;color:#130d1b;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 8px 30px #0002;transition:transform .18s,background .18s}.db-watch-button>svg:first-child{width:15px;flex-shrink:0}.db-watch-button>svg:last-child{margin-left:9px;opacity:.6;width:16px;flex-shrink:0}.db-watch-button:hover{background:#e8dcfa;transform:translateY(-2px)}.db-watch-button:active{transform:scale(.98)}.db-watch-button:disabled{cursor:default;color:#2a2036;opacity:.9;transform:none}.db-coming{font-size:10px;color:#8c7b9c;display:flex;align-items:center;gap:7px;padding-left:4px}.db-coming>span{width:4px;height:4px;border-radius:50%;background:#ad8ace}.db-character-stage{position:relative;width:100%;aspect-ratio:1;isolation:isolate;transform:translate(15px);display:flex;align-items:center;justify-content:center}.db-stage-glow{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;background:radial-gradient(ellipse,#8d4ac332,#8c43bf0c 58%,transparent 70%);filter:blur(20px);z-index:-3}.db-stage-orbit{position:absolute;left:6%;right:6%;height:31%;top:56%;border:1px solid #a16ac327;border-radius:50%;transform:rotate(-12deg);z-index:-2}.db-stage-floor{position:absolute;bottom:8%;left:21%;right:15%;height:7%;background:#7e3bb92e;border-radius:50%;filter:blur(17px);z-index:-1}.db-character-stage picture{display:block;width:114%;max-width:none;flex:0 0 114%;position:relative;margin-top:-8px}.db-landing-character{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 20px 50px #0007);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.db-stage-spark{position:absolute;width:5px;height:5px;border-radius:2px;background:#c3a8e9;transform:rotate(45deg);box-shadow:0 0 20px #c397e688;opacity:.6}.db-stage-spark-one{top:18%;right:12%}.db-stage-spark-two{top:59%;left:9%;width:3px;height:3px;opacity:.35}.db-landing-footer{max-width:1376px;width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 64px 27px;color:#6b5f76;font-size:9px;font-weight:500}.db-age{border:1px solid #392d45;border-radius:5px;padding:2px 5px;font-size:8px}@media (min-width:1600px){.db-landing-content{max-width:1380px}.db-landing h1{font-size:90px}.db-landing-copy>p{font-size:15px;max-width:400px}.db-character-stage{max-height:710px}.db-watch-button{min-height:55px;min-width:310px;font-size:14px}}@media (max-width:1024px) and (min-width:641px){.db-landing-header{padding:27px 36px}.db-landing-content{padding:10px 32px 40px;gap:0;min-height:530px}.db-landing-copy{padding-left:4px}.db-landing h1{font-size:clamp(41px,5.5vw,58px);letter-spacing:-2px}.db-landing-kicker{font-size:7px;letter-spacing:1px;margin-bottom:23px}.db-landing-copy>p{font-size:12px;max-width:290px}.db-watch-button{font-size:11px;min-width:255px;min-height:47px}.db-character-stage{transform:translate(5px);margin-top:-40px}.db-character-stage picture{width:125%;flex-basis:125%}.db-landing-footer{padding-left:36px;padding-right:36px}}@media (max-width:640px){.db-landing{background:radial-gradient(ellipse at 50% 33%,#291337,#0b0711 31%,#050507 65%)}.db-landing-header{padding:19px 24px;gap:14px;min-height:76px}.db-landing-wordmark{font-size:13px;gap:8px;letter-spacing:-.4px}.db-landing-wordmark>img{width:34px;height:34px;border-radius:9px}.db-landing-wordmark>span{gap:5px}.db-landing-wordmark em{font-size:8px;padding:4px}.db-landing-languages{padding:3px}.db-landing-languages>button{font-size:8px;padding:4px 7px}.db-landing-content{display:flex;flex-direction:column;gap:0;padding:0 25px 30px;min-height:0;justify-content:center}.db-character-stage{order:0;width:min(100%,340px);height:clamp(230px,34svh,310px);aspect-ratio:auto;transform:none;margin:-6px 0 0;flex-shrink:0}.db-character-stage picture{position:absolute;width:111%;max-width:none;left:-5.5%;top:50%;transform:translateY(-50%);margin:0}.db-stage-glow{top:0;right:0;bottom:0;left:0}.db-stage-orbit{left:1%;right:1%;top:61%;height:30%}.db-stage-floor{bottom:2%;left:17%;right:17%}.db-stage-spark-one{top:9%;right:13%}.db-stage-spark-two{top:60%;left:4%}.db-landing-copy{order:1;width:100%;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;margin-top:7px}.db-landing-kicker{font-size:6.5px;letter-spacing:1.1px;gap:6px;margin-bottom:16px}.db-landing-kicker>span{width:4px;height:4px}.db-landing h1{font-size:clamp(36px,10.3vw,49px);font-weight:650;line-height:1.14;letter-spacing:-1.6px}.db-landing-copy>p{font-size:12px;max-width:280px;line-height:1.8;margin:17px 0 22px}.db-landing-action{align-items:center;width:100%;gap:12px}.db-watch-button{width:100%;max-width:330px;min-width:0;min-height:49px;font-size:12px;border-radius:14px;padding:0 17px}.db-watch-button>svg:last-child{margin-left:3px}.db-coming{font-size:9px;padding:0;gap:6px}.db-landing-footer{padding:0 25px 18px;font-size:8px;min-height:34px}}@media (max-height:760px) and (max-width:640px){.db-landing-header{min-height:68px;padding-top:15px;padding-bottom:15px}.db-character-stage{height:clamp(175px,30svh,230px);width:280px}.db-landing-content{padding-bottom:22px}.db-landing-copy{margin-top:0}.db-landing h1{font-size:37px}.db-landing-kicker{margin-bottom:12px}.db-landing-copy>p{font-size:11px;margin:14px 0 18px}.db-landing-footer{padding-bottom:15px}}@media (prefers-reduced-motion:reduce){.db-landing *{animation:none!important;transition:none!important}}