:root .play-mosaic{background:#03070d;border:1px solid #adcde033;border-radius:28px;margin:32px 0 36px;overflow:hidden;box-shadow:inset 0 0 50px #789fca08}:root .play-mosaic header{text-align:center;background:0 0;padding:27px 20px 0}:root .mosaic-eyebrow{letter-spacing:.17em;text-transform:uppercase;color:#aec3d0;font-size:10px}:root .play-mosaic h3{color:#edf1f6;background:0 0;outline:none;margin:7px 0;font-family:Georgia,serif;font-size:30px;font-weight:400}:root .play-mosaic header p{color:#b8c4d0;margin:0;font-size:13px}:root .mosaic-sky{margin-top:5px;position:relative}:root .mosaic-sky canvas{touch-action:pan-y;cursor:grab;border-radius:50%;width:100%;height:360px;display:block}:root .mosaic-sky canvas:active{cursor:grabbing}:root .mosaic-motion{color:#dce8f1;cursor:pointer;background:#070c14d9;border:1px solid #b1c7dc50;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:12px;right:16px}:root .mosaic-stats{text-align:center;border-top:1px solid #b0c9df20;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 16px 22px;padding-top:12px;display:grid}:root .mosaic-stats div{grid-template-rows:auto 1fr;align-content:start;gap:3px;min-width:0;display:grid}:root .mosaic-stats dt{color:#aabccb;grid-row:2;font-size:11px;line-height:1.4}:root .mosaic-stats dd{color:#f4e9d8;grid-row:1;margin:0;font-size:27px;font-weight:300;line-height:1.4}:root .mosaic-details{color:#bed2e0;margin:0 20px 22px;font-size:13px}:root .mosaic-details summary{cursor:pointer;padding:10px 0}:root .mosaic-details label{font-size:12px;display:block}:root .mosaic-details select{color:#dce5ed;width:100%;font:inherit;background:#080e17;border:1px solid #8499b450;border-radius:14px;margin-top:8px;padding:12px;display:block}:root .mosaic-details p{color:#a1b3c3;font-size:12px!important}:root .mosaic-share{flex-wrap:wrap;gap:12px;margin:0 20px 17px;display:flex}:root .mosaic-share button{white-space:nowrap;color:#eff4f6;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(145deg,#172735,#0a111c);border:1px solid #a2bcd060;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}:root .mosaic-share button:disabled{opacity:.45;cursor:default}:root .mosaic-invitation{gap:12px;margin:0 20px 20px;display:grid}:root .mosaic-invitation button{color:#eff4f6;min-height:44px;font:inherit;cursor:pointer;background:#0b1420;border:1px solid #a2bcd060;border-radius:999px;justify-self:start;padding:10px 18px;font-size:13px}:root .mosaic-invitation a{color:#bed7e8;overflow-wrap:anywhere;font-size:12px;line-height:1.6}:root .play-mosaic .mosaic-note{color:#b4c2ce;font-size:12px;line-height:1.65;margin:12px 22px 20px!important}:root .play-mosaic .mosaic-record{color:#899cac;font-size:11px}:root .play-mosaic :is(button,a,select,canvas):focus-visible{outline-offset:4px;outline:2px solid #ccdef2}@media (max-width:480px){:root .mosaic-sky canvas{height:285px}:root .mosaic-share{gap:10px;margin-inline:14px}:root .play-mosaic header{padding-inline:10px}:root .mosaic-share button{font-size:12px}}:root .mosaic-export{border-top:1px solid #adcde033;margin:20px;padding-top:15px}:root .mosaic-export figcaption{color:#c4d3df;margin-bottom:12px;font-size:13px}:root .mosaic-export img{border-radius:18px;width:100%;height:auto;display:block}:root .mosaic-export>div{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}:root .mosaic-export :is(a,button){font:inherit;color:#eef4f8;cursor:pointer;background:#0b1420;border:1px solid #a2bcd060;border-radius:999px;padding:12px 16px;font-size:13px;text-decoration:none}:root .mosaic-controls{grid-template-columns:1fr 1fr;gap:14px;margin:24px 20px 0;display:grid}:root .play-mosaic label{color:#b9cad8;font-size:14px}:root .play-mosaic select{color:#e2edf5;width:100%;min-height:44px;font:inherit;background:#09111c;border:1px solid #a2bcd050;border-radius:16px;margin-top:8px;padding:10px;font-size:14px;display:block}:root .mosaic-instruction{text-align:center;color:#bbcbd7;margin:0 20px 16px!important;font-size:14px!important}:root .mosaic-legend{color:#b9e6ff;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:0 20px 24px;font-size:12px;display:flex}:root .mosaic-legend span:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 9px}:root .mosaic-legend span:nth-child(2){color:#f4deb1}:root .mosaic-legend span:nth-child(3){color:#c9b8ff}:root .mosaic-legend span:nth-child(4){color:#9de4cb}:root .mosaic-selected{color:#dfeaf1;background:radial-gradient(at 0 0,#142634,#080d15);border:1px solid #b5d1e04d;border-radius:24px;margin:0 20px 24px;padding:22px;position:relative}:root .mosaic-selected>button{float:right;color:#ddebf3;cursor:pointer;background:#070d15;border:1px solid #aecddd55;border-radius:50%;place-items:center;width:40px;height:40px;margin:-10px -10px 8px 12px;display:grid}:root .mosaic-selected strong{font-size:17px;font-weight:500;line-height:1.5;display:block}:root .mosaic-selected p,:root .mosaic-selected li{line-height:1.6;margin:10px 0!important;font-size:14px!important}:root .mosaic-selected a{color:#cce4ef;border-bottom:1px solid #a7d2e9;margin-top:10px;font-size:14px;text-decoration:none;display:inline-block}:root .mosaic-days{grid-template-columns:repeat(15,1fr);gap:6px;margin:15px 0;padding:0;list-style:none;display:grid}:root .mosaic-days li{aspect-ratio:1;background:#1a2432;border:1px solid #50637c45;border-radius:50%}:root .mosaic-days [data-level="1"]{background:#425b78}:root .mosaic-days [data-level="2"]{background:#7297b6}:root .mosaic-days [data-level="3"]{background:#b3cfde;box-shadow:0 0 5px #a4d7e950}:root .mosaic-days [data-level="4"]{background:#f4deb1;box-shadow:0 0 9px #e1bb6759}:root .mosaic-export-format{max-width:250px;margin:0 20px 20px}:root .mosaic-tracking{color:#dce6ed;cursor:pointer;min-height:44px;font:inherit;background:#0a1420;border:1px solid #a2bcd050;border-radius:999px;padding:12px 18px}:root .mosaic-eyebrow{font-size:12px}:root .play-mosaic header p,:root .mosaic-stats dt,:root .mosaic-details,:root .mosaic-share button{font-size:14px}:root .play-mosaic .mosaic-note,:root .mosaic-details p{line-height:1.65;font-size:14px!important}@media (max-width:400px){:root .mosaic-controls{gap:10px;margin-inline:14px}:root .mosaic-stats dd{font-size:24px}:root .mosaic-stats dt{font-size:12px}:root .mosaic-share button{font-size:13px}:root .mosaic-days{gap:4px}}