.djb2{--b:#078cff;--c:#19c5ff;--bg:#03050a;--p:#07101d;--p2:#0a1422;--text:#f5f9ff;--muted:#7e93aa;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.4;overflow:hidden}.djb2 *{box-sizing:border-box}.djb2 a{color:inherit;text-decoration:none}.djb2-nav{height:72px;display:flex;align-items:center;gap:24px;padding:8px 3%;position:sticky;top:0;z-index:30;background:rgba(2,5,10,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(20,139,255,.3)}.djb2-brand{display:flex;align-items:center;gap:8px;min-width:150px}.djb2-brand img{width:50px;height:50px;object-fit:cover;border-radius:10px}.djb2-brand span{display:flex;flex-direction:column}.djb2-brand b{font-size:13px;letter-spacing:2px}.djb2-brand small{font-size:7px;color:#4cbfff;letter-spacing:2px}.djb2-nav nav{display:flex;gap:19px;font-size:11px;flex:1;justify-content:center}.djb2-nav nav a:hover{color:#35baff}.djb2-nav-right{display:flex;gap:8px;align-items:center}.djb2-search{width:190px;background:#07111d;border:1px solid #25415e;border-radius:30px;color:#fff;padding:10px 13px;font-size:10px}.djb2-book-btn,.djb2-primary,.djb2-small-btn{border:1px solid #0a9cff;background:linear-gradient(135deg,#0677ff,#0abaff);color:#fff;border-radius:30px;padding:10px 15px;font-size:10px;font-weight:800;cursor:pointer;box-shadow:0 0 25px rgba(0,139,255,.25)}.djb2-hero{min-height:420px;display:grid;grid-template-columns:25% 50% 25%;align-items:center;padding:28px 3%;background:radial-gradient(circle at 50% 50%,rgba(0,135,255,.2),transparent 45%),linear-gradient(120deg,#02050b,#07162a 50%,#02050b);border-bottom:1px solid #0b78d1}.djb2-hero-mascot img{width:95%;max-height:360px;object-fit:cover;object-position:center;border-radius:20px;mix-blend-mode:screen;filter:drop-shadow(0 0 30px rgba(0,132,255,.45))}.djb2-hero-center{text-align:center}.djb2-main-logo{width:min(390px,90%);max-height:270px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(0,138,255,.35));mix-blend-mode:screen}.djb2-tagline{font-size:13px;letter-spacing:2px;margin-top:-10px}.djb2-tagline i{color:#13b4ff;font-style:normal;margin:0 7px}.djb2-subtag{font-size:10px;color:#8cb9da;letter-spacing:2px;margin:8px 0 18px}.djb2-hero-story{background:rgba(2,7,14,.75);border:1px solid rgba(0,139,255,.35);border-radius:16px;padding:24px}.djb2-hero-story>span{font-size:20px;font-weight:900;line-height:1}.djb2-hero-story em{color:#4bbdff;font-style:normal}.djb2-hero-story p{font-size:11px;color:#8da0b5;line-height:1.7}.djb2-hero-story strong{display:block;color:#32b9ff;font-size:16px;letter-spacing:2px;line-height:1.35;margin-top:22px}.djb2-panel-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:10px 2.2%}.djb2-panel,.djb2-section,.djb2-about,.djb2-booking{border:1px solid rgba(20,130,220,.28);background:linear-gradient(145deg,#06101d,#04080e);border-radius:15px}.djb2-panel{padding:17px}.djb2-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.djb2-heading b{display:block;font-size:15px;letter-spacing:.6px}.djb2-heading small{display:block;color:#7e93aa;font-size:9px;margin-top:3px}.djb2-heading>a{font-size:9px;color:#25b1ff}.djb2-genre-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.djb2-genre{height:82px;border:1px solid #113a5d;border-radius:10px;background:#071321;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.djb2-genre:hover{border-color:#08a2ff;background:#0a1c31}.djb2-genre span{color:#13aaff;font-size:22px}.djb2-genre b{font-size:9px}.djb2-moods{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.djb2-moods button{background:#071321;border:1px solid #163d5f;color:#d7e5f2;border-radius:8px;padding:10px;font-size:9px;cursor:pointer}.djb2-moods button.active,.djb2-moods button:hover{background:#087fff;border-color:#24b9ff}.djb2-wave{font-size:28px;color:#079cff;white-space:nowrap;overflow:hidden;margin:12px 0;text-shadow:0 0 15px #078cff}.djb2-mood-result{font-size:9px;color:#73caff;margin-top:10px}.djb2-section{margin:10px 2.2%;padding:18px}.djb2-content-grid{display:grid;grid-template-columns:3fr 1fr;gap:12px}.djb2-mix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.djb2-mix-card{background:#060b13;border:1px solid #123c5e;border-radius:10px;overflow:hidden}.djb2-art{height:175px;position:relative;background:#02060b}.djb2-art img,.djb2-set-img img{width:100%;height:100%;object-fit:cover}.djb2-play{position:absolute;right:9px;bottom:9px;width:35px;height:35px;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;cursor:pointer}.djb2-art>small{position:absolute;left:7px;top:7px;background:#087fff;padding:4px 7px;border-radius:5px;font-size:8px}.djb2-card-copy{padding:9px}.djb2-card-copy h3{font-size:11px;margin:0 0 3px}.djb2-card-copy p,.djb2-card-copy span{font-size:8px;color:#70879d}.djb2-side-list{border-left:1px solid #12344f;padding-left:14px}.djb2-event-mini{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #102536}.djb2-event-mini>strong{color:#20aaff;font-size:11px}.djb2-event-mini b{display:block;font-size:10px}.djb2-event-mini small{color:#72879c;font-size:8px}.djb2-dark{background:#04070d}.djb2-set-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.djb2-set-grid article{background:#07101a;border:1px solid #113a5b;border-radius:9px;overflow:hidden;padding-bottom:8px}.djb2-set-img{height:125px;position:relative}.djb2-set-grid article>b,.djb2-set-grid article>small{display:block;padding:4px 8px}.djb2-set-grid article>b{font-size:9px}.djb2-set-grid article>small{font-size:7px;color:#6f8499}.djb2-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.djb2-media-box{height:180px;border-radius:10px;border:1px solid #153e60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,130,255,.22),transparent 60%),#07101b;font-size:18px;font-weight:900;color:#fff;text-shadow:0 0 15px #078cff}.djb2-media-box small{font-size:9px;color:#7890a6;font-weight:400;margin-top:6px}.djb2-about{margin:10px 2.2%;padding:30px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.djb2-about>div{max-width:620px}.djb2-about span,.djb2-booking span{font-size:10px;letter-spacing:2px;color:#38b8ff}.djb2-about h2{font-size:35px;margin:8px 0}.djb2-about p{font-size:12px;color:#8498ac;line-height:1.8}.djb2-about a{color:#29b7ff;font-size:10px}.djb2-about img{width:210px;height:210px;object-fit:cover;mix-blend-mode:screen;filter:drop-shadow(0 0 25px rgba(0,125,255,.4))}.djb2-booking{margin:10px 2.2%;padding:35px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px}.djb2-booking h2{font-size:52px;line-height:.88;margin:12px 0;letter-spacing:-3px}.djb2-booking h2 em{color:#0b9eff;font-style:normal}.djb2-booking p{font-size:11px;color:#8196aa}.djb2-booking form>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.djb2-booking input,.djb2-booking textarea{width:100%;margin-bottom:9px;background:#06101a;border:1px solid #163a59;color:#fff;padding:12px;border-radius:7px;font-size:10px}.djb2-booking input:focus,.djb2-booking textarea:focus{border-color:#0aa3ff;outline:none}.djb2-form-msg{display:block;color:#54c3ff;font-size:9px;margin-top:8px}.djb2-footer{margin-top:10px;border-top:1px solid #113b5d;padding:25px 4%;display:flex;justify-content:space-between;align-items:center;color:#6e859b;font-size:8px;letter-spacing:1px}.djb2-footer div{display:flex;align-items:center;gap:8px;color:#fff}.djb2-footer img{width:40px;height:40px;object-fit:cover;border-radius:8px}.djb2-footer small{display:block;color:#35b8ff}.djb2-player{position:fixed;z-index:99;bottom:10px;left:50%;transform:translateX(-50%);width:min(850px,94%);display:grid;grid-template-columns:48px 1fr 42px 2fr;gap:10px;align-items:center;padding:8px;background:rgba(3,8,15,.94);border:1px solid #0b6da9;border-radius:11px;backdrop-filter:blur(18px);box-shadow:0 15px 50px rgba(0,0,0,.55)}.djb2-player>img{width:45px;height:45px;border-radius:7px;object-fit:cover}.djb2-player b,.djb2-player small{display:block}.djb2-player b{font-size:9px}.djb2-player small{font-size:7px;color:#72899f}.djb2-toggle{width:35px;height:35px;border-radius:50%;border:0;background:#078cff;color:#fff;cursor:pointer}.djb2-progress{height:4px;background:#123047;border-radius:4px;overflow:hidden}.djb2-progress i{display:block;width:0;height:100%;background:#12b4ff}
@media(max-width:1050px){.djb2-nav nav{display:none}.djb2-hero{grid-template-columns:1fr 1fr}.djb2-hero-mascot{display:none}.djb2-hero-story{margin-left:10px}.djb2-mix-grid{grid-template-columns:repeat(2,1fr)}.djb2-set-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.djb2-nav{height:64px}.djb2-search{display:none}.djb2-hero{grid-template-columns:1fr;min-height:auto;padding:35px 5%}.djb2-hero-center{margin-bottom:20px}.djb2-hero-story{margin:0}.djb2-panel-row,.djb2-content-grid,.djb2-booking{grid-template-columns:1fr}.djb2-genre-grid{grid-template-columns:repeat(2,1fr)}.djb2-mix-grid{grid-template-columns:1fr 1fr}.djb2-set-grid{grid-template-columns:repeat(2,1fr)}.djb2-media-grid{grid-template-columns:1fr}.djb2-about{display:block}.djb2-about img{display:block;margin:20px auto 0}.djb2-booking h2{font-size:45px}.djb2-booking form>div{grid-template-columns:1fr}.djb2-footer{flex-direction:column;gap:10px;text-align:center}.djb2-player{grid-template-columns:40px 1fr 38px}.djb2-player .djb2-progress{display:none}}