/* Native layouts matching the supplied Animation and Mini-jeux references. */
.ref-theme .ref-activities{font-family:Arial,Helvetica,sans-serif;color:#100dcb;font-size:14px;line-height:1.25}
.ref-theme .ref-activities *{box-sizing:border-box}.ref-theme .ref-activities a{color:#100dcb;text-decoration:none}.ref-theme .ref-activities a:hover{text-decoration:underline}
.ref-theme .ref-activities h1,.ref-theme .ref-activities h2,.ref-theme .ref-activities h3,.ref-theme .ref-activities p{margin:0}
.ref-theme .ref-activities .ref-crop{display:block;position:relative;overflow:hidden;min-width:0;background:#101071}.ref-theme .ref-activities .ref-crop img{position:absolute;max-width:none;height:auto;pointer-events:none}
.ref-theme .ref-activities .ref-panel{min-width:0;border:1px solid #94d1ff;border-radius:10px;overflow:hidden;background:linear-gradient(120deg,#fff,#f0f6ff);box-shadow:0 1px 5px #1682e245}
.ref-theme .ref-activities .ref-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;min-height:34px;color:#fff;white-space:nowrap}
.ref-theme .ref-activities .ref-head h2{font-size:14px;color:inherit;font-weight:700;line-height:1.1}.ref-theme .ref-activities .ref-head>a{color:inherit;font-size:12px;flex-shrink:0}
.ref-theme .ref-activities .ref-blue{background:linear-gradient(#43c6ff,#0771ff)}.ref-theme .ref-activities .ref-pink{background:linear-gradient(#ff5cca,#fa008c)}.ref-theme .ref-activities .ref-violet{background:linear-gradient(#ab70ff,#742aff)}.ref-theme .ref-activities .ref-green{background:linear-gradient(#8add3d,#36aa00)}.ref-theme .ref-activities .ref-gold{background:linear-gradient(#ffe268,#ffb725);color:#a75200}
.ref-theme .ref-activities .ref-body{padding:9px 11px}
.ref-theme .ref-activities .activity-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #ff60ce;border-radius:6px;min-height:30px;padding:5px 12px;color:#fff;background:linear-gradient(#ff31b8,#f0007b);font-size:13px;font-weight:700;box-shadow:inset 0 1px 2px #ffffff70;text-align:center}
.ref-theme .ref-activities .activity-button:hover{background:linear-gradient(#ff57c5,#d90072);text-decoration:none}.ref-theme .ref-activities .activity-button-blue{background:linear-gradient(#32b3ff,#005cff);border-color:#81d7ff;min-height:26px}
.ref-theme .ref-activities .activity-games-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(290px,1fr);gap:10px}
.ref-theme .ref-activities .activity-games-main,.ref-theme .ref-activities .activity-games-sidebar{display:flex;flex-direction:column;gap:9px;min-width:0}
.ref-theme .ref-activities .activity-banner{height:105px;background:radial-gradient(ellipse at 60% 70%,#6b17dc 0%,#131b84 45%,#080a4d 90%);border:2px solid #caf4ff;box-shadow:0 0 8px #a6e9ff;border-radius:11px;position:relative;overflow:hidden;color:#fff}
.ref-theme .ref-activities .activity-banner-art{position:absolute;top:0;right:0;width:210px;opacity:.9}
.ref-theme .ref-activities .activity-banner-content{position:relative;display:flex;align-items:center;height:100%;gap:18px;padding:9px 20px;background:linear-gradient(90deg,#101256 62%,transparent)}
.ref-theme .ref-activities .activity-banner-icon{font-size:53px;line-height:1}.ref-theme .ref-activities .activity-banner h1{font-size:38px;line-height:1;text-shadow:0 0 5px #ce88ff,0 2px 3px #6612a0;color:#fff}.ref-theme .ref-activities .activity-banner h2{font-size:20px;font-weight:700;margin:3px 0 6px;color:#fff}.ref-theme .ref-activities .activity-banner p{font-size:13px}
.ref-theme .ref-activities .activity-filter-bar{display:flex;gap:6px;border:1px solid #b9d7ff;border-radius:8px;padding:5px;background:#eff7ff;flex-wrap:wrap}
.ref-theme .ref-activities .activity-filter-bar button{border:1px solid #c1d4ff;background:linear-gradient(#fff,#edf4ff);color:#130caa;border-radius:8px;min-height:29px;padding:4px 11px;font-weight:700;cursor:pointer;flex:1;white-space:nowrap}
.ref-theme .ref-activities .activity-filter-bar button[aria-pressed=true]{background:linear-gradient(#ff39be,#ee0083);color:#fff;border-color:#ff85d8}
.ref-theme .ref-activities button:focus-visible,.ref-theme .ref-activities a:focus-visible{outline:3px solid #ffcf35;outline-offset:2px}
.ref-theme .ref-activities .activity-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ref-theme .ref-activities .activity-game{display:grid;grid-template-columns:42% minmax(0,1fr);gap:10px;padding:6px;background:linear-gradient(110deg,#fff,#e9f7ff);border:1px solid #96cfff;border-radius:9px;box-shadow:0 1px 4px #218ffc2b;min-height:170px}
.ref-theme .ref-activities .activity-game[hidden]{display:none}.ref-theme .ref-activities .activity-game>.ref-crop{width:100%;align-self:center;border-radius:7px}
.ref-theme .ref-activities .activity-game>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.ref-theme .ref-activities .activity-game h2{font-size:18px;line-height:1.05;color:#1800cb}.ref-theme .ref-activities .activity-game p{font-size:13px;line-height:1.2;flex:1}
.ref-theme .ref-activities .activity-game .activity-button{font-size:11px;padding:4px 5px;width:100%;min-height:26px;white-space:nowrap}
.ref-theme .ref-activities .activity-tags{display:flex;gap:4px;flex-wrap:wrap}.ref-theme .ref-activities .activity-tags span{font-size:10px;background:#ded1ff;color:#4506ec;border-radius:9px;padding:2px 7px}.ref-theme .ref-activities .activity-tags span:first-child{background:#d0eeff;color:#006bef}
.ref-theme .ref-activities .activity-reward-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;text-align:center}.ref-theme .ref-activities .activity-reward-grid .ref-crop{border-radius:7px;max-width:160px;margin:auto auto 6px}.ref-theme .ref-activities .activity-reward-grid strong{display:block;font-size:13px}.ref-theme .ref-activities .activity-reward-grid--compact{gap:6px}.ref-theme .ref-activities .activity-reward-grid--compact strong{font-size:12px}
.ref-theme .ref-activities .activity-mini-table>div,.ref-theme .ref-activities .activity-mini-table>a{display:flex;justify-content:space-between;gap:6px;padding:7px 5px;border-bottom:1px solid #dbe6ff;font-size:13px}.ref-theme .ref-activities .activity-mini-table>div{background:#e1ecff;border-radius:8px}.ref-theme .ref-activities .activity-mini-table>a:last-child{border:0}
.ref-theme .ref-activities .activity-note{font-size:12px;line-height:1.3;margin-top:10px;color:#555abe}
.ref-theme .ref-activities .activity-challenge>.ref-crop{float:right;width:83px;border-radius:8px;margin:0 0 7px 8px}.ref-theme .ref-activities .activity-challenge h3{font-size:15px;margin:1px 0 6px}.ref-theme .ref-activities .activity-challenge p{font-size:13px;line-height:1.3}.ref-theme .ref-activities .activity-challenge .activity-button{clear:both;display:flex;max-width:230px;margin:12px auto 2px}
.ref-theme .ref-activities .activity-quick-links>a{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #dce7fc;font-size:13px}.ref-theme .ref-activities .activity-quick-links>a:last-child{border:0}
.ref-theme .ref-activities .activity-animation-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:9px}
.ref-theme .ref-activities .activity-animation-hero{position:relative;overflow:hidden;border:3px solid #e6faff;border-radius:10px;box-shadow:0 0 7px #93caff;background:#081658;min-height:264px}.ref-theme .ref-activities .activity-animation-hero>.ref-crop{position:absolute;top:0;left:0;width:100%}
.ref-theme .ref-activities .activity-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#131566 0%,#111568f2 38%,#131568b8 70%,transparent 85%)}
.ref-theme .ref-activities .activity-hero-copy{position:relative;z-index:1;padding:40px 24px 16px;text-align:center;width:87%;color:#fff}
.ref-theme .ref-activities .activity-ribbon{position:absolute;left:0;top:0;display:block;min-width:196px;padding:7px 17px 8px 13px;text-align:left;background:linear-gradient(120deg,#ffc835,#fff188);clip-path:polygon(0 0,100% 0,93% 100%,0 100%);color:#9c4b00;font-size:18px;font-weight:700}
.ref-theme .ref-activities .activity-hero-copy h1{font-size:29px;color:#fff;line-height:1.13;margin:0 0 16px;text-shadow:0 0 5px #dd67ff,0 0 9px #cb37ff}.ref-theme .ref-activities .activity-hero-copy p{font-size:16px;line-height:1.35}.ref-theme .ref-activities .activity-hero-copy .activity-button{margin-top:14px;min-height:29px;font-size:12px;padding:4px 8px}
.ref-theme .ref-activities .activity-calendar-panel .ref-body{padding:5px 8px}
.ref-theme .ref-activities .activity-calendar-controls{display:flex;align-items:center;justify-content:space-between;margin:0 2px 5px;height:26px}.ref-theme .ref-activities .activity-calendar-controls h2{font-size:14px;text-transform:capitalize}.ref-theme .ref-activities .activity-calendar-controls button{background:none;border:0;color:#1a14ff;cursor:pointer;font-size:27px;line-height:1;width:28px}
.ref-theme .ref-activities .activity-calendar{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:12px;gap:1px;background:#dcedff}
.ref-theme .ref-activities .activity-calendar span,.ref-theme .ref-activities .activity-calendar time{background:#f9fcff;display:flex;align-items:center;justify-content:center;min-height:25px;font-weight:700}
.ref-theme .ref-activities .activity-calendar .activity-day-label{font-size:10px;color:#6973d2;background:#f1f7ff;min-height:21px;font-weight:400}.ref-theme .ref-activities .activity-calendar .activity-day-other{color:#acb4d8;font-weight:400}.ref-theme .ref-activities .activity-calendar .activity-day-today{border-radius:50%;background:linear-gradient(#ff85d8,#fa26a7);color:#fff}
.ref-theme .ref-activities .activity-calendar-note{font-size:10px;margin:8px 0 2px;line-height:1.3;text-align:center}.ref-theme .ref-activities .activity-calendar-note>span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ff26a8;vertical-align:middle}
.ref-theme .ref-activities .activity-news-row{display:grid;grid-template-columns:25% minmax(0,1fr) 10px;gap:9px;padding:5px 0;border-bottom:1px solid #dbe6ff;align-items:center;min-width:0}.ref-theme .ref-activities .activity-news-row:first-child{padding-top:0}.ref-theme .ref-activities .activity-news-row:last-child{padding-bottom:0;border-bottom:0}.ref-theme .ref-activities .activity-news-row>.ref-crop{border-radius:6px}
.ref-theme .ref-activities .activity-news-row h3{font-size:13px;line-height:1.16;margin-bottom:3px}.ref-theme .ref-activities .activity-news-row p{font-size:11px;line-height:1.2}.ref-theme .ref-activities .activity-news-row>span:last-child{font-size:24px}
.ref-theme .ref-activities .activity-upcoming .ref-body{padding:9px}.ref-theme .ref-activities .activity-upcoming .activity-news-row{min-height:71px}
.ref-theme .ref-activities .activity-animation-middle{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:9px;margin-bottom:9px}
.ref-theme .ref-activities .activity-official-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;text-align:center}.ref-theme .ref-activities .activity-official-games>a{display:flex;flex-direction:column;align-items:center;border-right:1px solid #e0e7ff;padding-right:10px}.ref-theme .ref-activities .activity-official-games>a:last-child{border:0;padding:0}
.ref-theme .ref-activities .activity-official-games .ref-crop{width:100%;border-radius:5px}.ref-theme .ref-activities .activity-official-games h3{font-size:14px;line-height:1.1;margin:5px 0 4px}.ref-theme .ref-activities .activity-official-games p{font-size:12px;line-height:1.2;flex:1;margin-bottom:5px}.ref-theme .ref-activities .activity-official-games .activity-button{min-width:91px;font-size:12px}
.ref-theme .ref-activities .activity-team-people{display:flex;justify-content:center;gap:40px}.ref-theme .ref-activities .activity-team-people>a{display:flex;flex-direction:column;text-align:center;align-items:center;font-size:13px}
.ref-theme .ref-activities .activity-team-symbol{display:grid;place-items:center;width:66px;height:66px;border:1px solid #dbc2ff;border-radius:8px;background:linear-gradient(130deg,#b9c0ff,#ecbcff);color:#5b00ce;font-weight:900;font-size:31px;margin-bottom:5px}.ref-theme .ref-activities .activity-team-symbol--claire{background:linear-gradient(130deg,#ffe8bd,#ecbcff);color:#cf008b}.ref-theme .ref-activities .activity-team-people small{font-size:11px;margin-top:3px}.ref-theme .ref-activities .activity-team p{background:#ffe4f9;color:#f00093;text-align:center;border-radius:7px;padding:6px;margin-top:8px;font-size:12px}
.ref-theme .ref-activities .activity-animation-bottom{display:grid;grid-template-columns:1.2fr 1fr .95fr;gap:9px}
.ref-theme .ref-activities .activity-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding-bottom:3px}.ref-theme .ref-activities .activity-gallery .ref-crop{border-radius:5px}.ref-theme .ref-activities .activity-gallery-caption{font-size:11px;text-align:center;padding:3px 8px 8px}
.ref-theme .ref-activities .activity-propose .ref-body{padding-top:6px;background:radial-gradient(ellipse at 100% 100%,#e5caff,transparent 70%)}.ref-theme .ref-activities .activity-propose h3{font-size:15px;margin-bottom:3px}.ref-theme .ref-activities .activity-propose p{font-size:12px;line-height:1.1}.ref-theme .ref-activities .activity-propose .activity-button{margin-top:5px;min-height:25px;font-size:11px;padding:3px 13px}
.ref-theme .ref-activities .activity-planning p{font-size:12px;margin-bottom:5px;line-height:1.2}.ref-theme .ref-activities .activity-planning>a{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;border-top:1px solid #dfe8ff}
@media(max-width:1250px){.ref-theme .ref-activities .activity-game{grid-template-columns:35% minmax(0,1fr);gap:7px}.ref-theme .ref-activities .activity-game h2{font-size:16px}.ref-theme .ref-activities .activity-game p{font-size:12px}.ref-theme .ref-activities .activity-game .activity-button{font-size:10px}.ref-theme .ref-activities .activity-banner h2{font-size:17px}.ref-theme .ref-activities .ref-head{padding:7px 8px}.ref-theme .ref-activities .ref-head h2{font-size:12px}.ref-theme .ref-activities .ref-head>a{font-size:10px}.ref-theme .ref-activities .activity-hero-copy{width:100%;padding:42px 13px 14px}.ref-theme .ref-activities .activity-hero-copy h1{font-size:24px}.ref-theme .ref-activities .activity-hero-copy p{font-size:14px}.ref-theme .ref-activities .activity-news-row{gap:6px}}
@media(max-width:1000px){.ref-theme .ref-activities .activity-games-layout{grid-template-columns:minmax(0,1fr) 280px}.ref-theme .ref-activities .activity-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-theme .ref-activities .activity-game{grid-template-columns:40% minmax(0,1fr)}.ref-theme .ref-activities .activity-animation-top{grid-template-columns:1.6fr 1fr}.ref-theme .ref-activities .activity-upcoming{grid-column:1/-1}.ref-theme .ref-activities .activity-upcoming .ref-body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ref-theme .ref-activities .activity-upcoming .activity-news-row{border:0;padding:0}.ref-theme .ref-activities .activity-animation-middle,.ref-theme .ref-activities .activity-animation-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-theme .ref-activities .activity-animation-middle>.ref-panel:last-child,.ref-theme .ref-activities .activity-animation-bottom>.ref-panel:last-child{grid-column:1/-1}}
@media(max-width:720px){.ref-theme .ref-activities .activity-games-layout{grid-template-columns:1fr}.ref-theme .ref-activities .activity-games-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ref-theme .ref-activities .activity-banner h1{font-size:30px}.ref-theme .ref-activities .activity-banner h2{font-size:14px}.ref-theme .ref-activities .activity-banner p{font-size:11px}.ref-theme .ref-activities .activity-banner-content{padding:8px 12px;gap:10px}.ref-theme .ref-activities .activity-banner-icon{font-size:36px}.ref-theme .ref-activities .activity-animation-top{grid-template-columns:1fr}.ref-theme .ref-activities .activity-calendar{font-size:13px}.ref-theme .ref-activities .activity-calendar span,.ref-theme .ref-activities .activity-calendar time{min-height:30px}.ref-theme .ref-activities .activity-upcoming .ref-body{display:block}.ref-theme .ref-activities .activity-upcoming .activity-news-row{padding:6px 0;border-bottom:1px solid #dbe6ff}.ref-theme .ref-activities .activity-upcoming .activity-news-row>.ref-crop{max-width:85px}.ref-theme .ref-activities .activity-animation-middle,.ref-theme .ref-activities .activity-animation-bottom{grid-template-columns:1fr}.ref-theme .ref-activities .activity-team-people{gap:55px}}
@media(max-width:430px){.ref-theme .ref-activities .activity-game-grid,.ref-theme .ref-activities .activity-games-sidebar{grid-template-columns:1fr}.ref-theme .ref-activities .activity-game{min-height:139px;grid-template-columns:35% minmax(0,1fr)}.ref-theme .ref-activities .activity-game h2{font-size:19px}.ref-theme .ref-activities .activity-game .activity-button{font-size:12px}.ref-theme .ref-activities .activity-banner-icon{display:none}.ref-theme .ref-activities .activity-banner h2{font-size:13px}.ref-theme .ref-activities .activity-hero-copy h1{font-size:23px}.ref-theme .ref-activities .activity-hero-copy .activity-button{font-size:10px}}

/* Keep local layout rules above the generic shared panel/crop defaults. */
.ref-theme .ref-activities .activity-game{min-height:142px}
.ref-theme .ref-activities .activity-game-grid{gap:7px}
.ref-theme .ref-activities .activity-reward-links .activity-reward-grid .ref-crop{max-width:85px}
.ref-theme .ref-activities .activity-games-sidebar .activity-quick-links{padding-top:3px;padding-bottom:3px}
.ref-theme .ref-activities .activity-games-sidebar .activity-note{margin-top:5px}
.ref-theme .ref-activities .activity-mini-table>div,.ref-theme .ref-activities .activity-mini-table>a{padding-top:5px;padding-bottom:5px}
.ref-theme .ref-activities .activity-animation-hero{min-height:256px;background:radial-gradient(ellipse at 52% 20%,#3925a0,#0a0c53 70%)}
.ref-theme .ref-activities .activity-animation-hero>.activity-hero-art-left{position:absolute;top:auto;left:0;bottom:0;width:160px}
.ref-theme .ref-activities .activity-animation-hero>.activity-hero-art-right{position:absolute;top:auto;left:auto;right:0;bottom:0;width:136px}
.ref-theme .ref-activities .activity-hero-shade{background:linear-gradient(90deg,transparent 0%,#15115ccc 23%,#17125cf5 30%,#181467e6 75%,transparent 87%)}
.ref-theme .ref-activities .activity-hero-copy{width:80%;margin-left:11%;padding:38px 12px 9px}
.ref-theme .ref-activities .activity-ribbon{left:-14%}
.ref-theme .ref-activities .activity-hero-copy h1{font-size:28px;margin-bottom:16px}
.ref-theme .ref-activities .activity-hero-copy p{font-size:15px;line-height:1.3}
.ref-theme .ref-activities .activity-animation-middle .ref-body{padding:7px 10px}
.ref-theme .ref-activities .activity-team-symbol{width:58px;height:58px;font-size:28px}
.ref-theme .ref-activities .activity-team p{padding:4px;margin-top:6px}
.ref-theme .ref-activities .activity-animation-middle .activity-news-row{padding:3px 0}
.ref-theme .ref-activities .activity-animation-bottom .ref-body{padding:7px 10px}
.ref-theme .ref-activities .activity-gallery-caption{padding-bottom:5px}
@media(max-width:1250px){.ref-theme .ref-activities .activity-hero-copy h1{font-size:24px}.ref-theme .ref-activities .activity-hero-copy p{font-size:13px}.ref-theme .ref-activities .activity-hero-copy .activity-button{font-size:10px}}
@media(max-width:720px){.ref-theme .ref-activities .activity-hero-copy{width:86%;margin-left:7%}.ref-theme .ref-activities .activity-ribbon{left:-9%}.ref-theme .ref-activities .activity-hero-copy h1{font-size:24px}.ref-theme .ref-activities .activity-hero-copy p{font-size:14px}}

.ref-theme .ref-activities .activity-reward-links .ref-body{padding:5px 10px;align-items:center}
.ref-theme .ref-activities .activity-reward-links .ref-crop{display:none}
.ref-theme .ref-activities .activity-reward-links .activity-gallery-caption{display:none}
.ref-theme .ref-activities .activity-reward-links .activity-reward-grid a{padding:5px;background:#eef0ff;border-radius:5px}
.ref-theme .ref-activities .activity-games-sidebar>.ref-panel:last-child{display:none}
.ref-theme .ref-activities .activity-animation-top{align-items:stretch}
.ref-theme .ref-activities .activity-upcoming .activity-news-row{min-height:66px}
.ref-theme .ref-activities .activity-animation-hero{min-height:250px}
.ref-theme .ref-activities .activity-calendar span,.ref-theme .ref-activities .activity-calendar time{min-height:24px}
.ref-theme .ref-activities .activity-calendar .activity-day-label{min-height:20px}
.ref-theme .ref-activities .activity-animation-middle .activity-news-row{grid-template-columns:22% minmax(0,1fr) 10px;min-height:0}
.ref-theme .ref-activities .activity-team-symbol{width:50px;height:50px;font-size:26px}
.ref-theme .ref-activities .activity-team-people>a{font-size:12px}
.ref-theme .ref-activities .activity-team p{font-size:11px}
.ref-theme .ref-activities .activity-animation-bottom .ref-body{padding-top:5px;padding-bottom:5px}
.ref-theme .ref-activities .activity-animation-bottom p{font-size:11px}
.ref-theme .ref-activities .activity-hero-art-left{mask-image:linear-gradient(to right,#000 72%,transparent),linear-gradient(to bottom,transparent,#000 17%);mask-composite:intersect}
.ref-theme .ref-activities .activity-hero-art-right{mask-image:linear-gradient(to left,#000 72%,transparent),linear-gradient(to bottom,transparent,#000 15%);mask-composite:intersect}
@media(max-width:1000px){.ref-theme .ref-activities .activity-games-sidebar>.ref-panel:last-child{display:block}}

@media(max-width:430px){.ref-theme .ref-activities .activity-hero-copy{width:100%;margin-left:0}.ref-theme .ref-activities .activity-ribbon{left:0}.ref-theme .ref-activities .activity-hero-copy h1{font-size:22px}}