:root{
  --bg:#45808F;            /* Chaim's theme teal */
  --bg-deep:#2F5E6B;
  --bg-soft:#5B98A6;
  --ink:#ffffff;
  --ink-dim:rgba(255,255,255,.78);
  --ink-faint:rgba(255,255,255,.55);
  --card:#ffffff;
  --card-ink:#1F3F48;
  --card-ink-dim:#5A7B84;
  --teal:#45808F;--teal-deep:#2F5E6B;
  --sun:#FFD166;--sun-deep:#E0A800;
  --coral:#FF7B6B;--coral-deep:#D94F3F;
  --violet:#B59CFF;--violet-deep:#7C5CE0;
  --lime:#9BE779;--lime-deep:#5FB83E;
  --wa:#25D366;
  --syne:'Syne',system-ui,sans-serif;--sans:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --bounce:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.22,1,.36,1);
  --r:26px;--shadow:0 14px 34px -14px rgba(0,0,0,.45);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}
img,svg,canvas,video{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--sun);outline-offset:3px;border-radius:12px}
[hidden]{display:none!important}
.skip{position:absolute;left:12px;top:-60px;z-index:999;background:#fff;color:var(--card-ink);padding:10px 14px;border-radius:12px;text-decoration:none;font-family:var(--syne);font-weight:700;font-size:.8rem}
.skip:focus{top:12px}

/* floating blobs */
.blobs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(10px);opacity:.35;animation:floaty 14s ease-in-out infinite}
.b1{width:46vw;height:46vw;max-width:520px;max-height:520px;background:var(--bg-soft);top:-12vw;left:-14vw}
.b2{width:34vw;height:34vw;max-width:400px;max-height:400px;background:var(--sun);right:-12vw;top:28vh;opacity:.18;animation-delay:-5s}
.b3{width:40vw;height:40vw;max-width:460px;max-height:460px;background:var(--bg-deep);left:30vw;bottom:-18vw;opacity:.5;animation-delay:-9s}

/* INTRO */
.intro{position:fixed;inset:0;z-index:500;background:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .7s ease,visibility .7s}
.intro.done{opacity:0;visibility:hidden;pointer-events:none}
.intro-video{width:min(100vw,133vh);height:auto;max-height:100vh;object-fit:contain}
.intro-fallback{display:none;flex-direction:column;align-items:center;gap:22px}
.intro.fallback .intro-video{display:none}
.intro.fallback .intro-fallback{display:flex}
.intro-logo{width:min(56vw,300px);height:auto;animation:logoDraw 2.2s var(--bounce) both}
.intro-word{font-family:var(--syne);font-weight:700;font-size:clamp(1.4rem,5vw,2.2rem);letter-spacing:.02em;opacity:0;animation:fadeUp .8s 1.2s var(--ease) forwards}
.intro-word b{font-weight:800}
.intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);opacity:0;animation:fadeIn 1s 1.5s ease forwards}

/* TOP BAR */
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) clamp(16px,4vw,32px) 12px;background:linear-gradient(to bottom,var(--bg) 70%,transparent)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{width:40px;height:40px;transition:transform .5s var(--bounce)}
.brand:hover .brand-logo{transform:rotate(-12deg) scale(1.08)}
.brand-text{font-family:var(--syne);font-weight:800;font-size:1rem;letter-spacing:.02em}
.back{margin-left:auto;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:var(--syne);font-weight:700;font-size:.8rem;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.3);padding:9px 16px;border-radius:100px;transition:background .25s,transform .3s var(--bounce)}
.back:hover{background:rgba(255,255,255,.28);transform:translateX(-3px)}
.top-wa{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--wa);color:#fff;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);transition:transform .35s var(--bounce)}
.top-wa svg{width:20px;height:20px}
.top-wa:hover{transform:scale(1.12) rotate(8deg)}

/* LAYOUT */
main{position:relative;z-index:1;width:100%;max-width:1040px;margin:0 auto;padding:8px clamp(16px,4vw,32px) 48px}
.view{animation:viewIn .5s var(--ease)}

/* HERO */
.hero{text-align:center;padding:clamp(12px,3vh,36px) 0 clamp(20px,4vh,36px)}
.hero-logo{width:clamp(130px,30vw,200px);height:auto;margin:0 auto 14px;filter:drop-shadow(0 16px 24px rgba(0,0,0,.25))}
.hero-title{font-family:var(--syne);font-weight:800;font-size:clamp(2.4rem,9vw,4.6rem);line-height:.95;letter-spacing:-.02em}
.hero-title span{color:var(--sun);display:inline-block;transform:rotate(-2deg)}
.hero-yi{font-size:clamp(1.15rem,3.6vw,1.6rem);color:var(--ink-dim);margin-top:8px;unicode-bidi:isolate}
.hero-tag{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-family:var(--syne);font-weight:700;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);padding:8px 16px;border-radius:100px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--sun);animation:pulse 2s ease-out infinite}

/* BIG MENU */
.big-menu{display:grid;grid-template-columns:1fr;gap:16px;margin-top:8px}
@media(min-width:720px){.big-menu{grid-template-columns:repeat(3,1fr);gap:20px}}
.big-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;text-align:center;min-height:150px;padding:26px 20px;border-radius:var(--r);background:var(--card);color:var(--card-ink);box-shadow:var(--shadow),0 0 0 0 rgba(255,255,255,0);transition:transform .45s var(--bounce),box-shadow .35s;overflow:hidden}
.big-btn::before{content:"";position:absolute;inset:auto -30% -55% auto;width:70%;aspect-ratio:1;border-radius:50%;background:var(--accent,#fff);opacity:.22;transition:transform .6s var(--bounce)}
.big-btn:hover{transform:translateY(-6px) scale(1.02) rotate(-.6deg);box-shadow:0 24px 44px -16px rgba(0,0,0,.5)}
.big-btn:hover::before{transform:scale(1.35)}
.big-btn:active{transform:scale(.97)}
.big-ico{font-size:2.4rem;line-height:1;width:72px;height:72px;display:grid;place-items:center;border-radius:22px;background:var(--accent);color:#fff;margin-bottom:10px;box-shadow:0 10px 18px -10px rgba(0,0,0,.45);transition:transform .5s var(--bounce)}
.big-btn:hover .big-ico{transform:rotate(-8deg) scale(1.1)}
.big-label{font-family:var(--syne);font-weight:800;font-size:1.5rem;letter-spacing:-.01em;position:relative}
.big-sub{font-size:.85rem;color:var(--card-ink-dim);font-weight:500;position:relative}
@media(min-width:720px){.big-btn{min-height:230px}.big-ico{width:84px;height:84px;font-size:2.8rem}}
.c-teal{--accent:var(--teal);--accent-deep:var(--teal-deep)}
.c-coral{--accent:var(--coral);--accent-deep:var(--coral-deep)}
.c-sun{--accent:var(--sun);--accent-deep:var(--sun-deep)}
.c-violet{--accent:var(--violet);--accent-deep:var(--violet-deep)}
.c-lime{--accent:var(--lime);--accent-deep:var(--lime-deep)}
.big-ico.c-sun,.c-sun .big-ico,.c-sun .sub-ico,.c-lime .sub-ico{color:var(--card-ink)}

/* SOCIALS */
.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.soc{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--syne);font-weight:700;font-size:.78rem;color:var(--ink);background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.3);padding:10px 16px;border-radius:100px;transition:background .25s,transform .35s var(--bounce)}
.soc svg{width:14px;height:14px}
.soc:hover{background:rgba(255,255,255,.28);transform:translateY(-3px)}
.soc.wa{background:var(--wa);border-color:var(--wa)}
.soc.wa:hover{background:#2ee07a}

/* PAGE HEAD */
.page-head{text-align:center;padding:8px 0 24px}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--syne);font-weight:800;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;background:var(--accent,#fff);color:var(--card-ink);padding:8px 16px;border-radius:100px;box-shadow:0 8px 16px -10px rgba(0,0,0,.5)}
.chip.c-teal{background:#fff;color:var(--teal-deep)}
.chip.c-coral{color:#fff}
.chip.c-violet{color:#fff}
.page-title{font-family:var(--syne);font-weight:800;font-size:clamp(1.9rem,7vw,3rem);letter-spacing:-.02em;margin-top:14px;line-height:1.05}
.page-sub{color:var(--ink-dim);margin-top:8px;font-size:1rem}

/* SUB MENU */
.sub-menu{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:640px){.sub-menu{grid-template-columns:repeat(3,1fr)}}
.sub-btn{display:flex;align-items:center;gap:16px;text-decoration:none;background:var(--card);color:var(--card-ink);padding:18px 20px;border-radius:22px;box-shadow:var(--shadow);transition:transform .45s var(--bounce),box-shadow .35s;min-height:84px}
@media(min-width:640px){.sub-btn{flex-direction:column;justify-content:center;text-align:center;gap:10px;padding:28px 18px;min-height:170px}}
.sub-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 24px 44px -16px rgba(0,0,0,.5)}
.sub-btn:active{transform:scale(.97)}
.sub-ico{font-size:1.7rem;line-height:1;width:56px;height:56px;flex:none;display:grid;place-items:center;border-radius:18px;background:var(--accent);color:#fff;transition:transform .5s var(--bounce)}
.sub-btn:hover .sub-ico{transform:rotate(-10deg) scale(1.1)}
.sub-label{font-family:var(--syne);font-weight:800;font-size:1.15rem}
.channel-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--syne);font-weight:800;font-size:.85rem;text-decoration:none;padding:14px 24px;border-radius:100px;border:2px solid transparent;transition:transform .4s var(--bounce),box-shadow .3s,background .3s,border-color .3s;color:var(--card-ink)}
.btn svg{width:15px;height:15px;flex:none}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:scale(.97)}
.btn-solid{background:var(--sun);color:var(--card-ink);box-shadow:0 12px 24px -12px rgba(0,0,0,.5)}
.btn-solid:hover{background:#ffdb80}
.btn-ghost{background:rgba(255,255,255,.14);color:var(--ink);border-color:rgba(255,255,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.26)}
.btn-wide{width:100%;padding:17px 24px;font-size:.95rem}
.btn-small{padding:9px 16px;font-size:.75rem;background:var(--sun);box-shadow:0 8px 16px -10px rgba(0,0,0,.5)}
.btn-small:hover{background:#ffdb80}

/* GALLERY (empty, ready to fill) */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.gallery{grid-template-columns:repeat(3,1fr);gap:16px}}
.g-slot{aspect-ratio:9/14;border-radius:20px;border:2.5px dashed rgba(255,255,255,.45);background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink-dim);font-family:var(--syne);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:background .3s,transform .4s var(--bounce)}
.g-slot:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
.g-slot .g-ico{font-size:2rem;animation:bob 2.6s ease-in-out infinite;animation-delay:var(--d,0s)}
.gallery[data-gallery="vlogs"] .g-slot{aspect-ratio:16/11}
.g-video{aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;box-shadow:var(--shadow)}
.gallery[data-gallery="vlogs"] .g-video{aspect-ratio:16/9}
.g-video iframe{width:100%;height:100%;border:0}
.gallery-note{grid-column:1/-1;text-align:center;color:var(--ink-dim);font-size:.9rem;padding:6px 0 0}

/* GAMES */
.game-bar{display:flex;align-items:center;justify-content:center;gap:14px 22px;flex-wrap:wrap;font-family:var(--syne);font-weight:700;font-size:.85rem;margin-bottom:18px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);border-radius:100px;padding:10px 18px}
.game-bar b{color:var(--sun)}
.game-msg{text-align:center;font-family:var(--syne);font-weight:800;font-size:1.15rem;margin-top:18px;min-height:1.6em}
.game-msg:not(:empty){animation:popIn .6s var(--bounce)}

.mem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:460px;margin:0 auto}
.mem-card{position:relative;aspect-ratio:1;border:0;background:transparent;perspective:600px;border-radius:18px}
.mem-inner{position:absolute;inset:0;transition:transform .5s var(--bounce);transform-style:preserve-3d;border-radius:18px}
.mem-card.flipped .mem-inner,.mem-card.matched .mem-inner{transform:rotateY(180deg)}
.mem-face{position:absolute;inset:0;border-radius:18px;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-size:clamp(1.6rem,7vw,2.4rem);box-shadow:var(--shadow)}
.mem-front{background:var(--card);color:var(--teal);font-family:var(--syne);font-weight:800;font-size:1.4rem}
.mem-front::after{content:"?";}
.mem-back{background:#fff;transform:rotateY(180deg)}
.mem-card.matched .mem-back{background:var(--lime);animation:matchPop .5s var(--bounce)}
.mem-card:hover .mem-inner{transform:scale(1.04)}
.mem-card.flipped:hover .mem-inner,.mem-card.matched:hover .mem-inner{transform:rotateY(180deg)}

.catch-wrap{position:relative;max-width:360px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:#fff}
#catchCanvas{width:100%;height:auto;touch-action:none;background:linear-gradient(180deg,#eaf6f9,#fff)}
.catch-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgba(69,128,143,.55);color:#fff;font-family:var(--syne);font-weight:700;font-size:1rem;line-height:1.5;backdrop-filter:blur(2px);transition:opacity .3s}
.catch-overlay.hide{opacity:0;pointer-events:none}

.puz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:360px;margin:0 auto;aspect-ratio:1;background:rgba(255,255,255,.14);padding:6px;border-radius:22px;border:1.5px solid rgba(255,255,255,.3)}
.puz-tile{border-radius:14px;background-image:url(assets/logo-white.png);background-size:300% 300%;background-color:var(--bg-deep);box-shadow:0 6px 14px -8px rgba(0,0,0,.6);transition:transform .25s var(--bounce);border:0}
.puz-tile:hover{transform:scale(1.04)}
.puz-tile.empty{background:transparent;box-shadow:none;cursor:default}
.puz-grid.solved .puz-tile{border-radius:4px;animation:matchPop .6s var(--bounce)}

/* EXTRAS / IDEA FORM */
.card{background:var(--card);color:var(--card-ink);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(20px,4vw,32px)}
.idea-form{display:flex;flex-direction:column;gap:14px;max-width:620px;margin:0 auto}
.field{display:flex;flex-direction:column;gap:6px;font-family:var(--syne);font-weight:700;font-size:.82rem}
.field em{font-style:normal;font-weight:500;color:var(--card-ink-dim)}
.field input,.field textarea{width:100%;font:inherit;font-family:var(--sans);font-weight:400;font-size:1rem;color:var(--card-ink);background:#F2F8F9;border:2px solid #D7E7EA;border-radius:16px;padding:14px 16px;outline:none;transition:border-color .25s,box-shadow .25s;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(69,128,143,.18)}
.field input::placeholder,.field textarea::placeholder{color:#8FAAB1}
.form-error{color:var(--coral-deep);font-weight:600;font-size:.85rem}
.form-note{font-size:.78rem;color:var(--card-ink-dim);text-align:center;line-height:1.5}
.idea-form .btn-solid{background:var(--wa);color:#fff}
.idea-form .btn-solid:hover{background:#2ee07a}
.extras-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:22px auto 0}
.extra-card{aspect-ratio:1;border-radius:22px;background:rgba(255,255,255,.12);border:2.5px dashed rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--syne);font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);transition:transform .4s var(--bounce),background .3s}
.extra-card:hover{transform:translateY(-4px) rotate(-1.5deg);background:rgba(255,255,255,.2)}
.extra-ico{font-size:2rem;animation:bob 2.6s ease-in-out infinite}

/* FOOTER */
.foot{position:relative;z-index:1;text-align:center;font-size:.74rem;color:var(--ink-faint);padding:12px 20px max(28px,env(safe-area-inset-bottom));display:flex;justify-content:center;flex-wrap:wrap;gap:6px 8px;align-items:center}
.legal-link{color:var(--ink-dim);font-size:.74rem;transition:color .2s}
.legal-link:hover{color:var(--sun)}

/* LEGAL MODAL */
.overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(31,63,72,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .3s ease}
.legal-box{width:min(640px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;background:#fff;color:var(--card-ink);border-radius:26px;overflow:hidden;animation:popIn .45s var(--bounce)}
.legal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E3EEF0}
.legal-title{font-family:var(--syne);font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}
.legal-close{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#F2F8F9;color:var(--card-ink);transition:background .2s,transform .3s var(--bounce)}
.legal-close:hover{background:#E3EEF0;transform:rotate(90deg)}
.legal-tabs{display:flex;gap:6px;padding:12px 20px 0}
.legal-tab{font-family:var(--syne);font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--card-ink-dim);padding:9px 14px;border-radius:100px;transition:background .2s,color .2s}
.legal-tab.active{background:var(--teal);color:#fff}
.legal-body{padding:20px;overflow:auto;font-size:.9rem;line-height:1.65;color:#3C5C64}
.legal-body h4{font-family:var(--syne);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--card-ink);margin:18px 0 6px}
.legal-body h4:first-child{margin-top:0}
.legal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #E3EEF0}
.legal-updated{font-size:.72rem;color:var(--card-ink-dim)}
body.locked{overflow:hidden}

/* ANIMATION HELPERS */
.pop-in{opacity:0;animation:popIn .7s var(--bounce) forwards;animation-delay:var(--d,0s)}
.bounce-in{opacity:0;animation:bounceIn .9s var(--bounce) forwards}
@keyframes popIn{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}
@keyframes bounceIn{0%{opacity:0;transform:scale(.4) rotate(-14deg)}60%{opacity:1;transform:scale(1.08) rotate(4deg)}100%{opacity:1;transform:none}}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,209,102,.7)}100%{box-shadow:0 0 0 10px rgba(255,209,102,0)}}
@keyframes floaty{0%,100%{transform:translate(0,0)}50%{transform:translate(3vw,-3vh)}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes matchPop{0%{transform:rotateY(180deg) scale(.8)}60%{transform:rotateY(180deg) scale(1.12)}100%{transform:rotateY(180deg) scale(1)}}
@keyframes logoDraw{0%{opacity:0;transform:scale(.3) rotate(-30deg);filter:blur(6px)}55%{opacity:1;transform:scale(1.1) rotate(5deg);filter:blur(0)}100%{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .pop-in,.bounce-in{opacity:1}
}

/* SEGMENTED HERO LOGO */
.hero-logo-wrap{width:clamp(200px,52vw,320px);margin:0 auto 10px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}
.seg-logo{position:relative;width:100%;aspect-ratio:1}
.seg-logo .seg{position:absolute;inset:0;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;overflow:hidden;background:linear-gradient(120deg,var(--c1),var(--c2),var(--c3),var(--c1));background-size:300% 300%;animation:gradShift 6s ease-in-out infinite;animation-delay:var(--d,0s)}
.seg-logo .seg video,.seg-logo .seg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.seg-logo .s1{--m:url(assets/logo/seg1.png);--c1:#FFD166;--c2:#fff;--c3:#FFB347;--d:0s}
.seg-logo .s2{--m:url(assets/logo/seg2.png);--c1:#FF7B6B;--c2:#FFD166;--c3:#fff;--d:-.8s}
.seg-logo .s3{--m:url(assets/logo/seg3.png);--c1:#B59CFF;--c2:#fff;--c3:#FF7B6B;--d:-1.6s}
.seg-logo .s4{--m:url(assets/logo/seg4.png);--c1:#9BE779;--c2:#FFD166;--c3:#fff;--d:-2.4s}
.seg-logo .s5{--m:url(assets/logo/seg5.png);--c1:#fff;--c2:#9BE779;--c3:#45808F;--d:-3.2s}
.seg-logo .s6{--m:url(assets/logo/seg6.png);--c1:#FFD166;--c2:#FF7B6B;--c3:#fff;--d:-4s}
.seg-logo .s7{--m:url(assets/logo/seg7.png);--c1:#fff;--c2:#B59CFF;--c3:#FFD166;--d:-4.8s}
.seg-logo .s8{--m:url(assets/logo/seg8.png);--c1:#9BE779;--c2:#fff;--c3:#FF7B6B;--d:-5.6s}
.seg-logo .hand{position:absolute;inset:0;width:100%;height:100%}
.squeeze{animation:squeeze 1.2s ease-in-out infinite;transform-origin:50% 55%}
@keyframes squeeze{0%,100%{transform:scale(1,1)}50%{transform:scale(.92,1.02)}}
@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.brand:hover .brand-logo{animation-play-state:paused}

/* TABS */
.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}
.tab{display:inline-flex;align-items:center;gap:6px;font-family:var(--syne);font-weight:800;font-size:.85rem;padding:11px 18px;border-radius:100px;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.3);color:var(--ink);transition:background .25s,color .25s,transform .35s var(--bounce)}
.tab small{font-weight:600;font-size:.72rem;opacity:.75}
.tab:hover{transform:translateY(-2px)}
.tab.active{background:#fff;color:var(--card-ink);border-color:#fff;box-shadow:0 10px 20px -10px rgba(0,0,0,.5)}
.tab.active.c-coral,.tab.active.c-sun{background:var(--accent)}

/* VIDEO TILES */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gallery[data-gallery="shorts"]{grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:640px){.gallery{grid-template-columns:repeat(3,1fr);gap:16px}.gallery[data-gallery="shorts"]{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.gallery{grid-template-columns:repeat(4,1fr)}.gallery[data-gallery="shorts"]{grid-template-columns:repeat(5,1fr)}}
.tile{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:var(--bg-deep);box-shadow:var(--shadow);transition:transform .45s var(--bounce),box-shadow .35s;text-align:left;padding:0;-webkit-tap-highlight-color:transparent}
.gallery[data-gallery="shorts"] .tile{aspect-ratio:9/16}
.tile:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 24px 40px -16px rgba(0,0,0,.55)}
.tile:active{transform:scale(.97)}
.tile img,.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile video{opacity:0;transition:opacity .4s}
.tile.playing video{opacity:1}
.tile .play{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--teal-deep);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.35);transition:transform .4s var(--bounce);z-index:2}
.tile .play svg{width:18px;height:18px;margin-left:3px}
.tile:hover .play{transform:scale(1.15)}
.tile .tt{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 10px;font-size:.74rem;font-weight:600;line-height:1.3;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;unicode-bidi:plaintext;text-align:start;z-index:1}
.gallery[data-gallery="shorts"] .tile .tt{font-size:.68rem;-webkit-line-clamp:3}
.more-wrap{grid-column:1/-1;display:flex;justify-content:center;padding-top:8px}
.g-slot{aspect-ratio:16/9;border-radius:20px;border:2.5px dashed rgba(255,255,255,.45);background:rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink-dim);font-family:var(--syne);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:background .3s,transform .4s var(--bounce)}
.g-slot:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
.g-slot .g-ico{font-size:2rem;animation:bob 2.6s ease-in-out infinite;animation-delay:var(--d,0s)}

/* LIGHTBOX */
.lightbox{background:rgba(20,40,46,.9);flex-direction:column;gap:12px;padding:12px}
.lb-close{align-self:flex-end;font-family:var(--syne);font-weight:800;font-size:1rem;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--card-ink);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .3s var(--bounce)}
.lb-close:hover{transform:rotate(90deg) scale(1.08)}
.lb-frame{width:min(100%,1000px);aspect-ratio:16/9;max-height:calc(100dvh - 90px);background:#000;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.9);animation:popIn .45s var(--bounce)}
.lb-frame.vertical{aspect-ratio:9/16;width:auto;height:min(calc(100dvh - 90px),820px);max-width:100%}
.lb-frame iframe{width:100%;height:100%;border:0}

/* GAMES two-up */
.sub-menu.two{grid-template-columns:1fr;max-width:720px;margin:0 auto}
@media(min-width:640px){.sub-menu.two{grid-template-columns:repeat(2,1fr)}}
.sub-text{display:flex;flex-direction:column;gap:2px}
.sub-sub{font-size:.82rem;color:var(--card-ink-dim);font-weight:500}

/* WHATSAPP FAB */
.wa-fab{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:400;display:flex;align-items:center;gap:10px;text-decoration:none;flex-direction:row-reverse;animation:fabIn .8s 1s var(--bounce) both}
body.introing .wa-fab{display:none}
.wa-bubble{position:relative;width:64px;height:64px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 14px 28px -10px rgba(0,0,0,.55),0 0 0 0 rgba(37,211,102,.5);animation:waPulse 2.4s ease-out infinite;transition:transform .4s var(--bounce)}
.wa-fab:hover .wa-bubble{transform:scale(1.1) rotate(-6deg)}
.wa-outline{position:absolute;inset:0;width:100%;height:100%;padding:7px}
.wa-hand{position:absolute;width:52%;height:52%;left:24%;top:24%}
.wa-pill{font-family:var(--syne);font-weight:800;font-size:.82rem;color:var(--card-ink);background:#fff;padding:10px 16px;border-radius:100px;box-shadow:0 12px 24px -12px rgba(0,0,0,.55);white-space:nowrap;animation:bob 2.4s ease-in-out infinite}
@keyframes waPulse{0%{box-shadow:0 14px 28px -10px rgba(0,0,0,.55),0 0 0 0 rgba(37,211,102,.55)}100%{box-shadow:0 14px 28px -10px rgba(0,0,0,.55),0 0 0 18px rgba(37,211,102,0)}}
@keyframes fabIn{from{opacity:0;transform:translateY(30px) scale(.6)}to{opacity:1;transform:none}}
@media(max-width:420px){.wa-pill{font-size:.76rem;padding:9px 13px}}

/* HOME CTA + ROUND SOCIALS */
.home-cta{display:flex;justify-content:center;margin-top:26px}
.btn-sub{background:#FF0000;color:#fff;font-size:.95rem;padding:16px 28px;box-shadow:0 14px 28px -12px rgba(0,0,0,.6)}
.btn-sub:hover{background:#ff2a2a}
.btn-sub svg{width:18px;height:18px}
.round-socials{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.rs{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font-family:var(--syne);font-weight:700;font-size:.68rem;color:var(--ink-dim)}
.rs-ico{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--rs,#fff);box-shadow:0 12px 22px -10px rgba(0,0,0,.55);transition:transform .45s var(--bounce)}
.rs-ico svg{width:22px;height:22px}
.rs:hover .rs-ico{transform:translateY(-5px) rotate(-8deg) scale(1.08)}
.rs-yt{--rs:#FF0000}.rs-ig{--rs:linear-gradient(45deg,#F58529,#DD2A7B,#8134AF)}.rs-tg{--rs:#229ED9}.rs-mail{--rs:var(--sun)}
.rs-mail .rs-ico{color:var(--card-ink)}
.on-card .rs{color:var(--card-ink-dim)}
.extras-social{max-width:620px;margin:18px auto 0;text-align:center}
.extras-h{font-family:var(--syne);font-weight:800;font-size:1.1rem;margin-bottom:16px}
.foot{flex-direction:column;gap:18px}
.foot-line{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 8px;align-items:center}
.in-foot{margin-bottom:4px}
main{padding-bottom:110px}

/* intro v2: fill → squeeze → open */
.intro-video{transition:transform .35s var(--bounce)}
.intro.squeeze-out .intro-video,.intro.squeeze-out .intro-logo{animation:squeezeOnce .35s ease-in-out both}
@keyframes squeezeOnce{0%{transform:scale(1,1)}50%{transform:scale(.86,1.06)}100%{transform:scale(1,1)}}
.intro.done{transition:opacity .45s ease,visibility .45s,transform .45s ease;transform:scale(1.08)}
.intro-logo{animation:logoDraw 2.2s var(--bounce) both}
.intro-skip{animation:fadeIn .6s .9s ease forwards}
/* sub-pages: keep the top bar on one line on small phones */
@media(max-width:480px){body.sub .brand-text{display:none}}
.btn-sub{width:100%;max-width:380px;font-size:.9rem;padding:16px 20px}
/* punchier ring gradients */
.seg-logo .seg{background-size:260% 260%;animation-duration:5s}
.seg-logo .s1{--c1:#FFD166;--c2:#FFB347;--c3:#FFE9A8}
.seg-logo .s2{--c1:#FF7B6B;--c2:#FFB347;--c3:#FF9A8D}
.seg-logo .s3{--c1:#B59CFF;--c2:#FF7B6B;--c3:#D7C8FF}
.seg-logo .s4{--c1:#9BE779;--c2:#FFD166;--c3:#CFF5BE}
.seg-logo .s5{--c1:#8FD6E2;--c2:#9BE779;--c3:#ffffff}
.seg-logo .s6{--c1:#FFD166;--c2:#FF7B6B;--c3:#FFE9A8}
.seg-logo .s7{--c1:#D7C8FF;--c2:#B59CFF;--c3:#FFD166}
.seg-logo .s8{--c1:#9BE779;--c2:#8FD6E2;--c3:#FF9A8D}

/* BRAND FONTS: swap these two variables when Chaim's font files arrive */
:root{--font-display:'Syne',system-ui,sans-serif;--font-body:'Instrument Sans',system-ui,-apple-system,sans-serif;--syne:var(--font-display);--sans:var(--font-body)}
.hero-title{font-size:clamp(2.3rem,8.5vw,4.4rem);white-space:nowrap}
.hero-title span{transform:none}

/* PINCHING HAND: palm static, index + thumb close toward each other */
.hand-anim{position:absolute;inset:0;display:block}
.hand-anim img{position:absolute;inset:0;width:100%;height:100%}
.h-index{transform-origin:59% 39.6%;animation:pinchIndex 1.2s ease-in-out infinite}
.h-thumb{transform-origin:60.4% 48.3%;animation:pinchThumb 1.2s ease-in-out infinite}
@keyframes pinchIndex{0%,100%{transform:rotate(0deg)}50%{transform:rotate(3.2deg)}}
@keyframes pinchThumb{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-3.2deg)}}
.seg-logo .hand{position:absolute;inset:0;width:100%;height:100%}
.wa-bubble .wa-hand{position:absolute;width:52%;height:52%;left:24%;top:24%;inset:auto}
.brand-logo{position:relative;display:block;width:40px;height:40px}
.brand-ring{position:absolute;inset:0;width:100%;height:100%}
.brand-hand{position:absolute;inset:0}
.brand:hover .brand-logo{transform:rotate(-12deg) scale(1.08)}

/* BRAND FONT: Tahoma (Chaim's files), Latin + Hebrew subset */
@font-face{font-family:'AbiselTahoma';src:url(assets/fonts/tahoma.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'AbiselTahoma';src:url(assets/fonts/tahoma-bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--font-display:'AbiselTahoma',Tahoma,sans-serif;--font-body:'AbiselTahoma',Tahoma,sans-serif}
h1,h2,h3,.big-label,.sub-label,.page-title,.hero-title,.btn,.tab,.chip,.wa-pill,.brand-text,.legal-title,.legal-tab,.extras-h,.rs,.back,.g-slot,.extra-card,.intro-word{font-weight:700}
.hero-title{font-weight:700;letter-spacing:-.01em}
.c-sun .big-ico svg{color:#fff;stroke:#fff}

/* intro v3: no scripted squeeze/zoom; plain 0.4 s fade, last frame held */
.intro.done{transform:none;transition:opacity .4s ease,visibility .4s}
.intro.squeeze-out .intro-video,.intro.squeeze-out .intro-logo{animation:none}
.intro-video{transition:none}
/* iOS fallback: draw-in + one squeeze, no shrink-out */
.intro-logo{animation:logoDrawIn 1.9s var(--bounce) both, pinchOnce .5s 1.9s ease-in-out both}
@keyframes logoDrawIn{0%{opacity:0;transform:scale(.55) rotate(-25deg);filter:blur(5px)}60%{opacity:1;transform:scale(1.04) rotate(3deg);filter:blur(0)}100%{opacity:1;transform:none}}
@keyframes pinchOnce{0%,100%{transform:scale(1,1)}50%{transform:scale(.9,1.04)}}

.seg-logo .seg video{opacity:0;transition:opacity .6s}
.seg-logo .seg.has-video video{opacity:1}

/* Logo Match icon: two fanned cards with the white hand-in-ring logo */
.cards-ico{position:relative;overflow:visible}
.mini-card{position:absolute;width:30px;height:40px;border-radius:6px;background:var(--teal-deep);border:2px solid #fff;display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(0,0,0,.5);left:50%;top:50%}
.mini-card img{width:20px;height:20px}
.mini-card.c1{transform:translate(-62%,-50%) rotate(-12deg)}
.mini-card.c2{transform:translate(-38%,-50%) rotate(10deg)}
.sub-btn:hover .cards-ico{transform:none}
.sub-btn:hover .mini-card.c1{transform:translate(-68%,-52%) rotate(-18deg)}
.sub-btn:hover .mini-card.c2{transform:translate(-32%,-48%) rotate(16deg)}
.mini-card{transition:transform .45s var(--bounce)}

.idea-sent{max-width:620px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.sent-emoji{font-size:3rem;animation:bounceIn .9s var(--bounce) both}
.idea-form .btn-solid{background:var(--sun);color:var(--card-ink)}
.idea-form .btn-solid:hover{background:#ffdb80}
.form-error a{color:var(--teal);font-weight:700}

/* NEWSLETTER */
.newsletter{max-width:620px;margin:22px auto 0;text-align:center}
.news-h{font-size:1.15rem;margin-bottom:12px}
.news-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.news-form input{flex:1 1 220px;min-width:0;font:inherit;font-size:1rem;color:var(--card-ink);background:#F2F8F9;border:2px solid #D7E7EA;border-radius:100px;padding:13px 18px;outline:none;transition:border-color .25s,box-shadow .25s}
.news-form input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(69,128,143,.18)}
.news-form input::placeholder{color:#8FAAB1}
.news-form .form-error{flex-basis:100%}
.news-sent{display:flex;flex-direction:column;align-items:center;gap:6px}
.news-sent .sent-emoji{font-size:2.4rem}
#v-extras .newsletter{margin-top:18px}

/* Home card icon tiles: Abisel teal with white glyphs */
.big-btn .big-ico{background:var(--teal)!important;color:#fff!important}
.big-btn .big-ico svg{color:#fff;stroke:#fff}
/* Lightbulb background on Extras & More */
#v-extras{position:relative}
.bulb-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;color:#fff}
#v-extras > *:not(.bulb-bg){position:relative;z-index:1}
.bulb-bg use{opacity:.08;animation:twinkle var(--bp,5s) ease-in-out infinite;animation-delay:var(--bd,0s);transform-box:fill-box;transform-origin:center}
@keyframes twinkle{0%,100%{opacity:.07;color:#fff;filter:none}50%{opacity:.11;color:#FFE9A8;filter:drop-shadow(0 0 2px rgba(255,209,102,.9))}}
@media(prefers-reduced-motion:reduce){.bulb-bg use{animation:none;opacity:.08}}

/* ring videos: whole frame fitted inside each segment's window */
.seg-logo .s1 video{left:50.03%;top:0.94%;width:37.85%;height:23.96%;inset:auto;object-fit:contain}
.seg-logo .s2 video{left:80.46%;top:17.86%;width:18.45%;height:35.94%;inset:auto;object-fit:contain}
.seg-logo .s3 video{left:77.33%;top:50.19%;width:21.80%;height:35.46%;inset:auto;object-fit:contain}
.seg-logo .s4 video{left:50.28%;top:78.69%;width:34.02%;height:20.12%;inset:auto;object-fit:contain}
.seg-logo .s5 video{left:17.86%;top:80.46%;width:35.94%;height:18.45%;inset:auto;object-fit:contain}
.seg-logo .s6 video{left:0.94%;top:50.05%;width:23.96%;height:37.61%;inset:auto;object-fit:contain}
.seg-logo .s7 video{left:1.17%;top:15.62%;width:20.36%;height:38.33%;inset:auto;object-fit:contain}
.seg-logo .s8 video{left:14.06%;top:0.85%;width:40.01%;height:22.04%;inset:auto;object-fit:contain}

/* honeypot: fully hidden */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
/* keep the Send button clear of the floating WhatsApp bubble */
#v-extras{padding-bottom:96px}
.idea-form{position:relative}
/* compact "Join the Abisel list" pill (footer) */
.list-pill{display:flex;align-items:center;width:min(100%,320px);height:40px;background:#fff;border-radius:100px;padding:4px 4px 4px 14px;box-shadow:0 10px 20px -12px rgba(0,0,0,.5);gap:6px;position:relative}
.list-pill input{flex:1;min-width:0;border:0;outline:none;background:transparent;font:inherit;font-size:.85rem;color:var(--card-ink)}
.list-pill input::placeholder{color:#8FAAB1}
.list-btn{height:32px;padding:0 14px;border-radius:100px;background:var(--teal);color:#fff;font-weight:700;font-size:.78rem;transition:background .2s,transform .3s var(--bounce)}
.list-btn:hover{background:var(--teal-deep);transform:translateY(-1px)}
.list-msg{font-size:.8rem;margin-top:-8px}.list-msg.ok{color:#fff;font-weight:700}.list-msg.err{color:#FFD166}
/* compact home cards on phones: all three on one screen */
@media(max-width:719px){
  .hero{padding:4px 0 12px}
  .hero-logo-wrap{width:clamp(150px,40vw,180px);margin-bottom:6px}
  .hero-title{font-size:clamp(1.9rem,8vw,2.4rem)}
  .hero-yi{font-size:1rem;margin-top:2px}
  .big-menu{gap:8px;margin-top:10px}
  .big-btn{flex-direction:row;justify-content:flex-start;text-align:left;min-height:68px;height:68px;padding:10px 14px;gap:12px;border-radius:18px}
  .big-btn .big-ico{width:40px;height:40px;min-width:40px;border-radius:12px;font-size:1.3rem;margin:0}
  .big-btn .big-ico svg{width:22px;height:22px}
  .big-label{font-size:1.05rem;line-height:1.15}
  .big-sub{font-size:.76rem}
  .big-btn::before{display:none}
  .tile .play{width:26px;height:26px;margin:-13px 0 0 -13px}
  .tile .play svg{width:11px;height:11px;margin-left:2px}
  .tile .tt{font-size:11.5px;padding:22px 8px 8px;-webkit-line-clamp:2}
  .gallery[data-gallery="shorts"] .tile .tt{font-size:11px;-webkit-line-clamp:2}
}

/* ring canvas (masked clips) sits over the gradient segments, under the hand */
.ring-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ring-pool{position:absolute;width:2px;height:2px;left:0;top:0;overflow:hidden;opacity:.01;pointer-events:none}
.ring-pool video{width:2px;height:2px}
.seg-logo .seg video{display:none}

/* ring: no colored gradients — a plain white base under the clips, thin white separators come from the mask gaps */
.seg-logo .seg{background:#ffffff;animation:none}
.seg-logo .seg.has-video{background:#ffffff}

/* home: plain teal, no drifting blobs */
.blobs{display:none}

/* spotlight tile */
.tile.spot{box-shadow:0 0 0 3px #fff,0 18px 34px -14px rgba(0,0,0,.6);transform:scale(1.03);z-index:2}
.tile.spot .play{transform:scale(1.1)}
/* keep footer icons clear of the WhatsApp bubble */
.foot{padding-bottom:max(100px,env(safe-area-inset-bottom))}
main{padding-bottom:24px}
#v-extras{padding-bottom:40px}

/* ===== HERO RING v3: real YouTube playback, one segment at a time ===== */
.seg-logo .seg{display:none}
.seg-logo .arc{position:absolute;inset:0;background:#fff;overflow:hidden}
.seg-logo .arc-img{position:absolute;object-fit:cover;display:block;z-index:2;opacity:1;transition:opacity .45s ease;background:#fff}
.seg-logo .arc.active .arc-img{opacity:0}
.seg-logo .arc-player{position:absolute;overflow:hidden;pointer-events:none;display:block;z-index:1;background:transparent}
.seg-logo .arc-player iframe{position:absolute;left:50%;top:50%;width:400px;height:225px;border:0;transform-origin:center;transform:translate(-50%,-50%) scale(var(--s,0.3)) translate(118px,0);pointer-events:none}
.seg-logo .arc-player.vertical iframe{transform:translate(-50%,-50%) scale(var(--s,0.3)) translate(0,95px)}
.seg-logo .arc-player.vertical iframe{width:225px;height:400px}
.seg-logo .arc.active{box-shadow:none}
.seg-logo .a1{clip-path:polygon(57.48% 2.78%,59.54% 3.15%,61.58% 3.62%,63.61% 4.17%,65.60% 4.81%,67.57% 5.54%,69.50% 6.35%,71.40% 7.25%,73.25% 8.23%,75.06% 9.29%,76.82% 10.43%,78.53% 11.64%,80.19% 12.93%,81.78% 14.29%,83.32% 15.72%,84.18% 16.97%,84.50% 18.46%,84.23% 19.96%,83.40% 21.23%,82.14% 22.10%,80.66% 22.42%,79.16% 22.14%,77.88% 21.31%,76.60% 20.12%,75.26% 18.98%,73.88% 17.90%,72.45% 16.89%,70.97% 15.93%,69.46% 15.05%,67.91% 14.23%,66.32% 13.48%,64.70% 12.79%,63.06% 12.19%,61.39% 11.65%,59.69% 11.19%,57.98% 10.80%,56.26% 10.49%,54.83% 9.96%,53.71% 8.93%,53.07% 7.55%,53.01% 6.02%,53.54% 4.60%,54.57% 3.48%,55.95% 2.84%);-webkit-clip-path:polygon(57.48% 2.78%,59.54% 3.15%,61.58% 3.62%,63.61% 4.17%,65.60% 4.81%,67.57% 5.54%,69.50% 6.35%,71.40% 7.25%,73.25% 8.23%,75.06% 9.29%,76.82% 10.43%,78.53% 11.64%,80.19% 12.93%,81.78% 14.29%,83.32% 15.72%,84.18% 16.97%,84.50% 18.46%,84.23% 19.96%,83.40% 21.23%,82.14% 22.10%,80.66% 22.42%,79.16% 22.14%,77.88% 21.31%,76.60% 20.12%,75.26% 18.98%,73.88% 17.90%,72.45% 16.89%,70.97% 15.93%,69.46% 15.05%,67.91% 14.23%,66.32% 13.48%,64.70% 12.79%,63.06% 12.19%,61.39% 11.65%,59.69% 11.19%,57.98% 10.80%,56.26% 10.49%,54.83% 9.96%,53.71% 8.93%,53.07% 7.55%,53.01% 6.02%,53.54% 4.60%,54.57% 3.48%,55.95% 2.84%)}
.seg-logo .a1 .arc-img,.seg-logo .a1 .arc-player{left:47.56%;top:-0.62%;width:42.79%;height:27.08%}
.seg-logo .a2{clip-path:polygon(89.03% 22.50%,90.09% 24.06%,91.08% 25.66%,92.00% 27.30%,92.87% 28.97%,93.66% 30.68%,94.39% 32.42%,95.05% 34.18%,95.64% 35.97%,96.15% 37.78%,96.60% 39.60%,96.97% 41.45%,97.27% 43.31%,97.50% 45.18%,97.65% 47.05%,97.45% 48.54%,96.70% 49.83%,95.51% 50.74%,94.06% 51.12%,92.57% 50.92%,91.28% 50.17%,90.37% 48.97%,89.99% 47.53%,89.86% 45.95%,89.67% 44.38%,89.42% 42.82%,89.10% 41.28%,88.73% 39.74%,88.30% 38.22%,87.80% 36.72%,87.25% 35.24%,86.64% 33.79%,85.97% 32.36%,85.25% 30.95%,84.47% 29.58%,83.64% 28.23%,82.75% 26.93%,82.15% 25.56%,82.11% 24.06%,82.65% 22.66%,83.68% 21.58%,85.05% 20.97%,86.55% 20.93%,87.95% 21.47%);-webkit-clip-path:polygon(89.03% 22.50%,90.09% 24.06%,91.08% 25.66%,92.00% 27.30%,92.87% 28.97%,93.66% 30.68%,94.39% 32.42%,95.05% 34.18%,95.64% 35.97%,96.15% 37.78%,96.60% 39.60%,96.97% 41.45%,97.27% 43.31%,97.50% 45.18%,97.65% 47.05%,97.45% 48.54%,96.70% 49.83%,95.51% 50.74%,94.06% 51.12%,92.57% 50.92%,91.28% 50.17%,90.37% 48.97%,89.99% 47.53%,89.86% 45.95%,89.67% 44.38%,89.42% 42.82%,89.10% 41.28%,88.73% 39.74%,88.30% 38.22%,87.80% 36.72%,87.25% 35.24%,86.64% 33.79%,85.97% 32.36%,85.25% 30.95%,84.47% 29.58%,83.64% 28.23%,82.75% 26.93%,82.15% 25.56%,82.11% 24.06%,82.65% 22.66%,83.68% 21.58%,85.05% 20.97%,86.55% 20.93%,87.95% 21.47%)}
.seg-logo .a2 .arc-img,.seg-logo .a2 .arc-player{left:79.26%;top:15.52%;width:20.85%;height:40.62%}
.seg-logo .a3{clip-path:polygon(97.19% 57.38%,96.86% 59.23%,96.46% 61.07%,95.99% 62.90%,95.44% 64.70%,94.83% 66.49%,94.14% 68.24%,93.39% 69.97%,92.57% 71.67%,91.68% 73.33%,90.73% 74.96%,89.71% 76.54%,88.63% 78.09%,87.49% 79.59%,86.30% 81.05%,85.11% 81.98%,83.65% 82.39%,82.14% 82.22%,80.82% 81.47%,79.89% 80.28%,79.48% 78.83%,79.66% 77.32%,80.40% 76.00%,81.40% 74.78%,82.35% 73.52%,83.26% 72.23%,84.11% 70.90%,84.91% 69.54%,85.65% 68.14%,86.34% 66.72%,86.97% 65.28%,87.54% 63.81%,88.06% 62.31%,88.51% 60.80%,88.91% 59.27%,89.25% 57.73%,89.52% 56.18%,90.04% 54.75%,91.07% 53.64%,92.44% 53.00%,93.96% 52.94%,95.38% 53.46%,96.49% 54.49%,97.13% 55.86%);-webkit-clip-path:polygon(97.19% 57.38%,96.86% 59.23%,96.46% 61.07%,95.99% 62.90%,95.44% 64.70%,94.83% 66.49%,94.14% 68.24%,93.39% 69.97%,92.57% 71.67%,91.68% 73.33%,90.73% 74.96%,89.71% 76.54%,88.63% 78.09%,87.49% 79.59%,86.30% 81.05%,85.11% 81.98%,83.65% 82.39%,82.14% 82.22%,80.82% 81.47%,79.89% 80.28%,79.48% 78.83%,79.66% 77.32%,80.40% 76.00%,81.40% 74.78%,82.35% 73.52%,83.26% 72.23%,84.11% 70.90%,84.91% 69.54%,85.65% 68.14%,86.34% 66.72%,86.97% 65.28%,87.54% 63.81%,88.06% 62.31%,88.51% 60.80%,88.91% 59.27%,89.25% 57.73%,89.52% 56.18%,90.04% 54.75%,91.07% 53.64%,92.44% 53.00%,93.96% 52.94%,95.38% 53.46%,96.49% 54.49%,97.13% 55.86%)}
.seg-logo .a3 .arc-img,.seg-logo .a3 .arc-player{left:75.91%;top:47.88%;width:24.65%;height:40.08%}
.seg-logo .a4{clip-path:polygon(79.73% 87.33%,78.32% 88.42%,76.86% 89.45%,75.38% 90.42%,73.85% 91.34%,72.29% 92.20%,70.70% 93.00%,69.09% 93.74%,67.44% 94.43%,65.77% 95.04%,64.08% 95.60%,62.37% 96.09%,60.64% 96.52%,58.90% 96.89%,57.15% 97.19%,55.64% 97.12%,54.27% 96.48%,53.25% 95.36%,52.73% 93.93%,52.80% 92.42%,53.44% 91.05%,54.56% 90.03%,55.99% 89.52%,57.45% 89.27%,58.91% 88.96%,60.36% 88.60%,61.79% 88.19%,63.21% 87.72%,64.61% 87.21%,65.98% 86.64%,67.34% 86.01%,68.67% 85.34%,69.97% 84.62%,71.25% 83.85%,72.50% 83.04%,73.72% 82.17%,74.90% 81.27%,76.24% 80.57%,77.75% 80.45%,79.19% 80.91%,80.35% 81.89%,81.04% 83.23%,81.17% 84.74%,80.71% 86.18%);-webkit-clip-path:polygon(79.73% 87.33%,78.32% 88.42%,76.86% 89.45%,75.38% 90.42%,73.85% 91.34%,72.29% 92.20%,70.70% 93.00%,69.09% 93.74%,67.44% 94.43%,65.77% 95.04%,64.08% 95.60%,62.37% 96.09%,60.64% 96.52%,58.90% 96.89%,57.15% 97.19%,55.64% 97.12%,54.27% 96.48%,53.25% 95.36%,52.73% 93.93%,52.80% 92.42%,53.44% 91.05%,54.56% 90.03%,55.99% 89.52%,57.45% 89.27%,58.91% 88.96%,60.36% 88.60%,61.79% 88.19%,63.21% 87.72%,64.61% 87.21%,65.98% 86.64%,67.34% 86.01%,68.67% 85.34%,69.97% 84.62%,71.25% 83.85%,72.50% 83.04%,73.72% 82.17%,74.90% 81.27%,76.24% 80.57%,77.75% 80.45%,79.19% 80.91%,80.35% 81.89%,81.04% 83.23%,81.17% 84.74%,80.71% 86.18%)}
.seg-logo .a4 .arc-img,.seg-logo .a4 .arc-player{left:48.06%;top:77.38%;width:38.46%;height:22.75%}
.seg-logo .a5{clip-path:polygon(46.77% 97.59%,44.93% 97.43%,43.11% 97.20%,41.29% 96.90%,39.48% 96.53%,37.69% 96.09%,35.92% 95.58%,34.17% 95.00%,32.45% 94.35%,30.75% 93.64%,29.08% 92.87%,27.44% 92.03%,25.83% 91.12%,24.26% 90.16%,22.73% 89.14%,21.69% 88.06%,21.15% 86.67%,21.18% 85.17%,21.78% 83.80%,22.85% 82.77%,24.24% 82.22%,25.74% 82.25%,27.11% 82.85%,28.39% 83.71%,29.71% 84.52%,31.06% 85.28%,32.44% 85.98%,33.84% 86.64%,35.27% 87.23%,36.71% 87.77%,38.18% 88.26%,39.67% 88.69%,41.17% 89.06%,42.69% 89.37%,44.21% 89.62%,45.75% 89.82%,47.29% 89.95%,48.73% 90.34%,49.91% 91.25%,50.66% 92.55%,50.85% 94.03%,50.46% 95.47%,49.55% 96.66%,48.25% 97.40%);-webkit-clip-path:polygon(46.77% 97.59%,44.93% 97.43%,43.11% 97.20%,41.29% 96.90%,39.48% 96.53%,37.69% 96.09%,35.92% 95.58%,34.17% 95.00%,32.45% 94.35%,30.75% 93.64%,29.08% 92.87%,27.44% 92.03%,25.83% 91.12%,24.26% 90.16%,22.73% 89.14%,21.69% 88.06%,21.15% 86.67%,21.18% 85.17%,21.78% 83.80%,22.85% 82.77%,24.24% 82.22%,25.74% 82.25%,27.11% 82.85%,28.39% 83.71%,29.71% 84.52%,31.06% 85.28%,32.44% 85.98%,33.84% 86.64%,35.27% 87.23%,36.71% 87.77%,38.18% 88.26%,39.67% 88.69%,41.17% 89.06%,42.69% 89.37%,44.21% 89.62%,45.75% 89.82%,47.29% 89.95%,48.73% 90.34%,49.91% 91.25%,50.66% 92.55%,50.85% 94.03%,50.46% 95.47%,49.55% 96.66%,48.25% 97.40%)}
.seg-logo .a5 .arc-img,.seg-logo .a5 .arc-player{left:15.52%;top:79.26%;width:40.62%;height:20.85%}
.seg-logo .a6{clip-path:polygon(15.97% 83.50%,14.49% 81.93%,13.09% 80.30%,11.76% 78.61%,10.51% 76.85%,9.34% 75.05%,8.25% 73.19%,7.25% 71.28%,6.33% 69.34%,5.51% 67.35%,4.77% 65.33%,4.13% 63.27%,3.57% 61.19%,3.12% 59.09%,2.76% 56.97%,2.83% 55.45%,3.48% 54.08%,4.61% 53.06%,6.04% 52.55%,7.55% 52.63%,8.92% 53.28%,9.94% 54.40%,10.45% 55.83%,10.76% 57.61%,11.14% 59.37%,11.60% 61.11%,12.14% 62.83%,12.76% 64.52%,13.45% 66.19%,14.22% 67.82%,15.05% 69.41%,15.96% 70.97%,16.94% 72.48%,17.99% 73.95%,19.10% 75.36%,20.28% 76.73%,21.51% 78.04%,22.34% 79.31%,22.63% 80.80%,22.32% 82.29%,21.47% 83.54%,20.20% 84.38%,18.71% 84.66%,17.22% 84.35%);-webkit-clip-path:polygon(15.97% 83.50%,14.49% 81.93%,13.09% 80.30%,11.76% 78.61%,10.51% 76.85%,9.34% 75.05%,8.25% 73.19%,7.25% 71.28%,6.33% 69.34%,5.51% 67.35%,4.77% 65.33%,4.13% 63.27%,3.57% 61.19%,3.12% 59.09%,2.76% 56.97%,2.83% 55.45%,3.48% 54.08%,4.61% 53.06%,6.04% 52.55%,7.55% 52.63%,8.92% 53.28%,9.94% 54.40%,10.45% 55.83%,10.76% 57.61%,11.14% 59.37%,11.60% 61.11%,12.14% 62.83%,12.76% 64.52%,13.45% 66.19%,14.22% 67.82%,15.05% 69.41%,15.96% 70.97%,16.94% 72.48%,17.99% 73.95%,19.10% 75.36%,20.28% 76.73%,21.51% 78.04%,22.34% 79.31%,22.63% 80.80%,22.32% 82.29%,21.47% 83.54%,20.20% 84.38%,18.71% 84.66%,17.22% 84.35%)}
.seg-logo .a6 .arc-img,.seg-logo .a6 .arc-player{left:-0.62%;top:47.59%;width:27.08%;height:42.52%}
.seg-logo .a7{clip-path:polygon(2.38% 46.59%,2.57% 44.57%,2.84% 42.55%,3.20% 40.54%,3.65% 38.56%,4.18% 36.59%,4.79% 34.65%,5.49% 32.74%,6.27% 30.86%,7.12% 29.01%,8.06% 27.20%,9.07% 25.43%,10.15% 23.71%,11.31% 22.03%,12.54% 20.41%,13.68% 19.43%,15.11% 18.97%,16.62% 19.09%,17.96% 19.77%,18.93% 20.92%,19.40% 22.35%,19.28% 23.85%,18.59% 25.19%,17.56% 26.55%,16.59% 27.96%,15.68% 29.40%,14.84% 30.89%,14.05% 32.40%,13.34% 33.95%,12.69% 35.53%,12.10% 37.13%,11.59% 38.76%,11.14% 40.41%,10.77% 42.07%,10.47% 43.75%,10.24% 45.44%,10.08% 47.14%,9.68% 48.60%,8.76% 49.79%,7.45% 50.53%,5.95% 50.72%,4.50% 50.32%,3.31% 49.40%,2.57% 48.09%);-webkit-clip-path:polygon(2.38% 46.59%,2.57% 44.57%,2.84% 42.55%,3.20% 40.54%,3.65% 38.56%,4.18% 36.59%,4.79% 34.65%,5.49% 32.74%,6.27% 30.86%,7.12% 29.01%,8.06% 27.20%,9.07% 25.43%,10.15% 23.71%,11.31% 22.03%,12.54% 20.41%,13.68% 19.43%,15.11% 18.97%,16.62% 19.09%,17.96% 19.77%,18.93% 20.92%,19.40% 22.35%,19.28% 23.85%,18.59% 25.19%,17.56% 26.55%,16.59% 27.96%,15.68% 29.40%,14.84% 30.89%,14.05% 32.40%,13.34% 33.95%,12.69% 35.53%,12.10% 37.13%,11.59% 38.76%,11.14% 40.41%,10.77% 42.07%,10.47% 43.75%,10.24% 45.44%,10.08% 47.14%,9.68% 48.60%,8.76% 49.79%,7.45% 50.53%,5.95% 50.72%,4.50% 50.32%,3.31% 49.40%,2.57% 48.09%)}
.seg-logo .a7 .arc-img,.seg-logo .a7 .arc-player{left:-0.16%;top:13.12%;width:23.02%;height:43.33%}
.seg-logo .a8{clip-path:polygon(18.48% 14.11%,20.20% 12.67%,21.99% 11.31%,23.84% 10.04%,25.75% 8.85%,27.71% 7.76%,29.72% 6.76%,31.77% 5.85%,33.87% 5.04%,36.00% 4.33%,38.16% 3.73%,40.35% 3.22%,42.56% 2.82%,44.78% 2.52%,47.02% 2.33%,48.51% 2.53%,49.81% 3.29%,50.72% 4.48%,51.11% 5.94%,50.91% 7.43%,50.15% 8.73%,48.95% 9.64%,47.50% 10.03%,45.62% 10.19%,43.76% 10.44%,41.91% 10.78%,40.07% 11.20%,38.26% 11.71%,36.47% 12.30%,34.72% 12.98%,32.99% 13.74%,31.31% 14.58%,29.67% 15.50%,28.07% 16.49%,26.52% 17.56%,25.02% 18.70%,23.57% 19.91%,22.27% 20.66%,20.78% 20.86%,19.32% 20.47%,18.13% 19.55%,17.38% 18.25%,17.18% 16.76%,17.57% 15.30%);-webkit-clip-path:polygon(18.48% 14.11%,20.20% 12.67%,21.99% 11.31%,23.84% 10.04%,25.75% 8.85%,27.71% 7.76%,29.72% 6.76%,31.77% 5.85%,33.87% 5.04%,36.00% 4.33%,38.16% 3.73%,40.35% 3.22%,42.56% 2.82%,44.78% 2.52%,47.02% 2.33%,48.51% 2.53%,49.81% 3.29%,50.72% 4.48%,51.11% 5.94%,50.91% 7.43%,50.15% 8.73%,48.95% 9.64%,47.50% 10.03%,45.62% 10.19%,43.76% 10.44%,41.91% 10.78%,40.07% 11.20%,38.26% 11.71%,36.47% 12.30%,34.72% 12.98%,32.99% 13.74%,31.31% 14.58%,29.67% 15.50%,28.07% 16.49%,26.52% 17.56%,25.02% 18.70%,23.57% 19.91%,22.27% 20.66%,20.78% 20.86%,19.32% 20.47%,18.13% 19.55%,17.38% 18.25%,17.18% 16.76%,17.57% 15.30%)}
.seg-logo .a8 .arc-img,.seg-logo .a8 .arc-player{left:11.45%;top:-0.58%;width:45.23%;height:24.92%}

/* video tiles: still thumbnails; hover preview (desktop) via a muted YouTube iframe */
.tile .hover-frame{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:transparent;opacity:0;transition:opacity .35s ease}
.tile .hover-frame.on{opacity:1}
.tile .hover-frame iframe{position:absolute;left:50%;top:50%;width:400px;height:225px;border:0;transform:translate(-50%,-50%) scale(var(--s,1));pointer-events:none}
.gallery[data-gallery="shorts"] .tile .hover-frame iframe{width:225px;height:400px}
.tile video{display:none}
.tile.spot{box-shadow:var(--shadow);transform:none}
/* Guess The Video card icon: Abisel teal like the others */
.sub-btn .sub-ico{background:var(--teal)!important;color:#fff}

/* phones: home rows narrower (about 84% of the screen), centered; list pill matches */
@media(max-width:719px){
  .big-menu{width:min(84vw,100%);max-width:100%;margin-left:auto;margin-right:auto}
  .big-menu .big-btn{width:100%}
  .list-pill{width:min(84vw,100%);max-width:100%;margin-left:auto;margin-right:auto}
}

/* ring: no player UI ever — the poster sits above the player and lifts only once YouTube reports playing */
.seg-logo .arc-player iframe,.tile .hover-frame iframe{pointer-events:none!important}
video::-webkit-media-controls{display:none!important}
/* phones: footer (list pill + icons) sits below the first screen, clear of the WhatsApp bubble */
@media(max-width:719px){
  main{min-height:calc(100svh - 48px)}
  .foot{padding-top:12px;padding-bottom:max(120px,calc(env(safe-area-inset-bottom) + 104px))}
}

/* popup: the full title under the player */
.lb-title{margin:0;color:#fff;font-weight:700;font-size:1rem;line-height:1.3;text-align:center;max-width:min(100%,1000px);padding:0 8px}
.lb-frame{max-height:calc(100dvh - 130px)}
.lb-frame.vertical{height:min(calc(100dvh - 130px),820px)}
/* phones: no titles under the Videos / Shorts tiles (the popup shows the full title) */
@media(max-width:600px){
  .tile .tt{display:none!important}
}

/* home only: very faint film strips drifting behind everything, covering the whole viewport */
.film-bg{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;opacity:.06}
body.sub .film-bg,body.introing .film-bg{display:none}
.film-bg .strip{position:absolute;left:50%;top:50%;width:200vmax!important;max-width:none!important;height:100px!important;margin:-50px 0 0 -100vmax;transform-origin:center;will-change:transform}
.film-bg .s1{animation:filmDrift1 52s ease-in-out infinite alternate}
.film-bg .s2{animation:filmDrift2 46s ease-in-out infinite alternate}
.film-bg .s3{animation:filmDrift3 60s ease-in-out infinite alternate}
@keyframes filmDrift1{from{transform:rotate(-28deg) translate(-6vmax,-22vmax)}to{transform:rotate(-28deg) translate(6vmax,-22vmax)}}
@keyframes filmDrift2{from{transform:rotate(-28deg) translate(6vmax,6vmax)}to{transform:rotate(-28deg) translate(-6vmax,6vmax)}}
@keyframes filmDrift3{from{transform:rotate(-28deg) translate(-5vmax,32vmax)}to{transform:rotate(-28deg) translate(5vmax,32vmax)}}
@media(prefers-reduced-motion:reduce){.film-bg .strip{animation:none}}
/* home row labels: "Abisel" over the second word on phones; one line on desktop */
.big-label .ph{display:none}

/* phones: no "YouTube channel" / "Instagram" pills under the Videos grid (footer icons stay) */
@media(max-width:600px){#v-videos .channel-links{display:none!important}}

/* no sideways scroll on phones: nothing may widen the page */
html,body{overflow-x:hidden;overflow-x:clip;max-width:100%}
.intro{left:0;right:0;top:0;bottom:0;width:100%}
/* ring poster: fades out when the clip is confirmed playing, snaps back instantly whenever it is not */
.seg-logo .arc:not(.active) .arc-img{transition:none}

/* games row icon: controller silhouette sized like the other glyphs */
.big-btn.c-coral .big-ico svg{width:40px;height:28px}
@media(max-width:719px){.big-btn.c-coral .big-ico svg{width:25px;height:18px}}

/* phone home rows: icon | one-line title | caption pushed to the right, all centred */
@media(max-width:719px){
  .big-btn{align-items:center;gap:10px}
  .big-btn .big-label{white-space:nowrap;flex:none;font-size:1.02rem}
  .big-btn .big-sub{margin-left:auto;text-align:right;white-space:nowrap;font-size:.74rem;padding-left:6px}
}
@media(max-width:379px){
  .big-btn{padding:10px 12px;gap:8px}
  .big-btn .big-label{font-size:.95rem}
  .big-btn .big-sub{font-size:.68rem}
}

/* WhatsApp bubble: bigger Abisel hand (visible hand ≈ 26px inside the 35px ring), centred on the hand's own visual centre */
.wa-bubble .wa-hand{width:66%;height:66%;left:14.4%;top:14.9%}

/* ═══ PHONEBOOK ═══ */
.pb-banner{text-align:center;font-size:1rem;line-height:1.35;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.3);border-radius:18px;padding:12px 10px;margin:4px auto 14px;max-width:620px;color:var(--ink)}
.pb-banner .pb-b1,.pb-banner .pb-b2{display:block}
.pb-banner .pb-b2{white-space:nowrap;font-size:clamp(.82rem,4.1vw,1.05rem)}
.pb-banner strong{color:var(--sun);margin-top:3px}
.pb-search{position:relative;display:flex;align-items:center;gap:8px;max-width:620px;margin:0 auto;background:#fff;color:var(--card-ink);border-radius:100px;padding:6px 10px 6px 16px;box-shadow:var(--shadow)}
.pb-search svg{flex:none;color:var(--teal)}
.pb-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:1.02rem;color:var(--card-ink);padding:10px 4px;-webkit-appearance:none;appearance:none}
.pb-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.pb-x{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:#EAF2F4;color:var(--teal-deep);font-size:.95rem;cursor:pointer}
.pb-meta{text-align:center;font-size:.8rem;color:var(--ink-dim);margin:10px 0 8px;min-height:1.2em}
.pb-cats-wrap{position:relative;margin:0 0 6px}
.pb-cats{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x proximity;scroll-padding:0 42px}
.pb-cat{scroll-snap-align:start}
.pb-arrow{position:absolute;top:1px;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:var(--teal,#45808F);color:#fff;font-size:1.5rem;line-height:1;font-weight:700;cursor:pointer;display:grid;place-items:center;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.25);padding:0 0 3px}
.pb-arrow-l{left:-4px}.pb-arrow-r{right:-4px}
.pb-arrow[hidden]{display:none}
.pb-cats-wrap:has(.pb-arrow-l:not([hidden])) .pb-cats{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 44px);mask-image:linear-gradient(90deg,transparent 0,#000 44px)}
.pb-cats-wrap:has(.pb-arrow-r:not([hidden])):not(:has(.pb-arrow-l:not([hidden]))) .pb-cats{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}
.pb-cats-wrap:has(.pb-arrow-l:not([hidden])):has(.pb-arrow-r:not([hidden])) .pb-cats{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent)}
.pb-cats::-webkit-scrollbar{display:none}
.pb-cat{flex:none;font-family:var(--syne);font-weight:700;font-size:.74rem;padding:8px 13px;border-radius:100px;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.3);color:var(--ink);white-space:nowrap;cursor:pointer}
.pb-cat.active{background:var(--sun);border-color:var(--sun);color:var(--card-ink)}
.pb-list{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){.pb-list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pb-list{grid-template-columns:repeat(3,1fr)}}
.pb-card{background:var(--card);color:var(--card-ink);border-radius:22px;box-shadow:var(--shadow);padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;animation:viewIn .4s var(--ease) both}
.pb-head{display:flex;align-items:center;gap:12px}
.pb-logo{width:92px;height:64px;flex:none;border-radius:14px;object-fit:contain;object-position:center;background:#fff;border:1px solid #E3EEF1;padding:3px;box-sizing:border-box}
.pb-initial{display:grid;place-items:center;font-family:var(--syne);font-weight:800;font-size:1.6rem;color:#fff;background:var(--teal)}
.pb-title{min-width:0}
.pb-name{font-family:var(--syne);font-weight:800;font-size:1.08rem;line-height:1.2;margin:0;word-break:break-word}
.pb-tag{display:inline-block;margin-top:4px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal-deep);background:#EAF2F4;padding:3px 9px;border-radius:100px}
.pb-info{display:flex;flex-direction:column;gap:5px;font-size:.9rem;line-height:1.3}
.pb-line{display:flex;gap:7px;align-items:flex-start;color:var(--card-ink);text-decoration:none;word-break:break-word}
.pb-line>span{flex:1;min-width:0}
a.pb-line span{text-decoration:underline;text-decoration-color:#C9DCE1;text-underline-offset:3px}
.pb-note{color:var(--card-ink-dim);font-size:.82rem}
.pb-actions{display:flex;flex-wrap:wrap;gap:7px;padding-top:2px}
.pb-btn{display:inline-flex;align-items:center;gap:4px;font-family:var(--syne);font-weight:800;font-size:.76rem;padding:9px 13px;border-radius:100px;background:#EAF2F4;color:var(--teal-deep);text-decoration:none;border:0;cursor:pointer;line-height:1}
.pb-btn.pb-call{background:var(--teal);color:#fff}
.pb-btn.pb-wa{background:var(--wa);color:#fff}
.pb-btn.pb-yt{background:#FFE9E6;color:var(--coral-deep)}
.pb-btn.pb-save{background:var(--sun);color:var(--card-ink)}
.pb-empty{text-align:center;color:var(--ink-dim);padding:30px 10px;grid-column:1/-1}
/* 4 buttons on the main screen */
@media(min-width:720px){.big-menu{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.big-menu{grid-template-columns:repeat(4,1fr)}}
.big-btn.c-violet .big-ico svg{stroke:#fff}
.pb-tags{display:none}
.pb-tagbtn{font:inherit;font-size:.72rem;font-weight:600;color:var(--teal-deep);background:#F2F8F9;border:1px solid #D7E7EA;border-radius:100px;padding:4px 9px;cursor:pointer;line-height:1.1}
.pb-tagbtn:hover{background:#EAF2F4}
.pb-card{padding:12px 14px;gap:0;cursor:pointer}
.pb-head{cursor:pointer;-webkit-tap-highlight-color:transparent}
.pb-chev{margin-left:auto;flex:none;color:var(--card-ink-dim);font-size:1rem;transition:transform .3s}
.pb-card.open .pb-chev{transform:rotate(180deg)}
.pb-more{display:none;flex-direction:column;gap:10px;padding-top:12px;cursor:auto}
.pb-card.open .pb-more{display:flex}
@media(hover:hover) and (pointer:fine){.pb-card.row-open .pb-more{display:flex}.pb-card.row-open .pb-chev{transform:rotate(180deg)}.pb-list.hovering .pb-card.open:not(.row-open) .pb-more{display:none}.pb-list.hovering .pb-card.open:not(.row-open) .pb-chev{transform:none}}
.pb-logo{width:84px;height:58px;border-radius:12px}
.pb-name{font-size:1rem}

/* ═══ ABISEL MORE menu + FEEDBACK ═══ */
#v-ideas,#v-feedback{position:relative;padding-bottom:96px}
#v-ideas > *:not(.bulb-bg){position:relative;z-index:1}
.fb-form .field input[type="search"]{width:100%;font:inherit;font-family:var(--sans);font-weight:400;font-size:1rem;color:var(--card-ink);background:#F2F8F9;border:2px solid #D7E7EA;border-radius:16px;padding:12px 16px;outline:none;-webkit-appearance:none;appearance:none}
.fb-picker{display:flex;flex-direction:column;gap:4px;max-height:230px;overflow-y:auto;border:2px solid #D7E7EA;border-radius:16px;padding:6px;background:#fff;-webkit-overflow-scrolling:touch}
.fb-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#fff;border:0;border-radius:12px;padding:6px 8px;font:inherit;font-weight:500;font-size:.9rem;color:var(--card-ink);cursor:pointer}
.fb-opt:hover,.fb-opt:focus{background:#EAF2F4;outline:none}
.fb-opt img,.fb-picked img{width:72px;height:40px;object-fit:cover;border-radius:8px;flex:none;background:#D7E7EA}
.fb-opt span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fb-none{font-size:.85rem;color:var(--card-ink-dim);padding:8px 10px;font-weight:500}
.fb-picked{display:flex;align-items:center;gap:10px;background:#EAF2F4;border-radius:16px;padding:8px 10px}
.fb-picked-t{flex:1;min-width:0;font-weight:700;font-size:.92rem}
.fb-thanks{max-width:620px;margin:14px auto 0;text-align:center;font-weight:700;padding:14px 18px}
.fb-wall-h{font-family:var(--syne);font-weight:800;font-size:1.1rem;text-align:center;margin:26px 0 12px;color:var(--ink)}
.fb-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:900px;margin:0 auto}
@media(min-width:720px){.fb-wall{grid-template-columns:repeat(4,1fr)}}
.fb-card{display:flex;flex-direction:column;background:var(--card);color:var(--card-ink);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;animation:viewIn .4s var(--ease) both}
.fb-card.mine{outline:none}
.fb-thumb{position:relative;display:block;aspect-ratio:16/9;background:#333;overflow:hidden;cursor:default}
.fb-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.fb-thumb .play{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center}
.fb-thumb .play svg{width:12px;height:12px;margin-left:2px}
.fb-body{padding:7px 8px 8px;display:flex;flex-direction:column;gap:4px}
.fb-vt{display:none}
.fb-c{font-size:.78rem;line-height:1.3;margin:0;white-space:pre-wrap;word-break:break-word}
.fb-n{font-size:.7rem;color:var(--card-ink-dim);margin:0;font-weight:600}
.fb-n em{font-style:normal;color:var(--sun-deep)}

/* Chaim 12:33 Oct 19: no videos in the logo ring - plain white ring turning slowly */
.seg-logo .arc-img,.seg-logo .arc-player,.seg-logo .ring-canvas,.seg-logo video{display:none!important}
.seg-logo .arc{background:#fff!important;transform-origin:50% 50%;animation:ringSpin 40s linear infinite}
@keyframes ringSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.seg-logo .arc{animation:none}}

/* Chaim 12:54 Oct 19: ring = exact ring from the intro logo animation, white, turning slowly */
.seg-logo .arc{display:none!important}
.seg-logo::before{content:"";position:absolute;inset:0;background:url("assets/logo/ring-intro.png") center/100% 100% no-repeat;animation:ringSpin 40s linear infinite;pointer-events:none}
@media(prefers-reduced-motion:reduce){.seg-logo::before{animation:none}}

/* ═══ ABISEL JINGLES (Abisel More → #/jingles) ═══ */
@media(min-width:640px){#v-extras .sub-menu.two > .sub-btn:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 7px)}}
#v-jingles{padding-bottom:96px}
.jg-list{display:flex;flex-direction:column;gap:14px;max-width:620px;margin:0 auto}
.jg-card{--p:0%;display:flex;align-items:center;gap:16px;background:var(--card);color:var(--card-ink);border-radius:22px;box-shadow:var(--shadow);padding:16px 18px;animation:viewIn .4s var(--ease) both;transition:transform .45s var(--bounce),box-shadow .35s;min-width:0}
.jg-card.active{box-shadow:0 24px 44px -16px rgba(0,0,0,.5)}
.jg-play{flex:none;width:64px;height:64px;border-radius:50%;border:0;padding:0;background:var(--teal);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);transition:transform .4s var(--bounce),background .25s;-webkit-tap-highlight-color:transparent}
.jg-play:hover{transform:scale(1.07)}
.jg-play:active{transform:scale(.93)}
.jg-play svg{display:block}
.jg-card:not(.playing) .jg-play svg{margin-left:3px}
.jg-card.playing .jg-play{background:var(--teal-deep)}
.jg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.jg-top{display:flex;align-items:center;gap:10px;min-width:0}
.jg-title{flex:1;min-width:0;font-weight:700;font-size:1.05rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jg-eq{flex:none;display:inline-flex;align-items:flex-end;gap:3px;height:18px;opacity:0;transition:opacity .3s}
.jg-eq i{display:block;width:3px;height:100%;border-radius:2px;background:var(--teal);transform-origin:50% 100%;transform:scaleY(.25)}
.jg-card.playing .jg-eq{opacity:1}
.jg-card.playing .jg-eq i,.jg-eq.soon i{animation:jgEq .9s ease-in-out infinite}
.jg-eq i:nth-child(2){animation-delay:-.45s!important}
.jg-eq i:nth-child(3){animation-delay:-.2s!important}
.jg-eq i:nth-child(4){animation-delay:-.7s!important}
.jg-eq i:nth-child(5){animation-delay:-.35s!important}
@keyframes jgEq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.jg-bar{position:relative;height:6px;border-radius:100px;background:#D7E7EA;cursor:pointer;touch-action:manipulation}
.jg-bar::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.jg-fill{position:absolute;left:0;top:0;bottom:0;width:var(--p);border-radius:inherit;background:var(--teal)}
.jg-knob{position:absolute;top:50%;left:var(--p);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--teal);box-shadow:0 2px 6px rgba(0,0,0,.25);opacity:0;transition:opacity .25s}
.jg-card.active .jg-knob{opacity:1}
.jg-time{display:flex;justify-content:space-between;font-size:.78rem;color:var(--card-ink-dim);font-weight:600;font-variant-numeric:tabular-nums}
.jg-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;max-width:620px;margin:0 auto}
.jg-eq.soon{opacity:1;height:34px;gap:5px;margin-bottom:4px}
.jg-eq.soon i{width:6px;border-radius:3px}
.jg-soon-t{font-weight:700;font-size:1.3rem;margin:0}
.jg-soon-s{margin:0;color:var(--card-ink-dim);font-size:.98rem}
@media(max-width:400px){.jg-card{gap:12px;padding:14px}.jg-play{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.jg-eq i{animation:none!important;transform:scaleY(.6)}}