.profile{padding-top:calc(var(--u) * 6)}.profile [hidden]{display:none!important}.profile .profile__back{margin:0 0 calc(var(--u) * 4)}.profile .profile__state{align-content:center;justify-items:center;gap:calc(var(--u) * 3);text-align:center;min-height:50vh;display:grid}.profile[data-state=ok] .profile__state{display:none}.profile .profile__status{max-width:32em;color:var(--nes-grey-hi);margin:0}.profile .profile__actions{justify-content:center;gap:calc(var(--u) * 2);flex-wrap:wrap;margin:0;display:flex}.profile .profile__actions:not(:has(:not([hidden]))){display:none}.profile .profile__head{gap:calc(var(--u) * 4);padding-bottom:calc(var(--u) * 4);border-bottom:4px solid var(--nes-gold);display:grid}.profile .profile__who{align-items:center;gap:calc(var(--u) * 3);min-width:0;display:flex}.profile .profile__avatar{image-rendering:auto;width:64px;height:64px;box-shadow:0 0 0 4px var(--nes-black), 0 0 0 8px var(--nes-gold);flex:none;margin:8px}.profile .profile__nick{min-width:0;color:var(--nes-white);overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.5}.profile .profile__fire{gap:var(--u);justify-items:start;display:grid}.profile .profile__pair{align-items:center;gap:calc(var(--u) * 2);display:flex}.profile .profile__label{color:var(--nes-grey-hi);text-transform:uppercase;font:12px/1.5 Pixelify Sans,monospace}.profile .profile__streak{color:var(--nes-gold);font:40px/1.2 Pixelify Sans,monospace}.profile .profile__best{color:var(--nes-grey-hi)}.profile .profile__tier{color:var(--nes-gold);grid-column:1/-1;margin:0;font:12px/1.5 Pixelify Sans,monospace}.profile .profile__caption{color:var(--nes-white);grid-column:1/-1;margin:0}.profile[data-fire-state=out] .profile__streak{color:var(--nes-grey)}.profile .sf{flex:none;display:inline-block;position:relative}.profile .sf:before{content:"";width:calc(32px * var(--sf-scale,1));height:calc(32px * var(--sf-scale,1));left:calc(-1px * var(--sf-x,0) * var(--sf-scale,1));top:calc(-1px * var(--sf-y,0) * var(--sf-scale,1));image-rendering:pixelated;background-repeat:no-repeat;position:absolute}.profile .sf--big{--sf-scale:3}.profile .profile__tabs{gap:calc(var(--u) * 4);margin:calc(var(--u) * 4) 0;display:flex}.profile .profile__tabs [role=tab]{color:var(--nes-grey-hi);padding:var(--u) 0;cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;min-height:40px;font:12px/1.5 Pixelify Sans,monospace}.profile .profile__tabs [role=tab]:hover{color:var(--nes-white)}.profile .profile__tabs [aria-selected=true]{color:var(--nes-gold);border-bottom-color:var(--nes-gold)}.profile .profile__tabs [role=tab]:focus-visible{outline:4px solid var(--nes-cyan);outline-offset:4px}.profile .days{--map-box:160px;align-items:flex-start;gap:calc(var(--u) * 4) calc(var(--u) * 3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile .day{gap:calc(var(--u) / 2);width:max(var(--map-box), 160px);flex-direction:column;display:flex}.profile .day p{margin:0}.profile .day__map{height:var(--map-box);margin-bottom:var(--u);place-items:end start;display:grid;position:relative}.profile .day__board{width:var(--map);height:var(--map);background:var(--nes-black);box-shadow:0 0 0 4px var(--nes-black), 0 0 0 8px var(--nes-gold);margin:8px;display:grid;overflow:hidden}.profile .day--lost .day__board,.profile .day--hidden .day__board{box-shadow:0 0 0 4px var(--nes-black), 0 0 0 8px var(--nes-grey)}.profile .day__canvas,.profile .day__veil{width:100%;height:100%;image-rendering:pixelated;grid-area:1/1}.profile .day__veil{filter:blur(3px)}.profile .day__title{color:var(--nes-gold);font:12px/1.5 Pixelify Sans,monospace}.profile .day__meta{color:var(--nes-grey-hi);font-size:16px}.profile .day__outcome{color:var(--nes-white);font:12px/1.5 Pixelify Sans,monospace}.profile .day--lost .day__outcome{color:var(--nes-grey-hi)}.profile .day__hidden{color:var(--nes-grey-hi);font-size:16px;line-height:1.3}.profile .day--hidden .day__meta,.profile .day--hidden .day__outcome{display:none}.profile .day--gap{width:96px;height:var(--map-box);padding-bottom:calc(var(--u) * 2);justify-content:end}.profile .day__gap{padding-top:var(--u);border-top:4px dotted var(--nes-grey);color:var(--nes-grey-hi);font-size:16px;line-height:1.3;display:block}.profile .day--today{gap:calc(var(--u) * 2)}.profile .day__slot{height:var(--map-box);align-content:center;gap:var(--u);padding:calc(var(--u) * 2);border:4px dashed var(--nes-grey);display:grid}.profile .day__label{color:var(--nes-grey-hi);font-size:16px;line-height:1.3}.profile .day__play{padding:calc(var(--u) * 1.5) calc(var(--u) * 2);align-self:start;font-size:12px}.profile .day:focus-visible{outline:4px solid var(--nes-cyan);outline-offset:4px}.profile .days--wave:not(.is-shown)>.day{opacity:0}.profile .days--wave.is-shown>.day{animation:.24s steps(3,end) both day-in;animation-delay:var(--delay,0s)}.profile .days--wave.is-shown>.day--settled{animation:none}@keyframes day-in{0%{opacity:0;transform:translateY(8px)}}.profile .day__map{transition:transform .12s steps(2,end),box-shadow .12s steps(2,end)}.profile .day:hover .day__map,.profile .day:focus-within .day__map{box-shadow:4px 4px 0 var(--nes-gold);transform:translate(-4px,-4px)}@media (prefers-reduced-motion:reduce){.profile .days--wave>.day{opacity:1!important;animation:none!important}.profile .day__map{transition:none}}.profile .days__none{color:var(--nes-grey-hi)}.profile .days__more{margin:calc(var(--u) * 4) 0 0}.profile .endless{margin-top:calc(var(--u) * 8);padding-top:calc(var(--u) * 4);border-top:4px solid var(--nes-gold)}.profile .endless h2{margin-bottom:calc(var(--u) * 3);font-size:16px}.profile .endless__list{gap:calc(var(--u) * 3);grid-template-columns:repeat(auto-fit,minmax(144px,1fr));margin:0;display:grid}.profile .endless__none{color:var(--nes-grey-hi)}.profile .stat{gap:var(--u);align-content:start;display:grid}.profile .stat dt{color:var(--nes-grey-hi);font-size:16px}.profile .stat dd{color:var(--nes-white);margin:0;font:20px/1.2 Pixelify Sans,monospace}.profile .friends{gap:calc(var(--u) * 2);margin:0;padding:0;list-style:none;display:grid}.profile .friend{gap:var(--u) calc(var(--u) * 2);padding-bottom:calc(var(--u) * 2);border-bottom:2px solid var(--nes-grey);grid-template-columns:32px 32px 1fr auto;align-items:center;display:grid}.profile .friend>.sf{grid-area:1/1}.profile .friend__avatar{image-rendering:auto;grid-area:1/2}.profile .friend__nick{overflow-wrap:anywhere;grid-area:1/3;min-width:0}.profile .friend__streak{color:var(--nes-gold);grid-area:1/4;font-family:Pixelify Sans,monospace}.profile .friend__tier{color:var(--nes-gold);grid-column:3/-1;font-size:16px}.profile .friend__today,.profile .friend__played{color:var(--nes-grey-hi);grid-column:3/-1;font-size:16px}.profile .owner{margin-top:calc(var(--u) * 8);padding-top:calc(var(--u) * 4);border-top:4px solid var(--nes-gold)}.profile .owner__row{gap:calc(var(--u) * 2);flex-wrap:wrap;display:flex}.profile .owner__msg,.profile .confirm__msg{min-height:1.5em;color:var(--nes-cyan)}.profile .confirm{background:var(--nes-black);color:var(--nes-white);border:4px solid var(--nes-gold);max-width:min(560px,100vw - 32px);padding:calc(var(--u) * 3)}.profile .confirm::backdrop{background:#000c}.profile .confirm__row{gap:calc(var(--u) * 2);flex-wrap:wrap;display:flex}@media (width>=720px){.profile{padding-top:calc(var(--u) * 8)}.profile .profile__head{grid-template-columns:minmax(0,1fr) auto;align-items:center}.profile .profile__avatar{width:96px;height:96px}.profile .profile__nick{font-size:24px}.profile .profile__fire{max-width:480px}.profile .sf--big{--sf-scale:4}.profile .profile__streak{font-size:56px}.profile .endless h2{font-size:24px}}