.play-harbor{--play-gold:#c9a84c;--play-gold-light:#f0dfa0;--play-emerald:#6ee7b7;--play-radius:1.15rem;max-width:42rem;margin:0 auto;padding:.15rem 1rem 2.5rem}.play-harbor__hero{margin-bottom:1.75rem}.play-harbor__hero-panel{border:1px solid color-mix(in srgb, var(--play-gold) 18%, #ffffff14);background:radial-gradient(ellipse 110% 80% at 50% -5%, color-mix(in srgb, var(--play-gold) 14%, transparent), transparent 58%), color-mix(in srgb, var(--depth-abyss,#030810) 68%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:1.35rem;padding:1.45rem 1.25rem 1.25rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 26px 60px -30px #000000c7}.play-harbor__hero-panel:after{content:"";background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--play-gold) 20%, transparent), transparent 48%);opacity:.45;pointer-events:none;animation:8s ease-in-out infinite play-godray;position:absolute;inset:0}@keyframes play-godray{0%,to{opacity:.32}50%{opacity:.55}}.play-harbor__kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--play-gold-light);justify-content:center;align-items:center;gap:.35rem;margin:0 0 .35rem;font-size:.68rem;font-weight:800;display:inline-flex;position:relative}.play-harbor__kicker svg{width:.85rem;height:.85rem}.play-harbor__title{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 8%, var(--play-gold-light) 52%, var(--play-gold) 92%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.55rem,5vw,2.2rem);font-weight:900;line-height:1.15;position:relative}.play-harbor__lead{max-width:30rem;color:var(--text-muted,#ffffffad);margin:.75rem auto 0;font-size:.84rem;line-height:1.68;position:relative}.play-harbor__stats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1.15rem 0 0;padding:0;display:flex;position:relative}.play-harbor__stat{background:color-mix(in srgb, var(--depth-abyss,#030810) 52%, transparent);border:1px solid #ffffff17;border-radius:.85rem;flex-direction:column;align-items:center;gap:.12rem;min-width:4.25rem;padding:.55rem .75rem;display:flex}.play-harbor__stat dt{color:var(--text-muted,#ffffff8c);align-items:center;gap:.2rem;margin:0;font-size:.62rem;font-weight:700;display:inline-flex}.play-harbor__stat dt svg{width:.72rem;height:.72rem}.play-harbor__stat dd{font-variant-numeric:tabular-nums;color:var(--play-gold-light);margin:0;font-size:1.05rem;font-weight:800}.play-harbor__stat--quiz dd{color:var(--play-emerald)}.play-harbor__block{margin-bottom:1.85rem}.play-harbor__block--quiz{margin-bottom:2rem}.play-harbor__section-head{grid-template-columns:3px 1fr;gap:.85rem;margin-bottom:1rem;display:grid}.play-harbor__section-rail{background:linear-gradient(180deg, var(--play-gold-light), var(--play-gold));opacity:.85;border-radius:999px}.play-harbor__section-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.65rem 1rem;display:flex}.play-harbor__section-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--play-gold);margin:0 0 .2rem;font-size:.64rem;font-weight:800}.play-harbor__section-title{margin:0;font-size:1.12rem;font-weight:800;line-height:1.3}.play-harbor__section-desc{color:var(--text-muted,#ffffff9e);max-width:34rem;margin:.35rem 0 0;font-size:.8rem;line-height:1.62}.play-harbor__section-action{align-items:center;gap:.4rem;display:flex}.play-harbor__section-icon{width:1.1rem;height:1.1rem;color:var(--play-gold-light);opacity:.85}.play-harbor__pill{border:1px solid color-mix(in srgb, var(--play-gold) 35%, transparent);background:color-mix(in srgb, var(--play-gold) 12%, transparent);color:var(--play-gold-light);border-radius:999px;padding:.28rem .65rem;font-size:.68rem;font-weight:800;display:inline-flex}.play-harbor__pill--done{border-color:color-mix(in srgb, var(--play-emerald) 40%, transparent);background:color-mix(in srgb, var(--play-emerald) 12%, transparent);color:var(--play-emerald)}.play-harbor__section-cta{color:var(--play-gold-light);font-size:.78rem;font-weight:700;text-decoration:none}.play-harbor__section-cta:hover{color:#fff}.play-harbor__quiz-stage{border-radius:var(--play-radius);border:1px solid color-mix(in srgb, var(--play-gold) 16%, #ffffff12);background:radial-gradient(ellipse 120% 70% at 50% -10%, color-mix(in srgb, var(--play-gold) 9%, transparent), transparent 60%), color-mix(in srgb, var(--depth-abyss,#030810) 60%, transparent);padding:1.25rem 1.05rem 1.15rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 44px -28px #000000b8}.play-harbor__quiz-stage .harbor-quiz--harbor{gap:.85rem}.play-harbor__quiz-stage .harbor-quiz__progress{justify-content:center;gap:.35rem;margin:0 0 .15rem;padding:0;list-style:none;display:flex}.play-harbor__quiz-stage .harbor-quiz__progress li{background:#ffffff1a;border-radius:999px;width:2rem;height:.22rem;transition:background .25s,transform .25s}.play-harbor__quiz-stage .harbor-quiz__progress li.is-done{background:var(--play-emerald)}.play-harbor__quiz-stage .harbor-quiz__progress li.is-active{background:var(--play-gold-light);transform:scaleY(1.35)}.play-harbor__quiz-stage .harbor-quiz__meta{text-align:center;color:var(--play-gold);font-size:.72rem;font-weight:700}.play-harbor__quiz-stage .harbor-quiz__card{background:linear-gradient(180deg, color-mix(in srgb, var(--play-gold) 5%, transparent), transparent 40%), #0000004d;border:1px solid #ffffff14;border-radius:1rem;padding:1.15rem 1rem 1.1rem}.play-harbor__quiz-stage .harbor-quiz__q{text-align:center;color:#ffffffeb;font-size:1rem;font-weight:600;line-height:1.7}.play-harbor__quiz-stage .harbor-quiz__opts{gap:.5rem;margin-top:1rem;display:grid}.play-harbor__quiz-stage .harbor-quiz__opt{background:color-mix(in srgb, var(--depth-abyss,#030810) 42%, transparent);text-align:right;border:1px solid #ffffff1a;border-radius:.8rem;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.85rem;line-height:1.55;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;display:flex}.play-harbor__quiz-stage .harbor-quiz__opt-key{border:1px solid color-mix(in srgb, var(--play-gold) 26%, transparent);background:color-mix(in srgb, var(--play-gold) 10%, transparent);width:1.65rem;height:1.65rem;color:var(--play-gold-light);border-radius:.55rem;flex:none;place-items:center;font-size:.78rem;font-weight:800;transition:border-color .2s,background .2s,color .2s;display:grid}.play-harbor__quiz-stage .harbor-quiz__opt-text{flex:auto}.play-harbor__quiz-stage .harbor-quiz__opt-mark{flex:none;font-size:.95rem;font-weight:800;line-height:1}.play-harbor__quiz-stage .harbor-quiz__opt:hover:not(:disabled){border-color:color-mix(in srgb, var(--play-gold) 38%, transparent);background:color-mix(in srgb, var(--play-gold) 7%, transparent);transform:translateY(-1px)}.play-harbor__quiz-stage .harbor-quiz__opt:disabled{cursor:default}.play-harbor__quiz-stage .harbor-quiz__opt.is-pending{border-color:color-mix(in srgb, var(--play-gold) 42%, transparent);background:color-mix(in srgb, var(--play-gold) 9%, transparent);animation:.9s ease-in-out infinite play-opt-pulse}@keyframes play-opt-pulse{0%,to{opacity:1}50%{opacity:.6}}.play-harbor__quiz-stage .harbor-quiz__opt.is-correct{border-color:color-mix(in srgb, var(--play-emerald) 58%, transparent);background:color-mix(in srgb, var(--play-emerald) 15%, transparent)}.play-harbor__quiz-stage .harbor-quiz__opt.is-correct .harbor-quiz__opt-key,.play-harbor__quiz-stage .harbor-quiz__opt.is-correct .harbor-quiz__opt-mark{background:color-mix(in srgb, var(--play-emerald) 22%, transparent);color:var(--play-emerald);border-color:#0000}.play-harbor__quiz-stage .harbor-quiz__opt.is-wrong{background:#f871711c;border-color:#f871717a}.play-harbor__quiz-stage .harbor-quiz__opt.is-wrong .harbor-quiz__opt-key,.play-harbor__quiz-stage .harbor-quiz__opt.is-wrong .harbor-quiz__opt-mark{color:#fca5a5;background:#f871712e;border-color:#0000}.play-harbor__quiz-stage .harbor-quiz--done{text-align:center;padding:.5rem 0}.play-harbor__quiz-stage .harbor-quiz--done .harbor-quiz__q{color:var(--play-gold-light);font-size:.92rem}.play-harbor__quiz-done{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:.6rem .4rem .3rem;display:flex}.play-harbor__quiz-done-badge{border:1px solid color-mix(in srgb, var(--play-gold) 34%, transparent);background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--play-gold) 24%, transparent), transparent 70%), color-mix(in srgb, var(--play-gold) 8%, transparent);width:3.2rem;height:3.2rem;color:var(--play-gold-light);box-shadow:0 14px 30px -18px color-mix(in srgb, var(--play-gold) 60%, transparent);border-radius:50%;place-items:center;display:grid}.play-harbor__quiz-done-badge svg{width:1.5rem;height:1.5rem}.play-harbor__quiz-done-title{color:var(--play-gold-light);margin:0;font-size:1.05rem;font-weight:800}.play-harbor__quiz-done-text{color:#ffffffb3;max-width:26rem;margin:0;font-size:.84rem;line-height:1.8}.play-harbor__quiz-done-stats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.3rem 0 .1rem;display:flex}.play-harbor__quiz-done-stats>div{background:#00000042;border:1px solid #ffffff17;border-radius:.8rem;min-width:5.2rem;padding:.55rem .75rem}.play-harbor__quiz-done-stats dt{letter-spacing:.04em;color:#ffffff8c;align-items:center;gap:.25rem;font-size:.66rem;font-weight:700;display:inline-flex}.play-harbor__quiz-done-stats dt svg{width:.8rem;height:.8rem}.play-harbor__quiz-done-stats dd{color:var(--play-gold-light);margin:.2rem 0 0;font-size:1.05rem;font-weight:800}.play-harbor__quiz-done-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.55rem;display:flex}.play-harbor__quiz-done-cta,.play-harbor__quiz-done-link{border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8rem;font-weight:700;transition:transform .15s,border-color .2s,background .2s,color .2s;display:inline-flex}.play-harbor__quiz-done-cta svg,.play-harbor__quiz-done-link svg{width:.95rem;height:.95rem}.play-harbor__quiz-done-cta{color:#1a1304;background:linear-gradient(180deg, var(--play-gold-light), var(--play-gold));border:1px solid color-mix(in srgb, var(--play-gold) 60%, transparent)}.play-harbor__quiz-done-cta:hover{transform:translateY(-1px)}.play-harbor__quiz-done-link{color:#ffffffc7;background:#00000038;border:1px solid #ffffff1f}.play-harbor__quiz-done-link:hover{color:#fff;border-color:color-mix(in srgb, var(--play-gold) 35%, transparent)}.play-harbor__rules{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.play-harbor__rules li{background:color-mix(in srgb, var(--depth-abyss,#030810) 42%, transparent);color:var(--text-muted,#ffffffb8);border:1px solid #ffffff12;border-radius:.85rem;padding:.72rem .85rem .72rem 2rem;font-size:.8rem;line-height:1.62;position:relative}.play-harbor__rules li:before{content:"◆";color:var(--play-gold);font-size:.55rem;position:absolute;top:.78rem;right:.75rem}.play-harbor__earn-grid{gap:.55rem;display:grid}@media (min-width:520px){.play-harbor__earn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.play-harbor__earn-card{border:1px solid color-mix(in srgb, var(--play-gold) 12%, #ffffff12);background:color-mix(in srgb, var(--depth-abyss,#030810) 48%, transparent);color:inherit;border-radius:.9rem;flex-direction:column;gap:.2rem;padding:.85rem 2.1rem .85rem .85rem;text-decoration:none;transition:border-color .2s,transform .15s;display:flex;position:relative}.play-harbor__earn-card:hover{border-color:color-mix(in srgb, var(--play-gold) 32%, transparent);transform:translateY(-1px)}.play-harbor__earn-title{font-size:.88rem;font-weight:800}.play-harbor__earn-hint{color:var(--text-muted,#ffffff94);font-size:.72rem;line-height:1.5}.play-harbor__earn-arrow{width:.9rem;height:.9rem;color:var(--play-gold);opacity:.75;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)rotate(180deg)}.play-harbor__badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px){.play-harbor__badges{grid-template-columns:repeat(4,minmax(0,1fr))}}.play-harbor__badge{opacity:.72;text-align:center;background:#00000038;border:1px dashed #ffffff1f;border-radius:.85rem;flex-direction:column;align-items:center;gap:.15rem;padding:.75rem .45rem;display:flex}.play-harbor__badge.is-earned{opacity:1;border-style:solid;border-color:color-mix(in srgb, var(--play-gold) 28%, transparent);background:color-mix(in srgb, var(--play-gold) 8%, transparent)}.play-harbor__badge-emoji{font-size:1.35rem;line-height:1}.play-harbor__badge-label{font-size:.72rem;font-weight:800}.play-harbor__badge-state{color:var(--text-muted,#ffffff80);font-size:.6rem}.play-harbor__badge.is-earned .play-harbor__badge-state{color:var(--play-emerald)}.play-harbor__foot{flex-wrap:wrap;justify-content:center;gap:.55rem .85rem;padding-top:.5rem;display:flex}.play-harbor__foot-cta,.play-harbor__foot-link{border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .9rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.play-harbor__foot-cta{border:1px solid color-mix(in srgb, var(--play-gold) 35%, transparent);background:color-mix(in srgb, var(--play-gold) 14%, transparent);color:var(--play-gold-light)}.play-harbor__foot-cta:hover{background:color-mix(in srgb, var(--play-gold) 22%, transparent);color:#fff}.play-harbor__foot-link{color:var(--text-muted,#ffffffa6)}.play-harbor__foot-link:hover{color:#fff}.play-harbor__foot-cta svg,.play-harbor__foot-link svg{width:.85rem;height:.85rem}.play-harbor--studio{max-width:46rem}.play-harbor__pill--soon{color:#ffffff9e;background:#ffffff0f;border-color:#ffffff2e}.play-channels__list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.play-channels__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.play-channels__card{background:color-mix(in srgb, var(--depth-abyss,#030810) 50%, transparent);text-align:right;width:100%;color:inherit;cursor:pointer;border:1px solid #ffffff1a;border-radius:.95rem;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.85rem .9rem;text-decoration:none;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex}.play-channels__card:hover:not(:disabled){border-color:color-mix(in srgb, var(--play-gold) 32%, transparent);transform:translateY(-1px)}.play-channels__card.is-active{border-color:color-mix(in srgb, var(--play-gold) 45%, transparent);background:radial-gradient(ellipse 100% 80% at 100% 0%, color-mix(in srgb, var(--play-gold) 12%, transparent), transparent 55%), color-mix(in srgb, var(--depth-abyss,#030810) 58%, transparent);box-shadow:0 12px 32px -24px color-mix(in srgb, var(--play-gold) 50%, transparent)}.play-channels__card.is-soon{opacity:.72;cursor:not-allowed}.play-channels__kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--play-gold);font-size:.6rem;font-weight:800}.play-channels__title{font-size:.92rem;font-weight:800}.play-channels__desc{color:var(--text-muted,#ffffff94);font-size:.72rem;line-height:1.55}.play-channels__foot{flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;margin-top:.35rem;display:flex}.play-channels__reward{color:var(--play-gold-light);font-size:.68rem;font-weight:800}.play-channels__live,.play-channels__soon,.play-channels__done{align-items:center;gap:.25rem;margin-right:auto;font-size:.62rem;font-weight:800;display:inline-flex}.play-channels__live{color:var(--play-emerald)}.play-channels__live svg,.play-channels__soon svg{width:.72rem;height:.72rem}.play-channels__done{color:var(--play-emerald)}.play-channels__soon{color:#ffffff8c}.play-exam{gap:.75rem;display:grid}.play-exam__progress{justify-content:center;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.play-exam__progress-dot{background:#ffffff1a;border-radius:999px;width:2rem;height:.22rem;transition:background .25s,transform .25s}.play-exam__progress-dot.is-done{background:var(--play-emerald)}.play-exam__progress-dot.is-active{background:var(--play-gold-light);transform:scaleY(1.35)}.play-exam__meta{text-align:center;color:var(--play-gold);margin:0;font-size:.72rem;font-weight:700}.play-exam__card{background:linear-gradient(180deg, color-mix(in srgb, var(--play-gold) 5%, transparent), transparent 40%), #0000004d;border:1px solid #ffffff14;border-radius:1rem;padding:1.15rem 1rem 1.1rem}.play-exam__question{text-align:center;color:#ffffffeb;margin:0;font-size:1rem;font-weight:600;line-height:1.7}.play-exam__opts{gap:.5rem;margin-top:1rem;display:grid}.play-exam__opt{background:color-mix(in srgb, var(--depth-abyss,#030810) 42%, transparent);text-align:right;color:inherit;border:1px solid #ffffff1a;border-radius:.8rem;align-items:center;gap:.7rem;padding:.7rem .8rem;font-size:.85rem;line-height:1.55;transition:border-color .2s,background .2s,transform .15s;display:flex}.play-exam__opt-key{border:1px solid color-mix(in srgb, var(--play-gold) 26%, transparent);background:color-mix(in srgb, var(--play-gold) 10%, transparent);width:1.65rem;height:1.65rem;color:var(--play-gold-light);border-radius:.55rem;flex:none;place-items:center;font-size:.78rem;font-weight:800;display:grid}.play-exam__opt-text{flex:auto}.play-exam__opt-mark{flex:none;font-size:.95rem;font-weight:800}.play-exam__opt:hover:not(:disabled){border-color:color-mix(in srgb, var(--play-gold) 38%, transparent);background:color-mix(in srgb, var(--play-gold) 7%, transparent);transform:translateY(-1px)}.play-exam__opt.is-pending{border-color:color-mix(in srgb, var(--play-gold) 42%, transparent);animation:.9s ease-in-out infinite play-opt-pulse}.play-exam__opt.is-correct{border-color:color-mix(in srgb, var(--play-emerald) 58%, transparent);background:color-mix(in srgb, var(--play-emerald) 15%, transparent)}.play-exam__opt.is-wrong{background:#f871711c;border-color:#f871717a}.play-exam--done,.play-exam--empty,.play-exam--soon{text-align:center;padding:.75rem .35rem}.play-exam__done-badge,.play-exam__soon-icon{border:1px solid color-mix(in srgb, var(--play-gold) 30%, transparent);background:color-mix(in srgb, var(--play-gold) 10%, transparent);width:2.8rem;height:2.8rem;color:var(--play-gold-light);border-radius:50%;place-items:center;margin:0 auto .5rem;font-size:1.2rem;display:grid}.play-exam__done-title,.play-exam__soon-title{color:var(--play-gold-light);margin:0;font-size:1rem;font-weight:800}.play-exam__done-copy,.play-exam__soon-copy,.play-exam__empty-text{color:#ffffffb8;margin:.45rem 0 0;font-size:.84rem;line-height:1.75}.play-exam__done-icon{vertical-align:-.15em;width:1rem;height:1rem;display:inline-block}.play-harbor__trust-grid{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px){.play-harbor__trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.play-harbor__trust-card{border:1px solid color-mix(in srgb, var(--play-gold) 14%, transparent);background:color-mix(in srgb, var(--depth-abyss,#030810) 44%, transparent);border-radius:.9rem;padding:.85rem .9rem}.play-harbor__trust-title{margin:0;font-size:.82rem;font-weight:800}.play-harbor__trust-hint{color:var(--text-muted,#ffffff94);margin:.3rem 0 0;font-size:.72rem;line-height:1.55}.play-harbor__split{gap:1.25rem;display:grid}@media (min-width:640px){.play-harbor__split{grid-template-columns:1fr 1fr;gap:1rem}}.play-harbor__rules--compact li{padding:.55rem .75rem .55rem 1.85rem;font-size:.76rem}.play-harbor__earn-grid--compact{gap:.45rem}.play-harbor__earn-grid--compact .play-harbor__earn-card{padding:.65rem 2rem .65rem .65rem}