.kael-intro{padding:25px 35px;background:radial-gradient(ellipse at 18% 53%,#76152630,transparent 48%),radial-gradient(ellipse at 80% 44%,#92612c28,transparent 48%),#080607;font-family:KaelText,Arial,sans-serif;isolation:isolate}
.kael-intro__shell{position:relative;z-index:1;max-width:1200px;align-items:center}.kael-intro__header{width:100%;margin-bottom:20px}.kael-intro__brand{display:flex;align-items:center;gap:15px}.kael-intro__brand>b{display:grid;place-items:center;width:42px;height:46px;border:1px solid #b78b4e66;background:linear-gradient(145deg,#ac804c1f,transparent);font:26px KaelDisplay,Georgia,serif;color:#e4bd88;clip-path:polygon(0 0,100% 0,100% 82%,50% 100%,0 82%)}.kael-intro__brand>span{font-size:12px;font-weight:600;letter-spacing:.25em}.kael-intro__brand small{display:block;margin-top:5px;font-size:9px;font-weight:400;letter-spacing:.13em;color:#b09a89}.kael-intro__heading h2{font-family:KaelDisplay,Georgia,serif;letter-spacing:-.025em;font-size:clamp(25px,2.8vw,42px)}.kael-intro__heading h2 em{font-style:normal;color:#dbac7b}
.kael-intro__player{width:min(100%,max(480px,calc((100dvh - 505px)*1.7778)));max-width:1080px;box-shadow:0 35px 90px #0008}.kael-intro__frame{width:100%;min-width:0}.kael-intro__frame::before,.kael-intro__frame::after{width:48px;height:36px}.kael-intro__badge{border:1px solid #b9915740;border-left:2px solid #db354c;padding:8px 10px}.kael-intro__season{position:absolute;right:20px;top:20px;display:flex;align-items:center;gap:9px;color:#d5b48c;font-size:8px;letter-spacing:.15em;text-shadow:0 2px 5px #000}.kael-intro__season b{font-size:18px;font-weight:400}.kael-intro__timeline i{background:linear-gradient(90deg,#a52437,#e6bc7c)}
.kael-intro__controls{gap:14px;min-height:54px;margin-top:7px;padding:7px 13px;background:linear-gradient(90deg,#201310,#100c0c);border:1px solid #b38a4f33;color:#dcc6ad}.kael-intro__controls button{flex-shrink:0;min-height:38px;min-width:70px;border:0;padding:8px;background:transparent;font-size:12px;letter-spacing:.03em}.kael-intro__controls button:hover{color:#ffe0af;background:#c1935112}.kael-intro__time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums;color:#bda690}.kael-intro__seek{flex:1;min-width:30px;height:24px;accent-color:#dfb77a;cursor:pointer}.kael-intro__seek:disabled{opacity:.4;cursor:default}.kael-intro__seek:focus-visible{outline:2px solid #f6cf89;outline-offset:4px}.kael-intro__status{min-height:16px;margin:12px 0 0;color:#b7a18e;font-size:11px;letter-spacing:.08em;text-align:center}.kael-intro__footer{margin-top:10px}.kael-intro__footer>p{font-size:15px;color:#c4b5a3}
.kael-intro .kael-intro__enter{position:relative;min-width:290px;min-height:54px;background:linear-gradient(110deg,#9c6c38,#e0bb7d 50%,#b98a4b);overflow:hidden;box-shadow:0 0 0 4px #d4a55a0c,0 10px 38px #d19d4020;transition:box-shadow .25s,filter .25s}.kael-intro__enter::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#fff5 50%,transparent 75%);transform:translateX(-130%);transition:transform .65s;pointer-events:none}.kael-intro__enter:hover::after{transform:translateX(130%)}.kael-intro .kael-intro__enter:hover{background:linear-gradient(110deg,#ad7b44,#edcd97 50%,#c69758);box-shadow:0 0 0 4px #d4a55a18,0 10px 45px #d19d4033}.kael-intro__opening{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px;font-size:11px;color:#bba17c;letter-spacing:.1em}.kael-intro__opening>span{font-size:9px;color:#d19786}.kael-intro__opening time{color:#e5c9a3}.kael-intro__opening small{font-size:10px;letter-spacing:.04em;color:#b8a897}
.kael-intro__atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent)}.kael-intro__atmosphere::before{content:"";position:absolute;width:min(88vw,1200px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #b88d5620;border-radius:50%;box-shadow:0 0 0 35px #b88d5605,0 0 0 36px #b88d5612,0 0 0 100px #b88d5603}.kael-intro__atmosphere i{position:absolute;left:8%;top:90%;width:3px;height:3px;border-radius:50%;background:#d99c5b;box-shadow:0 0 9px #e85830;opacity:0;animation:kael-intro-ember 13s linear infinite}.kael-intro__atmosphere i:nth-child(2){left:18%;animation-delay:-5s}.kael-intro__atmosphere i:nth-child(3){left:28%;animation-delay:-9s}.kael-intro__atmosphere i:nth-child(4){left:72%;animation-delay:-2s}.kael-intro__atmosphere i:nth-child(5){left:84%;animation-delay:-11s}.kael-intro__atmosphere i:nth-child(6){left:94%;animation-delay:-7s}.kael-intro [hidden]{display:none!important}.kael-intro.is-leaving{animation:none;opacity:0;transform:scale(1.02);transition:opacity .38s ease,transform .38s ease}@keyframes kael-intro-ember{0%{opacity:0;transform:translate(0,0)}15%,70%{opacity:.6}100%{opacity:0;transform:translate(30px,-70vh)}}
@media(max-width:600px){.kael-intro{padding:22px 20px}.kael-intro__header{margin-bottom:30px;gap:10px}.kael-intro__brand{gap:9px}.kael-intro__brand>b{width:30px;height:37px;font-size:21px}.kael-intro__brand>span{font-size:10px}.kael-intro__brand small{font-size:7px;letter-spacing:.04em}.kael-intro__header button{padding:10px;font-size:10px}.kael-intro__heading h2{font-size:27px}.kael-intro__heading h2 em{display:block;margin-top:4px}.kael-intro__player{width:100%}.kael-intro__badge{top:10px;left:10px;font-size:7px;padding:5px 7px}.kael-intro__season{top:13px;right:12px;font-size:6px}.kael-intro__season b{font-size:13px}.kael-intro__controls{display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;padding:6px 9px}.kael-intro__controls button{font-size:11px;min-height:40px;min-width:0}.kael-intro__time{text-align:center;font-size:10px}.kael-intro__seek{grid-column:1/-1;grid-row:2;width:100%;margin:0}.kael-intro__footer{margin-top:16px;width:100%}.kael-intro__footer>p{font-size:13px}.kael-intro .kael-intro__enter{min-width:0;width:min(100%,310px);padding-inline:18px}.kael-intro__opening{gap:7px 10px}.kael-intro__opening small{flex-basis:100%}.kael-intro__atmosphere i:nth-child(even){display:none}}
@media(max-height:600px) and (min-width:601px){.kael-intro__shell{justify-content:flex-start}.kael-intro__player{width:min(65%,650px)}.kael-intro__frame{width:100%}}
@media(prefers-reduced-motion:reduce){.kael-intro__atmosphere i{animation:none}.kael-intro,.kael-intro *,.kael-intro *::after{transition:none!important}.kael-intro.is-leaving{transform:none}}