/* V2.2 Mode Rusuh – original meme reels, soft jumpscares, responsive layout */
.rusuh-nav{background:linear-gradient(135deg,#f55936,#9e34c6);color:#fff;border:1px solid #ffb15c;border-radius:11px;padding:10px 12px;font-size:11px;font-weight:900;letter-spacing:.4px;box-shadow:0 3px 0 #541b55;white-space:nowrap}
.rusuh-nav:hover,.rusuh-preview-btn:hover{filter:brightness(1.13)}
.rusuh-preview-btn{width:100%;margin:9px 0 0;border:1px solid #fb9bce;border-radius:12px;padding:12px 9px;background:linear-gradient(110deg,#6e2f92,#ba4363);font-size:12px;color:#fff;font-weight:900}
.rusuh-overlay{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px;isolation:isolate;color:#fff;overflow:auto}
.rusuh-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 24%,#ff5c4170 0,transparent 51%),linear-gradient(145deg,#160e25f7,#1e111cf2 60%,#0d1e2bf7);backdrop-filter:blur(9px);z-index:-1}
.rusuh-overlay.positive .rusuh-bg{background:radial-gradient(ellipse at 50% 24%,#47f7846b 0,transparent 51%),linear-gradient(145deg,#05271ff5,#1c2138f2 60%,#091f23f8)}
.rusuh-card{--event-color:#ff725f;position:relative;width:min(540px,100%);text-align:center;padding:27px 24px 18px;background:linear-gradient(155deg,#3d223a,#101b32);border:3px solid var(--event-color);border-radius:26px;box-shadow:0 0 0 7px #ffffff10,0 18px 0 #0a0915,0 30px 80px #000b;animation:rusuhBurst .7s cubic-bezier(.19,1.46,.31,1) both}
.rusuh-overlay.positive .rusuh-card{--event-color:#a4f47a;background:linear-gradient(155deg,#214e35,#14283b)}
.rusuh-kicker{font-size:11px;font-weight:900;color:#ffe4a8;letter-spacing:2px}
.rusuh-headline{font:900 clamp(29px,6vw,55px)/.98 'Archivo Black',Impact,sans-serif;letter-spacing:-1.7px;text-transform:uppercase;text-shadow:3px 5px 0 #0008,-2px -1px 0 #000;transform:rotate(-2deg);margin:11px auto 15px;color:#fff18d}
.rusuh-overlay.positive .rusuh-headline{color:#baffb8}
.rusuh-visual{height:clamp(200px,32vh,300px);position:relative;display:grid;place-items:center;margin:0 auto 15px;isolation:isolate}
.rusuh-orbit{position:absolute;inset:5% 10%;border:7px dashed var(--event-color);border-radius:50%;opacity:.66;animation:rusuhOrbit 7s linear infinite;z-index:-1}
.rusuh-visual img{height:100%;width:auto;max-width:95%;aspect-ratio:1;object-fit:cover;border:7px solid #fff;border-radius:21px;box-shadow:7px 10px 0 #070e1f;transform:rotate(-6deg);animation:rusuhJiggle 1.05s .3s ease-in-out 2 alternate}
.rusuh-reaction{position:absolute;bottom:1%;left:50%;transform:translateX(-50%) rotate(-5deg);font:900 clamp(21px,5vw,36px)/1 'Archivo Black',Impact,sans-serif;color:#ffee48;white-space:nowrap;-webkit-text-stroke:1px #3b1d21;text-shadow:3px 4px 0 #1e1b27,0 0 8px #291b21;max-width:100%;pointer-events:none}
.rusuh-description{font-size:clamp(13px,2.8vw,16px);font-weight:800;line-height:1.5;max-width:450px;margin:auto;overflow-wrap:anywhere}
.rusuh-effect{font:900 clamp(22px,5vw,30px) 'Archivo Black',sans-serif;color:#ffb9ae;margin:12px 0 18px}
.rusuh-overlay.positive .rusuh-effect{color:#bdfca1}
.rusuh-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px}
.rusuh-skip{color:#182a29;background:var(--event-color);padding:13px 27px;border:0;border-radius:13px;box-shadow:0 4px 0 #101118;font-size:13px;font-weight:900}
#rusuhCountdown{font-size:10px;color:#d9cfdb}
.rusuh-caption{font-size:10px;color:#c4b5ca;margin:18px 0 0}
.rusuh-floating-icons{position:absolute;font-size:clamp(27px,6vw,56px);white-space:pre-wrap;letter-spacing:50px;z-index:-1;opacity:.30;transform:rotate(-20deg);pointer-events:none;animation:rusuhFloat 3s ease-in-out infinite alternate}
.rusuh-overlay[data-intensity="santai"] .rusuh-card,.rusuh-overlay[data-intensity="santai"] .rusuh-visual img{animation:rusuhSoft .35s ease-out both}
.rusuh-settings{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:12px;overflow:auto}
.rusuh-settings-backdrop{position:absolute;inset:0;background:#040b15e9;backdrop-filter:blur(8px)}
.rusuh-settings-card{position:relative;width:min(510px,100%);background:linear-gradient(150deg,#26324c,#142233);border:1px solid #94a3cf;border-radius:23px;padding:25px;box-shadow:0 25px 90px #000c;max-height:96vh;overflow:auto;color:#ecf3ff}
.rusuh-settings-heading{display:flex;justify-content:space-between;align-items:start;gap:8px}.rusuh-settings-heading h2{margin:7px 0 0;font:900 26px 'Archivo Black',sans-serif;line-height:1.1}.rusuh-x{font-size:26px;color:#fff;background:#ffffff16;border:0;border-radius:10px;min-width:38px;min-height:38px}
.rusuh-settings-card p{font-size:13px;color:#cdd8ef;line-height:1.6}.rusuh-label{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:900;margin:20px 0 8px}.rusuh-select{width:100%;color:#effff6;background:#31485c;padding:11px;border:1px solid #8196ab;border-radius:10px;font-size:13px}.rusuh-settings-card input[type=range]{width:100%;accent-color:#ffcb69}.rusuh-check{display:flex;align-items:center;gap:10px;margin:13px 0;font-size:12px;font-weight:800;color:#d2e4e7}.rusuh-check input{accent-color:#a6fc9b;width:17px;height:17px}.rusuh-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.rusuh-preview-actions button{border:1px solid #6c7e99;background:#31445a;padding:12px 5px;border-radius:11px;color:#fff;font-weight:900;font-size:12px}.rusuh-preview-actions button:hover{background:#4e637c}.rusuh-note{padding:11px 13px;font-size:11px;line-height:1.55;color:#b7e6f0;background:#19405170;border:1px solid #488a96;border-radius:10px;margin:15px 0}.rusuh-done{width:100%;padding:14px;color:#172e28;background:#b4f58f;border:0;border-radius:12px;font-weight:900}
@keyframes rusuhBurst{from{transform:scale(.25) rotate(12deg);opacity:0}65%{transform:scale(1.075) rotate(-3deg);opacity:1}to{transform:scale(1) rotate(0)}}
@keyframes rusuhSoft{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
@keyframes rusuhJiggle{0%,100%{transform:rotate(-6deg) translateY(0)}40%{transform:rotate(6deg) translateY(-11px)}70%{transform:rotate(-7deg) translateY(-6px)}}
@keyframes rusuhOrbit{to{transform:rotate(360deg)}}@keyframes rusuhFloat{to{translate:10px -20px;rotate:5deg}}
@media(max-width:740px){.season{display:none}.rusuh-nav{font-size:9px;padding:8px 6px}.rusuh-card{padding:20px 14px 14px}.rusuh-headline{font-size:clamp(28px,8vw,42px)}.rusuh-visual{height:min(33vh,260px)}.rusuh-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rusuh-card,.rusuh-orbit,.rusuh-visual img,.rusuh-floating-icons{animation:none!important}.rusuh-card{transform:none!important}}
/* Keep the artwork bounded even when the parent is a grid/flex descendant. */
.rusuh-visual{display:block;position:relative;width:clamp(195px,32vh,290px);height:clamp(195px,32vh,290px);margin:0 auto 17px;min-height:0;max-height:290px}
.rusuh-visual img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;max-height:100%;object-fit:cover}
.rusuh-card{max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain}
.rusuh-reaction{bottom:-7px;z-index:2}
@media(max-width:740px){.rusuh-visual{width:min(45dvh,260px);height:min(45dvh,260px)}.rusuh-card{max-height:calc(100dvh - 20px)}}

/* V2.3 • Video reels, individual audio tracks and meme gallery */
.rusuh-visual video{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#080d17;border:6px solid #f9ffea;border-radius:19px;box-shadow:7px 10px 0 #070e1f;transform:rotate(-3deg);animation:rusuhJiggle 1.05s .3s ease-in-out 2 alternate}
.rusuh-visual video.hidden,.rusuh-visual img.hidden{display:none!important}
.rusuh-visual:has(video:not(.hidden)){height:min(46dvh,345px);width:min(32dvh,245px);max-height:345px}
.rusuh-visual:has(video:not(.hidden)) .rusuh-orbit{inset:0 -9%}
.rusuh-visual:has(video:not(.hidden)) .rusuh-reaction{font-size:clamp(19px,4.8vw,28px);white-space:normal;width:130%;line-height:1.05;bottom:-15px}
.rusuh-audio-replay{background:#ffe77d;color:#122034;border:1px solid white;border-radius:12px;padding:9px 14px;display:block;margin:5px auto 12px;font-size:12px;font-weight:900}
.rusuh-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0 14px;max-height:175px;overflow-y:auto;padding-right:3px}
.rusuh-gallery button{display:flex;gap:8px;align-items:center;text-align:left;padding:6px;background:#293954;color:#fff;border:1px solid #7c8f9f;border-radius:9px;font-size:11px;font-weight:800;min-width:0}
.rusuh-gallery button:hover{background:#415a70}
.rusuh-gallery img{width:35px;height:48px;object-fit:cover;border-radius:5px;flex:0 0 auto}
.rusuh-gallery button span{overflow-wrap:anywhere}
@media(max-width:740px){.rusuh-visual:has(video:not(.hidden)){height:min(43dvh,300px);width:min(26dvh,180px)}.rusuh-visual:has(video:not(.hidden)) .rusuh-reaction{font-size:clamp(18px,5vw,25px)}.rusuh-card:has(video:not(.hidden)){padding:12px 14px}.rusuh-card:has(video:not(.hidden)) .rusuh-headline{font-size:29px;margin:8px auto 10px}}
@media(prefers-reduced-motion:reduce){.rusuh-visual video{animation:none!important}}