/* English Club World — visual composition aligned to the supplied room artwork. */
.club-world{position:fixed;inset:0;overflow:hidden;background:#081017;color:#edf7fb;z-index:20}
.club-bg{position:absolute;inset:-4%;z-index:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.015);transform-origin:50% 50%;transition:transform .65s cubic-bezier(.22,.61,.36,1),transform-origin .65s ease,filter .35s ease;will-change:transform,transform-origin}
.club-vignette{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.24),transparent 24%,transparent 70%,rgba(0,0,0,.34)),linear-gradient(90deg,rgba(0,0,0,.18),transparent 26%,transparent 74%,rgba(0,0,0,.16));pointer-events:none}
.club-topbar{position:absolute;z-index:4;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.club-brand,.club-actions,.club-student-badge{pointer-events:auto}
.club-brand,.club-student-badge,.club-actions button{border:1px solid rgba(255,255,255,.18);background:rgba(5,18,25,.60);box-shadow:0 12px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.club-brand{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:18px}.club-brand .brand-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:800}.club-brand strong{display:block;font-size:14px}.club-brand span{display:block;margin-top:2px;color:rgba(255,255,255,.72);font-size:11px}
.club-actions{display:flex;gap:10px;align-items:center}.club-actions button{width:48px;height:48px;border-radius:16px;color:#fff;cursor:pointer;font-size:18px;transition:.2s ease}.club-actions button:hover,.club-actions button:focus-visible{transform:translateY(-2px);border-color:rgba(255,255,255,.4);outline:none;box-shadow:0 14px 38px rgba(0,0,0,.25),0 0 0 3px rgba(139,233,253,.12)}
.club-student-badge{position:absolute;z-index:4;top:82px;left:18px;padding:10px 14px;border-radius:15px;min-width:190px}.club-student-badge .eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:rgba(168,240,255,.9)}.club-student-badge strong{display:block;margin-top:4px;font-size:15px}.club-student-badge span{display:block;margin-top:2px;color:rgba(255,255,255,.72);font-size:11px}
.club-menu-grid{position:absolute;inset:0;z-index:5;pointer-events:none;--elp-club-phone-sheet-blur:0}
.club-zone{pointer-events:auto;position:absolute;z-index:3;min-width:118px;border:1px solid rgba(139,233,253,.34);background:rgba(5,18,25,.58);color:#fff;border-radius:14px;padding:9px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;text-align:left;box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}
.club-zone strong,.club-zone small{display:block}.club-zone strong{font-size:11px;line-height:1.15}.club-zone small{margin-top:2px;font-size:8px;opacity:.72}.club-zone:hover,.club-zone:focus-visible{transform:translateY(-3px) scale(1.04);background:rgba(139,233,253,.12);border-color:rgba(139,233,253,.72);box-shadow:0 14px 34px rgba(0,0,0,.28),0 0 24px rgba(139,233,253,.14);outline:none}
/* Desktop hotspots are anchored to recognizable objects in the supplied Club room. */
.club-zone-materials{left:9%;top:29%;}.club-zone-about{left:22%;top:43%;}.club-zone-profile{left:13%;top:61%;}.club-zone-exercises{left:35%;top:47%;}.club-zone-community{left:66%;top:49%;}.club-zone-assignments{left:55%;top:63%;}.club-zone-leaderboard{right:7%;top:31%;}.club-zone-changelog{right:8%;top:16%;}
.club-focus{position:absolute;z-index:10;right:28px;top:90px;width:min(440px,calc(100% - 56px));max-height:calc(100% - 120px);overflow:auto;padding:22px;background:rgba(5,15,21,.92);border:1px solid rgba(139,233,253,.22);border-radius:20px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateX(120%);transition:transform .25s ease}.club-focus.is-open{transform:none}.club-focus-top{display:flex;justify-content:space-between;align-items:center}.club-focus-close{background:none;border:0;color:#fff;font-size:28px;cursor:pointer}
.club-world.is-zoomed .club-bg{transform:scale(1.2)}
@media(max-width:800px){
  /* Mobile Club menu mirrors the Regular World mobile layout exactly:
     a centered, bottom-anchored 2-column / 4-row grid. */
  .club-bg{inset:0;background-position:center center;transform:none!important;transition:filter .35s ease}
  .club-topbar{top:10px;left:10px;right:10px}.club-brand{padding:8px 10px;border-radius:15px}.club-brand .brand-icon{width:34px;height:34px}.club-brand strong{font-size:12px}.club-brand span{font-size:9px}.club-actions{gap:7px}.club-actions button{width:42px;height:42px;border-radius:13px;font-size:16px}
  .club-student-badge{top:62px;left:10px;min-width:150px;padding:8px 11px;border-radius:13px}.club-student-badge strong{font-size:13px}.club-student-badge span{font-size:10px}
  /* Match Regular World mobile menu: clean 2-column / 4-row menu at the bottom. */
  .club-menu-grid{
    position:absolute;
    z-index:6;
    left:50%;
    right:auto;
    bottom:14px;
    top:auto;
    width:min(520px,calc(100% - 20px));
    transform:translateX(-50%);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(5,auto);
    gap:8px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    pointer-events:auto;
  }
  .club-menu-grid .club-zone{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-width:0;height:54px;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 12px;border-radius:12px;transform:none!important;background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.28);box-shadow:0 4px 14px rgba(0,0,0,.07);text-align:left}
  .club-menu-grid .club-zone:hover,.club-menu-grid .club-zone:focus-visible{transform:none!important;background:rgba(139,233,253,.12);border-color:rgba(139,233,253,.68);box-shadow:0 0 20px rgba(139,233,253,.18)}
  .club-menu-grid .club-zone strong{font-size:11px;line-height:1.15;white-space:nowrap}.club-menu-grid .club-zone small{font-size:8px;line-height:1.2;white-space:nowrap}
  .club-world.is-focus-open .club-menu-grid{display:none}
  .club-world.is-focus-open .club-focus{left:10px;right:10px;top:76px;bottom:10px;width:auto;max-height:none;transform:translateY(18px)}
  .club-world.is-focus-open .club-focus.is-open{transform:translateY(0)}
}
/* Phones/tablets with coarse pointers should receive the same mobile menu layout
   even when the browser reports a wider CSS viewport. */
@media (hover:none) and (pointer:coarse){
  .club-bg{inset:0;background-position:center center;transform:none!important}
  .club-menu-grid{position:absolute;z-index:6;left:50%;right:auto;bottom:14px;top:auto;width:min(520px,calc(100% - 20px));transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);gap:8px;padding:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:auto}
  .club-menu-grid .club-zone{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;min-width:0;height:54px;transform:none!important;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 12px;border-radius:12px;text-align:left}
}

@media(min-width:801px){.club-zone{touch-action:manipulation}}
/* v10.5.7 — English Club phone menu + origin expansion polish */
.club-zone strong{display:flex;align-items:center;gap:7px}
.club-zone-icon{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;font-size:14px}
.club-zone-materials{left:8%;top:30%}.club-zone-about{left:20%;top:45%}.club-zone-profile{left:11%;top:64%}.club-zone-exercises{left:34%;top:50%}.club-zone-community{left:63%;top:49%}.club-zone-assignments{left:53%;top:64%}.club-zone-leaderboard{right:7%;top:31%}.club-zone-changelog{right:7%;top:16%}.club-zone-music{left:33%;top:72%}
.club-focus{transform:scale(.16);transform-origin:var(--club-origin-x,50%) var(--club-origin-y,50%);opacity:0;transition:transform .38s cubic-bezier(.22,.8,.2,1),opacity .22s ease}
.club-focus.is-open{transform:scale(1);opacity:1}
@media(max-width:800px), (hover:none) and (pointer:coarse){
  .club-menu-grid{
    left:50%;right:auto;top:auto;bottom:max(12px,env(safe-area-inset-bottom));
    width:min(92vw,430px);transform:translateX(-50%);
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);
    gap:8px;padding:28px 12px calc(14px + env(safe-area-inset-bottom));
    border:1px solid rgba(255,255,255,.18);border-radius:26px;
    background:rgba(18,24,28,.66);box-shadow:0 18px 55px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);--elp-club-phone-sheet-blur:1;
  }
  .club-menu-grid::before{content:"";position:absolute;top:10px;left:50%;width:48px;height:5px;transform:translateX(-50%);border-radius:999px;background:rgba(255,255,255,.58);box-shadow:0 1px 0 rgba(0,0,0,.12)}
  .club-menu-grid .club-zone{position:relative!important;inset:auto!important;width:auto;min-width:0;height:58px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:9px;padding:0 12px;border-radius:14px;text-align:left;transform:none!important;overflow:hidden}
  .club-menu-grid .club-zone strong{grid-column:1/-1;font-size:11px;line-height:1.15;white-space:nowrap}
  .club-menu-grid .club-zone small{grid-column:1/-1;margin-left:27px;font-size:8px;line-height:1.2;white-space:nowrap;opacity:.78}
  .club-menu-grid .club-zone-icon{width:20px;height:20px;font-size:15px}
  .club-menu-grid .club-zone:hover,.club-menu-grid .club-zone:focus-visible{transform:none!important}
  .club-menu-grid .club-zone:nth-child(1){background:linear-gradient(135deg,rgba(57,91,255,.34),rgba(57,91,255,.12))}
  .club-menu-grid .club-zone:nth-child(2){background:linear-gradient(135deg,rgba(255,166,54,.28),rgba(255,166,54,.10))}
  .club-menu-grid .club-zone:nth-child(3){background:linear-gradient(135deg,rgba(34,190,176,.28),rgba(34,190,176,.10))}
  .club-menu-grid .club-zone:nth-child(4){background:linear-gradient(135deg,rgba(182,72,224,.28),rgba(182,72,224,.10))}
  .club-menu-grid .club-zone:nth-child(5){background:linear-gradient(135deg,rgba(226,67,99,.28),rgba(226,67,99,.10))}
  .club-menu-grid .club-zone:nth-child(6){background:linear-gradient(135deg,rgba(54,121,224,.28),rgba(54,121,224,.10))}
  .club-menu-grid .club-zone:nth-child(7){background:linear-gradient(135deg,rgba(238,169,55,.28),rgba(238,169,55,.10))}
  .club-menu-grid .club-zone:nth-child(8){background:linear-gradient(135deg,rgba(92,86,224,.28),rgba(92,86,224,.10))}
  .club-menu-grid .club-zone:nth-child(9){background:linear-gradient(135deg,rgba(218,54,117,.30),rgba(218,54,117,.10))}
  .club-menu-grid .club-zone:nth-child(10){background:linear-gradient(135deg,rgba(39,177,89,.30),rgba(39,177,89,.10))}
  .club-world.is-focus-open .club-menu-grid{display:none}
  .club-world.is-focus-open .club-focus{left:10px;right:10px;top:76px;bottom:10px;width:auto;max-height:none;transform-origin:var(--club-origin-x,50%) var(--club-origin-y,50%)}
  .club-world.is-focus-open .club-focus.is-open{transform:scale(1);opacity:1}
}

/* v10.5.9 — Club mobile phone-sheet polish + content window controls */
.club-focus-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.club-focus-actions{display:flex;align-items:center;gap:6px}
.club-focus-tool{width:32px;height:32px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.07);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:16px;line-height:1;transition:.18s ease}
.club-focus-tool:hover,.club-focus-tool:focus-visible{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);outline:none;transform:translateY(-1px)}
.club-focus-close{font-size:20px}
.club-focus.is-maximized{left:18px;right:18px;top:18px;bottom:18px;width:auto;max-height:none;transform-origin:50% 50%}
@media (max-width:800px), (hover:none) and (pointer:coarse){
  /* Phone-sheet: compact typography while retaining the two-column app-menu feel. */
  .club-menu-grid{width:min(92vw,430px);gap:7px;padding:26px 10px calc(12px + env(safe-area-inset-bottom));border-radius:24px;background:rgba(18,24,28,.72);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 16px 48px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.1)}
  .club-menu-grid .club-zone{height:54px;padding:0 10px;border-radius:13px;column-gap:7px}
  .club-menu-grid .club-zone strong{font-size:10px;line-height:1.1;gap:5px}
  .club-menu-grid .club-zone small{font-size:7px;line-height:1.15;margin-left:24px}
  .club-menu-grid .club-zone-icon{width:18px;height:18px;flex-basis:18px;font-size:13px}
  .club-focus{padding:13px 14px}
  .club-focus h2{font-size:16px;margin:0}
  .club-focus p{font-size:11px;margin:6px 0 0}
  .club-focus-tool{width:30px;height:30px;font-size:14px}
  .club-world.is-focus-open .club-focus{left:10px;right:10px;top:76px;bottom:max(10px,env(safe-area-inset-bottom));width:auto;max-height:none}
  .club-world.is-focus-open .club-focus.is-maximized{left:8px;right:8px;top:8px;bottom:max(8px,env(safe-area-inset-bottom));}
}


/* v10.5.9 — Day mode content surface */
.club-world:not(.night) .club-focus{
  color:#15191d;
  background:#fff;
  border-color:rgba(20,30,40,.14);
  box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.9);
}
.club-world:not(.night) .club-focus h2,
.club-world:not(.night) .club-focus p{color:#15191d}
.club-world:not(.night) .club-focus p{opacity:.68}
.club-world:not(.night) .club-focus-tool{color:#15191d;background:#f3f5f7;border-color:rgba(20,30,40,.14)}
.club-world:not(.night) .club-focus-tool:hover,
.club-world:not(.night) .club-focus-tool:focus-visible{background:#e9edf1;border-color:rgba(20,30,40,.24)}

/* v10.5.16 — Content-window scrollbar chrome hardening. Scrolling remains enabled. */
.club-focus,
.club-focus *{
  scrollbar-width:none !important;
  scrollbar-color:transparent transparent !important;
  -ms-overflow-style:none !important;
}
.club-focus::-webkit-scrollbar,
.club-focus *::-webkit-scrollbar,
.club-focus::-webkit-scrollbar-thumb,
.club-focus *::-webkit-scrollbar-thumb,
.club-focus::-webkit-scrollbar-track,
.club-focus *::-webkit-scrollbar-track{
  width:0 !important; height:0 !important; min-width:0 !important; min-height:0 !important;
  display:none !important; background:transparent !important; border:0 !important;
}

/* v10.5.16 — Mobile scrollbar chrome hardening. Preserve scrolling, hide native scrollbar UI across Club content. */
@media (max-width:800px){
  .club-world .club-focus,
  .club-world .club-focus *{
    scrollbar-width:none !important;
    scrollbar-color:transparent transparent !important;
    -ms-overflow-style:none !important;
  }
  .club-world .club-focus::-webkit-scrollbar,
  .club-world .club-focus *::-webkit-scrollbar,
  .club-world .club-focus::-webkit-scrollbar-thumb,
  .club-world .club-focus *::-webkit-scrollbar-thumb,
  .club-world .club-focus::-webkit-scrollbar-track,
  .club-world .club-focus *::-webkit-scrollbar-track{
    width:0 !important;
    height:0 !important;
    min-width:0 !important;
    min-height:0 !important;
    display:none !important;
    background:transparent !important;
    border:0 !important;
  }
}

/* v10.5.11 — Mobile clean-scroll polish: keep scrolling, hide native scrollbar chrome. */
@media (max-width:800px){
  .club-focus{
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .club-focus::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
  }
}
/* v10.5.24 — Club changelog placeholder */
.club-changelog-list{display:grid;gap:9px;margin-top:14px}.club-changelog-list article{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035)}.club-changelog-list article strong{font-size:9px;color:var(--club-glow,#ffd685);letter-spacing:.04em}.club-changelog-list h3{margin:4px 0;font-size:12px}.club-changelog-list p{margin:0!important;font-size:9px!important;line-height:1.55!important;color:var(--club-muted,rgba(255,255,255,.68))!important}
/* v10.5.31 — English Club Core */
.club-core-content{margin-top:12px;overflow:auto;min-height:0;max-height:calc(100% - 96px);scrollbar-width:none;-ms-overflow-style:none}.club-core-content::-webkit-scrollbar{display:none;width:0;height:0}.club-core-status{font-size:11px;opacity:.7;min-height:16px}.club-core-status.is-error{color:#ff7b8c;opacity:1}.club-core-grid{display:grid;gap:10px}.club-core-card{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06)}.club-world:not(.night) .club-core-card{background:#f6f8fa;border-color:rgba(20,30,40,.1)}.club-core-card h3{margin:0 0 6px;font-size:14px}.club-core-card p{font-size:11px;line-height:1.55;margin:0 0 10px}.club-core-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;opacity:.72}.club-core-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:inherit;border-radius:10px;padding:8px 11px;cursor:pointer;font-weight:700}.club-core-btn.primary{background:rgba(139,233,253,.18);border-color:rgba(139,233,253,.38)}.club-world:not(.night) .club-core-btn{background:#fff;border-color:rgba(20,30,40,.14)}.club-core-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.club-core-detail{padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.club-core-detail-body{font-size:12px;line-height:1.75}.club-core-detail-body p{font-size:12px;line-height:1.75}.club-core-empty{text-align:center;padding:28px 12px;opacity:.68;font-size:11px}.club-core-table{width:100%;border-collapse:collapse;font-size:11px}.club-core-table th,.club-core-table td{text-align:left;padding:9px 7px;border-bottom:1px solid rgba(255,255,255,.09)}.club-quiz-question{border:0;border-top:1px solid rgba(255,255,255,.1);padding:14px 0}.club-quiz-question legend{font-size:12px;font-weight:800;padding-bottom:8px}.club-quiz-option{display:flex;gap:8px;padding:9px;border-radius:10px;background:rgba(255,255,255,.04);margin:5px 0;font-size:11px}.club-timer{display:flex;justify-content:space-between;padding:10px;border-radius:12px;background:rgba(255,166,54,.12);margin-bottom:8px;font-size:10px}.club-profile-hero{display:flex;align-items:center;gap:12px}.club-profile-avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(139,233,253,.16);font-size:20px;font-weight:900}.club-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.club-stat-grid article{padding:11px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.club-stat-grid span{display:block;font-size:9px;opacity:.65}.club-stat-grid strong{display:block;font-size:17px;margin-top:3px}@media(max-width:800px),(hover:none) and (pointer:coarse){.club-core-content{max-height:calc(100% - 88px)}.club-stat-grid{grid-template-columns:repeat(2,1fr)}.club-core-card{padding:12px}.club-core-detail{padding:13px}}
/* v10.5.33 — Assignment submission lock / revision state */
.club-assignment-locked{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:12px;font-weight:700;opacity:.72;border:1px solid rgba(127,127,127,.28)}
/* v10.5.35 — English Club Community */
.club-community{display:grid;gap:12px}.club-community-composer{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.055)}
.club-world:not(.night) .club-community-composer{background:#f6f8fa;border-color:rgba(20,30,40,.1)}
.club-community-composer textarea{display:block;width:100%;min-height:82px;resize:vertical;border:1px solid rgba(127,127,127,.2);border-radius:12px;padding:10px 11px;background:rgba(0,0,0,.12);color:inherit;font:inherit;font-size:12px;line-height:1.55;box-sizing:border-box;outline:none}.club-world:not(.night) .club-community-composer textarea{background:#fff;color:#15191d}.club-community-composer textarea:focus{border-color:rgba(139,233,253,.55)}
.club-community-compose-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:9px;opacity:.68}.club-community-feed{display:grid;gap:10px}.club-community-post{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045)}.club-world:not(.night) .club-community-post{background:#fff;border-color:rgba(20,30,40,.1)}
.club-community-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.club-community-head strong{display:block;font-size:12px}.club-community-head span{display:block;font-size:9px;opacity:.58;margin-top:2px}.club-community-own{display:flex;gap:5px}.club-text-btn{border:0;background:none;color:inherit;opacity:.65;font-size:9px;font-weight:800;cursor:pointer;padding:3px}.club-text-btn:hover{opacity:1}.club-text-btn.danger{color:#d95b6a}.club-community-body{font-size:12px;line-height:1.7;margin-top:12px;overflow-wrap:anywhere}.club-community-reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.club-reaction{border:1px solid rgba(127,127,127,.2);background:rgba(127,127,127,.08);color:inherit;border-radius:999px;padding:5px 8px;font-size:9px;cursor:pointer}.club-reaction.active{border-color:rgba(139,233,253,.6);background:rgba(139,233,253,.16);font-weight:800}.club-reaction span{opacity:.7;margin-left:2px}
@media(max-width:800px),(hover:none) and (pointer:coarse){.club-community-post{padding:12px}.club-community-compose-row{font-size:8px}.club-reaction{font-size:8px;padding:5px 7px}}
/* v10.5.36 — Premium Community composer/editor + image media */
.club-community-composer{padding:15px!important;border-radius:20px!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;box-shadow:0 14px 35px rgba(0,0,0,.12)}
.club-world:not(.night) .club-community-composer{background:linear-gradient(180deg,#fff,#f7f9fb)!important}
.club-composer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.club-composer-head strong{display:block;font-size:13px;margin-top:3px}.club-composer-kicker{font-size:8px;letter-spacing:.16em;font-weight:900;opacity:.52}.club-composer-avatar,.club-author-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(139,233,253,.18);font-weight:900}.club-community-composer textarea{min-height:100px!important;border-radius:15px!important;padding:13px!important;background:rgba(0,0,0,.09)!important;font-size:12px!important;line-height:1.65!important;transition:border-color .2s,box-shadow .2s,transform .2s}.club-world:not(.night) .club-community-composer textarea{background:#fff!important}.club-community-composer textarea:focus{border-color:rgba(139,233,253,.7)!important;box-shadow:0 0 0 4px rgba(139,233,253,.09);transform:translateY(-1px)}.club-composer-tools{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:9px;opacity:.58}.club-composer-tools .near-limit{font-weight:900;opacity:1}.club-media-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(127,127,127,.2);border-radius:10px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer;background:rgba(127,127,127,.07)}.club-post-btn{min-width:76px}.club-media-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.club-media-preview span{font-size:8px;padding:6px 8px;border-radius:8px;background:rgba(127,127,127,.09)}.club-community-head{align-items:center}.club-author{display:flex;gap:9px;align-items:center}.club-author-avatar{width:34px;height:34px;border-radius:11px;font-size:12px}.club-community-media{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:11px}.club-community-image{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;border:1px solid rgba(127,127,127,.16)}.club-community-editor-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(4,8,14,.58);backdrop-filter:blur(10px)}.club-community-editor{width:min(620px,100%);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:18px;background:#17202a;color:#f7fbff;box-shadow:0 25px 80px rgba(0,0,0,.38)}.club-editor-top{display:flex;justify-content:space-between;align-items:flex-start}.club-editor-top h3{margin:4px 0 12px;font-size:17px}.club-editor-close{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:inherit;font-size:20px;cursor:pointer}.club-community-editor textarea{width:100%;min-height:170px;box-sizing:border-box;resize:vertical;border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:13px;background:rgba(0,0,0,.18);color:inherit;font:inherit;font-size:12px;line-height:1.7;outline:none}.club-community-editor textarea:focus{border-color:rgba(139,233,253,.65);box-shadow:0 0 0 4px rgba(139,233,253,.09)}.club-editor-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:9px;opacity:.72}.club-editor-foot>div{display:flex;gap:7px}.club-world:not(.night) .club-community-editor{background:#fff;color:#15191d}.club-world:not(.night) .club-community-editor textarea{background:#f7f9fb;color:#15191d;border-color:rgba(20,30,40,.13)}
@media(max-width:800px),(hover:none) and (pointer:coarse){.club-community-media{grid-template-columns:repeat(2,1fr)}.club-community-editor-overlay{padding:10px;place-items:end center}.club-community-editor{border-radius:20px 20px 14px 14px;padding:15px}.club-editor-foot{align-items:stretch;flex-direction:column}.club-editor-foot>div{width:100%}.club-editor-foot .club-core-btn{flex:1}.club-community-composer{padding:12px!important}}


@media(max-width:800px){
  .club-world .club-menu-grid{
    background:rgba(18,24,28,.48);
    border-color:rgba(255,255,255,.20);
    backdrop-filter:blur(16px) saturate(120%);
    -webkit-backdrop-filter:blur(16px) saturate(120%)
  }
  .club-world .club-menu-grid .club-zone{
    background:rgba(255,255,255,.035)
  }
  .club-world .club-menu-grid .club-zone strong{font-size:9px}
  .club-world .club-menu-grid .club-zone small{font-size:7px}
}
.club-student-badge{cursor:pointer}
.club-about-hero{padding:16px;border-radius:16px;border:1px solid rgba(139,233,253,.16);background:rgba(255,255,255,.045)}
.club-music-player{margin-bottom:12px}
.club-music-audio{display:none}

.club-student-badge{font:inherit;text-align:left;color:inherit;appearance:none;-webkit-appearance:none;line-height:normal}
.club-student-badge:focus-visible{outline:2px solid rgba(139,233,253,.75);outline-offset:3px}
.club-music-lyrics{margin:16px 0;padding:18px 20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.06);text-align:center;min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:7px}.club-music-lyrics-current{font-size:clamp(20px,3vw,30px);font-weight:700;line-height:1.25}.club-music-lyrics-next{font-size:14px;opacity:.5;line-height:1.3}.club-music-player{overflow:hidden}

/* v10.5.70 — English Club Music Lab controls + reactive audio pulse */
.club-music-player{position:relative;display:grid;gap:12px;padding:18px!important;overflow:hidden}
.club-music-player::before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle,rgba(139,233,253,.10),transparent 55%);pointer-events:none;transform:scale(calc(1 + var(--music-pulse, .08) * .18));transition:transform .08s linear}
.club-music-visual{position:relative;width:min(180px,48vw);height:110px;margin:0 auto 2px;display:grid;place-items:center;border-radius:28px;background:rgba(139,233,253,.05);border:1px solid rgba(139,233,253,.14);overflow:hidden;--music-pulse:.08}
.club-music-visual canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.club-music-disc{position:relative;z-index:2;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(139,233,253,.16);border:1px solid rgba(139,233,253,.35);font-size:28px;box-shadow:0 0 calc(16px + var(--music-pulse) * 28px) rgba(139,233,253,.22);transform:scale(calc(1 + var(--music-pulse) * .13));transition:transform .06s linear}
.club-music-pulse{position:absolute;z-index:1;width:62px;height:62px;border-radius:50%;border:1px solid rgba(139,233,253,.25);opacity:0;transform:scale(.9)}
.club-music-visual.is-playing .pulse-a{animation:clubMusicPulse 1.15s ease-out infinite}
.club-music-visual.is-playing .pulse-b{animation:clubMusicPulse 1.15s .55s ease-out infinite}
@keyframes clubMusicPulse{0%{opacity:.55;transform:scale(.9)}100%{opacity:0;transform:scale(2.15)}}
.club-music-copy{text-align:center;position:relative;z-index:2}.club-music-copy h3{margin:4px 0;font-size:20px}.club-music-copy p{margin:0;font-size:10px;opacity:.62}
.club-music-progress-wrap{position:relative;z-index:2}.club-music-progress-wrap input{width:100%}.club-music-time{display:flex;justify-content:space-between;font-size:9px;opacity:.55;margin-top:2px}
.club-music-actions,.club-music-volume-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.club-music-actions .club-core-btn{min-width:42px}.club-music-actions .club-music-main{min-width:110px}.club-music-volume-row{justify-content:flex-start}.club-music-volume-row input{flex:1;min-width:100px}.club-music-volume-value{font-size:9px;opacity:.65;min-width:32px}.club-music-status{margin-left:auto;font-size:9px;opacity:.58}
@media(max-width:800px){.club-music-player{padding:14px!important}.club-music-visual{width:150px;height:90px}.club-music-actions{gap:5px}.club-music-actions .club-core-btn{min-width:38px;padding-inline:9px}.club-music-actions .club-music-main{min-width:92px}.club-music-status{width:100%;margin-left:0;text-align:center}.club-music-lyrics{margin:10px 0!important;padding:14px!important}.club-music-lyrics-current{font-size:18px!important}}