@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#07140f;--panel:#0e231b;--edge:#284236;--gold:#d7b569;--text:#f2f2e7;--muted:#b0bcaf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 800px 550px at 80% -6%,#23523e 0%,transparent 64%),var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}button,label{font-family:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f9dc8b;outline-offset:3px}.shell{max-width:1150px;margin:0 auto;padding:0 24px 95px}.top{display:flex;align-items:center;justify-content:space-between;height:94px}.brand{display:flex;gap:10px;align-items:center}.brand-icon{width:44px;height:44px;border:2px solid var(--gold);border-radius:16px;display:grid;place-items:center;font-size:29px;color:var(--gold)}.brand strong{display:block;letter-spacing:2px;font-size:17px}.brand small{display:block;font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:800}.brand i{font-style:normal;opacity:.66}.pill{font-size:10px;letter-spacing:1.4px;font-weight:800;padding:10px 13px;border-radius:100px;background:#1a3a2c;color:#bfe7c8}.hero{border-radius:26px;padding:44px 46px;min-height:380px;background:radial-gradient(ellipse at 79% 13%,#4675544d,transparent 45%),linear-gradient(120deg,#122d22,#0a1b15 71%);border:1px solid #31523c;box-shadow:0 26px 90px #0004;position:relative;overflow:hidden}.hero:after{content:'◈';position:absolute;right:-8px;top:3px;font-size:410px;line-height:1;color:#e7cb8011;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--gold)}h1{position:relative;margin:13px 0 14px;line-height:1.01;font-size:clamp(36px,6vw,72px);font-weight:800;letter-spacing:-2.6px;z-index:1}h1 em{color:#ebca77;font-style:normal}.hero p{font-size:14px;line-height:1.7;max-width:510px;color:#cdd8cc;position:relative;z-index:1}.hero-actions{display:flex;gap:10px;margin:25px 0 28px;position:relative;z-index:1}.goal-btn{background:linear-gradient(135deg,#e8ce81,#bd8a3d);color:#1a2118;border:0;border-radius:16px;padding:17px 25px;font-size:18px;font-weight:800;box-shadow:0 12px 30px #bc913922}.goal-btn span{margin-left:18px}.stop-btn{background:#1b3428;color:white;border:1px solid #45604b;border-radius:16px;padding:15px 20px;font-size:14px;font-weight:800}.hero-foot{display:flex;gap:10px;color:#b7caba;font-size:12px;position:relative;z-index:1}.hero-foot b{color:var(--gold)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1px solid #2b4333;border-radius:17px;padding:20px;margin:20px 0 40px;background:#10241b}.control-caption{display:block;color:#91ab99;letter-spacing:1.5px;font-size:10px;font-weight:800;margin-bottom:8px}.volume{display:flex;gap:12px;align-items:center}.volume input{accent-color:#dfc173;flex:1;min-width:0}.volume output{font-size:12px;font-weight:800;min-width:43px;text-align:right}.statewrap{border-left:1px solid #34503d;padding-left:20px;min-width:0}.statewrap p{margin:7px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:19px}.section-title h2,.own h2{font-size:27px;letter-spacing:-1px;margin:4px 0 0}.section-meta{color:#889d8d;font-size:12px}.filters{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;margin:0 0 20px}.filters::-webkit-scrollbar{display:none}.filters button{border:1px solid #294536;border-radius:99px;background:#132b20;color:#c3d4c8;white-space:nowrap;padding:11px 15px;font-size:12px;font-weight:800}.filters button.selected{color:#17271d;background:var(--gold);border-color:var(--gold)}.sound-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sound{min-height:174px;position:relative;border:1px solid #2a4535;border-radius:19px;background:linear-gradient(140deg,#1b382a,#0e241b);padding:19px 17px;display:flex;flex-direction:column;justify-content:space-between}.sound.isplaying{border-color:#ebcc7f;background:linear-gradient(140deg,#34543e,#172c21);box-shadow:0 0 0 1px #e9cb783b}.sound-top,.sound-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.sound-symbol{font-size:27px}.sound-top .icons{display:flex;align-items:center;gap:6px}.favorite,.origin{border:0;background:transparent;font-size:18px;color:#b2bdaf;min-height:36px;min-width:30px}.favorite.active{color:var(--gold)}.origin{text-decoration:none;display:grid;place-items:center}.sound h3{font-size:15px;margin:3px 0 5px;font-weight:800}.sound p{color:#a7bbaa;font-size:11px;line-height:1.5;margin:0;min-height:30px}.sound-foot small{color:#cbcca7;font-size:11px}.sound-foot button{padding:10px 18px;border:1px solid #b69856;border-radius:10px;background:#d5b56f;color:#152419;font-weight:800;font-size:13px}.sound.isplaying .sound-foot button{background:#a83b30;color:white;border-color:#a83b30}.note{display:flex;gap:12px;color:#c0d0c4;font-size:12px;line-height:1.6;border-left:2px solid #8a7648;background:#13291f;padding:13px 16px;margin:18px 0 55px}.note>span{color:#e9ce86;font-size:18px}.music-title{margin-top:45px}.subtext{font-size:13px;line-height:1.7;max-width:670px;color:#a4b8a9;margin:-5px 0 24px}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.music-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #30463a;border-radius:17px;background:#152c21}.music-art{height:64px;width:64px;flex:none;border-radius:14px;background:radial-gradient(circle at 20% 20%,#5a7b57,#283d33);display:grid;place-items:center;font-size:29px}.music-body{min-width:0;flex:1}.music-body b{display:block;font-size:15px}.music-body small{display:block;font-size:11px;margin-top:5px;color:#99b09f}.music-body span{display:block;margin-top:5px;font-size:10px;color:#bda466;font-weight:800;letter-spacing:.5px}.music-card a{font-weight:800;white-space:nowrap;color:#1c2d20;background:#e0be73;border-radius:9px;text-decoration:none;padding:10px 13px;font-size:12px}.own{margin:48px 0 28px;padding:27px;border:1px solid #4b583c;border-radius:24px;background:linear-gradient(135deg,#283d2e,#12281d)}.own p{font-size:13px;line-height:1.7;color:#bdcdbd;max-width:610px}.own-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.upload-btn,.record-btn{background:#dbc17e;color:#14251a;font-weight:800;font-size:13px;padding:13px 18px;border-radius:12px;display:inline-block;border:0;cursor:pointer}.record-btn{color:white;background:#325642}.mine-item{margin-top:10px;display:flex;align-items:center;gap:10px;border:1px solid #355444;padding:10px;border-radius:12px}.mine-item b{flex:1;font-size:13px}.mine-item button{background:#ceae66;color:#1b211a;border:0;padding:8px 13px;border-radius:9px;font-weight:800}.mine-item button.delete{background:#4a302e;color:#ffaaa5}.toast{position:fixed;z-index:1000;left:50%;transform:translateX(-50%) translateY(80px);bottom:78px;min-width:min(330px,86vw);border-radius:12px;background:#e8c878;color:#13241a;padding:13px 18px;box-shadow:0 10px 32px #0008;font-size:13px;font-weight:700;text-align:center;transition:transform .25s}.toast.on{transform:translateX(-50%) translateY(0)}footer{border-top:1px solid #254333;color:#839d88;font-size:11px;padding-top:22px}footer span{font-weight:800;letter-spacing:1px}footer button{float:right;background:none;border:0;color:#dfc07c;text-decoration:underline}footer p{margin-top:14px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#0d2019ee;border-top:1px solid #3f5b46;backdrop-filter:blur(12px);padding:11px max(18px,calc((100% - 1100px)/2));display:flex;justify-content:space-between;align-items:center;z-index:99}.bottom-playing{min-width:0;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800}.bottom-playing span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pulse{display:block;width:10px;height:10px;flex:none;border-radius:50%;background:#777}.pulse.on{background:#f2c974;box-shadow:0 0 0 5px #f2c97424;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.4}}.bottom button{margin-left:15px;background:#49322f;color:#ffc4b6;border:1px solid #75413e;padding:12px 18px;border-radius:11px;font-weight:800}a{color:inherit}@media(max-width:800px){.sound-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:34px 25px}.hero:after{font-size:260px;top:100px;right:-80px}.music-grid{grid-template-columns:1fr}}@media(max-width:520px){.shell{padding:0 13px 85px}.top{height:78px}.pill{font-size:9px;padding:8px;letter-spacing:.3px}.hero{border-radius:19px;padding:28px 20px;min-height:390px}h1{font-size:37px;letter-spacing:-1.7px}.hero-actions{flex-direction:column}.hero-actions button{width:100%}.controls{grid-template-columns:1fr;gap:11px;padding:15px}.statewrap{padding:13px 0 0;border-left:0;border-top:1px solid #34503d}.section-title h2,.own h2{font-size:21px}.section-meta{font-size:10px;max-width:120px;text-align:right}.sound-grid{gap:8px}.sound{padding:12px;min-height:173px}.sound h3{font-size:12px}.sound p{font-size:10px}.sound-foot button{padding:10px 13px}.sound-symbol{font-size:23px}.music-card{padding:12px;gap:10px}.music-art{height:50px;width:50px;font-size:24px}.music-body b{font-size:12px}.music-card a{padding:10px 8px;font-size:10px}.own{padding:19px}.note{font-size:11px}.bottom{padding:10px 14px}}
.video-overlay[hidden]{display:none!important}.video-overlay{position:fixed;inset:0;z-index:200;background:#000d;display:grid;place-items:center;padding:14px}.video-dialog{width:min(780px,100%);background:#10271c;border:1px solid #937d4b;border-radius:18px;padding:17px}.video-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.video-top b{font-size:14px}.video-top button{background:#344536;color:#eee;border:0;padding:9px 14px;border-radius:10px}.video-player{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.video-player iframe{width:100%;height:100%;border:0}.video-dialog a{display:block;margin-top:14px;font-weight:800;font-size:12px;color:#e6c178;text-align:center}.music-card button{font-weight:800;white-space:nowrap;color:#1c2d20;background:#e0be73;border:0;border-radius:9px;text-decoration:none;padding:10px 13px;font-size:12px}.video-note{padding:25px;color:#ecdfb6;text-align:center}@media(max-width:520px){.music-card button{padding:10px 8px;font-size:10px}}

/* Champions Night · BATYR PRO SOUND ARENA 4 */
.ucl-zone{margin:22px 0 18px;border:1px solid #3d5482;border-radius:27px;padding:26px;background:radial-gradient(circle at 80% -10%,#416cba50,transparent 46%),linear-gradient(135deg,#0c1c40,#081326 65%,#0b1325);box-shadow:0 20px 70px #0315294d;overflow:hidden}.ucl-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.ucl-kicker{color:#a9caff;letter-spacing:1.5px;font-weight:900;font-size:11px}.ucl-heading h2{font-size:clamp(34px,5vw,58px);line-height:.94;margin:13px 0;letter-spacing:-2px;color:white}.ucl-heading p{max-width:550px;font-size:12px;line-height:1.7;color:#becde4}.ucl-orbit{width:105px;height:105px;flex:none;border:1px solid #627db483;border-radius:50%;display:grid;place-items:center;color:#a7c5ff;font-size:70px;box-shadow:0 0 0 14px #375c8b11,0 0 0 28px #375c8b12}.ucl-playlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.ucl-playlist button{min-height:123px;border:1px solid #5474a36d;border-radius:18px;padding:18px;text-align:left;display:flex;flex-direction:column;gap:6px;background:linear-gradient(145deg,#1b3660,#122645);color:white;position:relative}.ucl-playlist .ucl-primary{background:linear-gradient(120deg,#284b87,#172f62)}.ucl-playlist button:hover,.ucl-playlist button:focus-visible{border-color:#e7c56d}.ucl-playlist button span{font-size:10px;color:#adc9ed;letter-spacing:1.5px;font-weight:900}.ucl-playlist button b{font-size:16px;line-height:1.3}.ucl-playlist button small{color:#bbcce4}.ucl-playlist button strong{color:#e7d294;font-size:10px;margin-top:auto;letter-spacing:1px}.cue-zone{border:1px solid #335040;background:linear-gradient(155deg,#132c22,#0c1e16);padding:26px;border-radius:24px;margin-bottom:18px}.cue-heading{display:flex;justify-content:space-between;gap:15px;align-items:end}.cue-heading h2{font-size:22px;letter-spacing:-.7px;margin:5px 0 18px}.cue-hint{font-size:12px;color:#9db4a3}.cue-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cue-grid button{min-height:122px;text-align:left;background:#19392a;border:1px solid #4c6a55;border-radius:14px;color:white;padding:14px;display:flex;flex-direction:column;gap:8px}.cue-grid button:hover{background:#24523d;border-color:var(--gold)}.cue-grid button span{font-size:11px;color:#e0c67c}.cue-grid button strong{font-size:14px}.cue-grid button small{font-size:10px;color:#adbbad;margin-top:auto;line-height:1.4}.cue-grid button[data-cue=goal]{background:linear-gradient(140deg,#caa05a,#93672b);color:#171a11;border-color:#e2c57d}.cue-grid button[data-cue=goal] :is(span,small){color:#2f321d}.cue-settings{border-top:1px solid #43634b;margin-top:22px;padding-top:18px}.cue-settings label{font-size:12px;font-weight:900;color:#e3d6aa}.cue-setting-line{display:flex;gap:9px;margin-top:9px}.cue-setting-line select{min-width:0;flex:1;background:#092319;border:1px solid #45624a;color:#f1f6ed;padding:11px 9px;border-radius:11px;font-family:inherit}.cue-setting-line button{padding:11px 16px;border:0;border-radius:11px;background:var(--gold);color:#152518;font-weight:900;font-size:11px}.cue-settings p{font-size:11px;line-height:1.7;color:#a7bead;margin:12px 0 0}.sound-search{display:flex;align-items:center;gap:8px;border:1px solid #2e4e3a;border-radius:12px;background:#10271a;padding:2px 12px;margin-bottom:14px}.sound-search label{font-size:18px}.sound-search input{flex:1;min-width:0;padding:13px 0;border:0;outline:0;color:white;background:transparent;font-family:inherit}.sound-search input::placeholder{color:#9daf9f}.video-disclaimer{font-size:11px;color:#9aaea1;text-align:center;line-height:1.6}.sound-grid{scroll-margin-top:10px}
@media(max-width:850px){.cue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.ucl-zone,.cue-zone{padding:19px;border-radius:20px}.ucl-orbit{width:56px;height:56px;font-size:37px}.ucl-heading p{font-size:11px}.ucl-playlist{grid-template-columns:1fr 1fr;gap:8px}.ucl-playlist button{padding:13px;min-height:146px}.ucl-playlist button b{font-size:13px}.cue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cue-grid button{min-height:98px}.cue-heading h2{font-size:18px}.cue-setting-line{flex-direction:column}.cue-setting-line select{width:100%}.cue-setting-line button{height:44px}}
/* Respect the native hidden attribute even when dialogs have a display rule. */
[hidden]{display:none!important}