html{background:#fff}body{color:#000;background:#fff;min-width:320px;margin:0;font-family:Papyrus,Helvetica,sans-serif}#root{min-height:100svh}h1{margin:0 0 16px;font-size:2rem}p{margin:0 0 12px}@media (width<=640px){h1{font-size:1.6rem}}.page{box-sizing:border-box;width:min(100%,960px);margin:0 auto;padding:48px 24px}.site-nav{justify-content:flex-end;margin-bottom:28px;display:flex}.nav-button{color:#000;background:#fff;border:1px solid #000;padding:8px 14px;text-decoration:none;display:inline-block}.nav-button:hover,.nav-button:focus-visible{color:#fff;background:#000}.intro{grid-template-columns:minmax(0,1fr) minmax(180px,280px);align-items:start;gap:28px;display:grid}.intro-text{min-width:0}.time-image{width:50%;height:auto;display:block}.component-area{margin-top:32px}.join-button{margin:20px auto;display:block}@media (width<=640px){.page{padding:28px 16px}.intro{grid-template-columns:1fr;gap:16px}.time-image{max-width:150px;margin:auto}}.tag-cloud{margin-top:32px}.tag-cloud h2{margin:0 0 12px;font-size:1.25rem}.tag-cloud__list{column-count:3;column-gap:12px;margin-top:20px}.tag-cloud__item{break-inside:avoid;color:#000;width:100%;font:inherit;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #000;margin:0 0 12px;padding:8px}.tag-cloud__item:hover{color:#fff;background:#000}.tag-cloud__title{display:block}.tag-cloud__activity-image{object-fit:cover;border:1px solid;width:100%;max-height:220px;margin-top:12px;display:block}.tag-cloud__status{color:#000;border:1px solid #000;align-items:center;gap:8px;margin-top:12px;padding:8px 10px;font-size:.95rem;line-height:1;display:inline-flex}.tag-cloud__status img{object-fit:contain;width:36px;height:36px}.tag-cloud__item--done .tag-cloud__status{background:#9dff9d}.tag-cloud__item--not-done .tag-cloud__status{background:#ff8f8f}.tag-cloud__item--1{font-size:.85rem}.tag-cloud__item--2{font-size:1rem}.tag-cloud__item--3{font-size:1.15rem}.tag-cloud__item--4{font-size:1.3rem}.tag-cloud__item--5{font-size:1.45rem}@media (width<=760px){.tag-cloud__list{column-count:2}.tag-cloud__item:hover{color:#000;background:#fff}}@media (width<=460px){.tag-cloud__list{column-count:1}.tag-cloud__item:hover{color:#000;background:#fff}}.ocean-progress{--finish-height:clamp(260px, 34vw, 360px);box-sizing:border-box;color:#fff;isolation:isolate;background-image:url(/water.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #000;min-height:1180px;position:relative;overflow:hidden}.ocean-progress:before{content:"";z-index:-1;background:linear-gradient(#fff3,#00000080);position:absolute;inset:0}.water-zone{inset:56px 0 calc(var(--finish-height) + 58px) 0;position:absolute}.depth-scale{border-left:2px solid #fffc;width:110px;position:absolute;inset:0 auto 0 16px}.depth-mark{color:#fff;text-shadow:1px 1px #000;align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex;position:absolute;left:0;transform:translateY(-50%)}.depth-mark:before{content:"";background:#fffc;width:14px;height:2px}.submarine-track{top:var(--progress-depth);align-items:center;gap:14px;transition:top .5s;display:flex;position:absolute;left:58%;transform:translate(-50%,-50%)}.submarine-image{filter:drop-shadow(4px 6px #00000059);width:clamp(210px,42vw,390px);height:auto;display:block}.depth-readout{box-sizing:border-box;text-shadow:1px 1px #000;background:#0009;border:2px solid #ffffffbf;gap:2px;min-width:112px;padding:8px 10px;display:grid}.depth-readout strong{font-size:1.4rem;line-height:1}.depth-readout span{font-size:.8rem;font-weight:700}.finish-line{width:100%;height:var(--finish-height);box-sizing:border-box;background:#fff;border-top:3px solid #000;grid-template-rows:48px minmax(0,1fr) 48px;display:grid;position:absolute;bottom:0;left:0;right:0}.checker-row{background-image:url(/checker.png);background-repeat:repeat;background-size:48px 48px}.job-row{box-sizing:border-box;background:#f4f4f4;justify-content:center;align-items:center;min-height:0;padding:12px 16px;display:flex}.job-image{object-fit:contain;border:2px solid #000;width:auto;max-width:min(100%,420px);height:100%;display:block;box-shadow:0 4px #00000040}@media (width<=640px){.ocean-progress{--finish-height:250px;min-height:980px}.depth-scale{width:88px;left:10px}.depth-mark{font-size:.7rem}.submarine-track{gap:8px;left:62%}.depth-readout{min-width:86px;padding:6px 8px}.finish-line{grid-template-rows:36px minmax(0,1fr) 36px}.checker-row{background-size:36px 36px}.job-row{padding:8px}}.masonry-gallery{margin-top:44px}.masonry-gallery h2{margin:0 0 20px;font-size:1.25rem}.masonry-gallery__grid{column-count:3;column-gap:12px}.masonry-gallery__item{break-inside:avoid;box-sizing:border-box;background:#fff;border:1px solid #000;width:100%;margin:0 0 12px;display:inline-block}.masonry-gallery__item img{width:100%;height:auto;display:block}@media (width<=760px){.masonry-gallery__grid{column-count:2}}@media (width<=460px){.masonry-gallery__grid{column-count:1}}