.window-dock{z-index:9999;transform:translateX(var(--dock-shift,0px));will-change:transform;transition:transform .5s;position:fixed;left:auto;right:16px}.window-dock-container{background-color:var(--background);border:2px solid var(--color-border);border-radius:.5rem;align-items:center;gap:.25rem;width:fit-content;max-width:min(1000px,100vw - 32px);padding:.375rem;transition:gap .5s;display:flex;overflow:hidden;box-shadow:4px 4px #000}.window-dock-container--collapsed{gap:.125rem}.window-dock-start{font-family:var(--font-mono);background-color:var(--color-celadon-500);border:2px solid var(--color-border);border-radius:var(--radius-base);white-space:nowrap;align-items:center;gap:.375rem;height:2.25rem;padding:0 .75rem;font-size:.75rem;display:flex}.window-dock-toggle{cursor:pointer;color:var(--color-main-foreground);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:opacity .2s;display:flex}.window-dock-toggle:hover{opacity:.7}.window-dock-toggle-icon{flex-shrink:0;width:1rem;height:1rem}.window-dock-divider{background-color:#0000004d;flex-shrink:0;width:1px;height:1.75rem;margin:0 .25rem;transition:width .5s,margin .5s,opacity .5s}.dark .window-dock-divider{background-color:#ffffff4d}.window-dock-container--collapsed .window-dock-divider{opacity:0;width:0;margin:0}.window-dock-clock{font-family:var(--font-mono);border:2px solid var(--color-border);border-radius:var(--radius-base);white-space:nowrap;background-color:#fff;justify-content:center;align-items:center;gap:.5rem;min-width:70px;height:2.25rem;padding:0 .3rem;display:flex}.window-dock-clock__period{color:var(--color-foreground);font-size:.75rem;font-weight:400}.window-dock-clock__time{align-items:baseline;font-size:clamp(.65rem,3.2vw,.875rem);display:inline-flex}.window-dock-clock__colon{text-align:center;width:.6ch;animation:1s step-end infinite dockClockBlink;display:inline-block}@keyframes dockClockBlink{50%{opacity:0}}.dark .window-dock-clock{background-color:var(--color-zinc-700)}.window-dock-buttons-clip{width:var(--buttons-w,0px);clip-path:inset(0);opacity:1;will-change:width,clip-path;min-width:0;transition:width .5s,clip-path .5s,opacity .5s;overflow:hidden}.window-dock-container--collapsed .window-dock-buttons-clip{clip-path:inset(0 0 0 100%);opacity:0;pointer-events:none;width:0}.window-dock-buttons{justify-content:center;gap:.25rem;width:max-content;min-width:0;display:flex}.window-dock-button{font-family:var(--font-mono);align-items:center;gap:.375rem;padding:0 .5rem;font-size:.75rem;display:flex}.window-dock-button--sejong{background-color:var(--color-yellow-500)}.window-dock-button--sejong:hover{background-color:var(--color-yellow-700)}.window-dock-button--search{background-color:var(--color-celadon-500)}.window-dock-button--search:hover{background-color:var(--color-celadon-700)}.window-dock-button--fish{background-color:var(--color-green-500)}.window-dock-button--fish:hover{background-color:var(--color-green-700)}.window-dock-button--mission{background-color:var(--color-green-500)}.window-dock-button--mission:hover{background-color:var(--color-green-700)}.window-dock-button--install{background-color:var(--color-celadon-500)}.window-dock-button--install:hover{background-color:var(--color-celadon-700)}.window-dock-button--join{background-color:var(--color-red-500)}.window-dock-button--join:hover{background-color:var(--color-red-700)}.window-dock-button--newsletters{background-color:var(--color-celadon-500)}.window-dock-button--newsletters:hover{background-color:var(--color-celadon-700)}@media (max-width:640px){.window-dock{width:auto;position:fixed;left:1%;right:1%;transform:none}.window-dock-container{justify-content:flex-end;width:100%;max-width:100%;margin-left:0;margin-right:0}.window-dock-container--collapsed,.window-dock-container--compact{width:fit-content;max-width:98vw;margin-left:auto;margin-right:0}.window-dock-start{flex-shrink:1;justify-content:center;gap:clamp(.1rem,1vw,.25rem);min-width:0;height:auto;min-height:2rem;padding:0 clamp(.25rem,1vw,.375rem);font-size:clamp(.625rem,2vw,.75rem)}.window-dock-start svg{flex-shrink:0;width:10px;height:auto}.window-dock-start img{width:clamp(14px,6vw,22px);height:clamp(14px,6vw,22px)}.window-dock-divider{height:1.5rem;margin:0 .125rem}.window-dock-buttons-clip{width:calc(var(--buttons-w,0px)*.75);transition:width .5s;overflow:hidden;max-width:80%!important}.window-dock-buttons{justify-content:center;gap:.125rem;width:auto;min-width:0;max-width:100%}.window-dock-button{justify-content:center;gap:0;min-width:0;padding:clamp(.2rem,1vw,.6rem);font-size:clamp(.625rem,2vw,.75rem)}.window-dock-button img{width:97%;height:auto}.window-dock-button span{display:none}.window-dock-clock{flex-shrink:1;min-width:0;height:auto;min-height:2rem;padding:0 clamp(.1rem,1vw,.375rem)}.window-dock-container--collapsed .window-dock-buttons{width:max-content}.window-dock-clock{font-family:var(--font-mono);border:2px solid var(--color-border);border-radius:var(--radius-base);white-space:nowrap;justify-content:center;align-items:center;gap:.25rem;height:auto;padding:0 .3rem;display:flex}.window-dock-clock__period{color:var(--color-foreground);font-size:.6rem;font-weight:300}.window-dock-clock__time{justify-content:center;align-items:center;font-size:clamp(.65rem,3.2vw,.875rem);display:flex}}
@media (max-width:640px){.page-spacer{height:100vh}}@media (min-width:641px) and (max-width:1024px){.page-spacer{height:65vh}}@media (min-width:1025px){.page-spacer{height:50vh}}