:root{--ink:#17191b;--muted:#556064;--paper:#fff8df;--milk:#fffdf6;--peach:#ff896f;--lemon:#ffe36a;--mint:#8ed9cf;--sky:#07111f;--line:#17191b29;--shadow:0 18px 50px #17191b2e}body[data-theme=city]{--t-accent:#ff896f;--t-chip:#ffe36ae6}body[data-theme=space]{--t-accent:#6f7dff;--t-chip:#6ff2ffe0}body[data-theme=wonderland]{--t-accent:#c86ad8;--t-chip:#ff8fc7e6}body[data-theme=nature]{--t-accent:#e07038;--t-chip:#ffcf8aeb}body[data-theme=horror]{--t-accent:#8e1f26;--t-chip:#a8e8c8e0}*{box-sizing:border-box}html,body{min-height:100%}html{background:var(--sky)}body{color:var(--ink);background:var(--sky);margin:0;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;line-height:1.5;overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{top:env(safe-area-inset-top,0);z-index:20;padding:16px max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:linear-gradient(#0a101fdb,#0a101f8a);border-bottom:1px solid #ffe36a29;grid-template-columns:minmax(0,max-content) max-content;justify-content:space-between;align-items:center;gap:14px;transition:padding .22s,background .22s,box-shadow .22s;display:grid;position:fixed;left:0;right:0;box-shadow:0 12px 36px #00000047}.site-header.is-compact{background:#0a101fd1;padding-top:8px;padding-bottom:8px;box-shadow:0 8px 28px #0000004d}.brand{min-width:0;color:var(--paper);white-space:nowrap;align-items:center;font-size:clamp(24px,5vw,40px);font-weight:950;line-height:1;transition:font-size .22s;display:inline-flex}.brand:before{content:"";background:url(/assets/brand/w-4900.jpg) 50%/cover no-repeat;border:2px solid #fff8dfdb;border-radius:50%;flex:none;width:clamp(44px,10vw,66px);height:clamp(44px,10vw,66px);margin-right:12px;transition:width .22s,height .22s,margin-right .22s;box-shadow:0 8px 18px #00000057,0 0 22px #ffe36a2e}.site-header.is-compact .brand{font-size:clamp(18px,4.4vw,24px)}.site-header.is-compact .brand:before{width:34px;height:34px;margin-right:9px}.threads-link{color:var(--paper);white-space:nowrap;background:#fff8df1f;border:1px solid #fff8df42;border-radius:999px;justify-self:end;padding:9px 13px 8px;font-size:14px;font-weight:900;line-height:1;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 8px 24px #0000003d}.threads-link:hover,.threads-link:focus-visible{background:var(--lemon);color:var(--ink);outline:none;transform:translateY(-1px);box-shadow:0 10px 28px #17191b1f}main{min-height:100svh}.walk-stage{isolation:isolate;background:radial-gradient(circle at 72% 16%,#ffcc712e,#ffcc7100 21rem),linear-gradient(#050916 0%,#08152a 42%,#1c2637 100%);height:100svh;min-height:620px;position:relative;overflow:hidden}.walk-stage:before{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#fff8df0d,#0000 30%,#ffc26014),repeating-linear-gradient(0deg,#fff8df05 0 1px,#0000 1px 9px);position:absolute;inset:0}#walk-canvas{z-index:0;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.walk-hud{left:max(22px, env(safe-area-inset-left));top:calc(env(safe-area-inset-top,0px) + 112px);z-index:2;pointer-events:none;width:min(580px,100% - 44px);transition:opacity .24s,transform .24s;position:absolute}.walk-stage.is-walking .walk-hud{opacity:.42;transform:translateY(-8px)scale(.96)}.walk-stage.is-previewing .walk-hud{opacity:0;transform:translate(-20px)scale(.94)}.eyebrow{color:var(--paper);background:#fff8df21;border:1px solid #fff8df3d;border-radius:999px;margin:0 0 14px;padding:6px 10px 5px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:0 10px 24px #0000002e}.walk-title{color:var(--paper);letter-spacing:0;text-shadow:3px 3px 0 var(--ink), 7px 7px 0 var(--t-accent,var(--peach)), 0 0 34px #ffe36a3d, 12px 12px 28px #00000075;margin:0;font-size:clamp(64px,12vw,148px);font-weight:950;line-height:.82;transition:text-shadow .6s}.walk-zone-label{background:var(--t-chip,#ffe36ae6);border:2px solid #17191be6;border-radius:10px;max-width:min(520px,100%);margin:24px 0 0;padding:8px 12px;font-size:clamp(17px,2.2vw,26px);font-weight:950;line-height:1.18;transition:background .6s;display:inline-flex;box-shadow:4px 4px #17191bd1}.walk-joystick{z-index:3;pointer-events:none;opacity:0;transform-origin:50%;--joy-x:0px;--joy-y:0px;width:128px;height:128px;transition:opacity .12s,transform .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.84)}.walk-joystick.is-active{opacity:1;transform:translate(-50%,-50%)scale(1)}.walk-joystick-ring{-webkit-backdrop-filter:blur(16px)saturate(1.18);backdrop-filter:blur(16px)saturate(1.18);background:radial-gradient(circle,#fff8df1f,#fff8df08 47%,#0000 48%),#0a101f61;border:2px solid #fff8df70;border-radius:999px;position:absolute;inset:0;box-shadow:0 22px 52px #0000006b,inset 0 0 34px #ffe36a1a,inset 0 1px #fff8df47}.walk-joystick-thumb{width:54px;height:54px;transform:translate(calc(-50% + var(--joy-x)), calc(-50% + var(--joy-y)));background:radial-gradient(circle at 35% 25%,#ffffffe6,#ffe36ad1 36%,#ff896feb 100%);border:2px solid #17191bd1;border-radius:999px;position:absolute;top:50%;left:50%;box-shadow:0 12px 26px #0000006b,0 0 26px #ffcd6457,inset 0 2px #ffffff5c}.focus-caption{left:max(22px, env(safe-area-inset-left));bottom:max(22px, calc(env(safe-area-inset-bottom) + 18px));z-index:4;-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);opacity:0;background:#080c18a8;border:1px solid #fff8df3d;border-radius:16px;align-items:center;gap:14px;max-width:min(560px,100% - 44px);padding:12px 14px;transition:opacity .22s,transform .22s;display:flex;position:absolute;transform:translateY(10px);box-shadow:0 18px 44px #0006}.focus-caption.is-active{opacity:1;transform:translateY(0)}.focus-caption-body{gap:2px;min-width:0;display:grid}.focus-caption-title{color:var(--paper);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(16px,2.4vw,22px);font-weight:950;line-height:1.2;overflow:hidden}.focus-caption-meta{color:#fff8df9e;margin:0;font-size:12px;font-weight:900}.focus-caption-link{min-height:34px;color:var(--ink);background:var(--t-chip,var(--lemon));white-space:nowrap;border:2px solid #17191be6;border-radius:999px;flex:none;align-items:center;padding:0 12px;font-size:13px;font-weight:950;display:inline-flex;box-shadow:3px 3px #0000004d}.focus-caption-close{width:34px;height:34px;color:var(--paper);font:inherit;cursor:pointer;background:#fff8df1f;border:1px solid #fff8df52;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:21px;font-weight:950;line-height:1;transition:background .16s;display:inline-flex}.focus-caption-close:hover,.focus-caption-close:focus-visible{background:#ff896fd9;outline:none}@media (width<=700px){.site-header{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left));gap:8px}.brand{text-overflow:ellipsis;max-width:calc(100vw - 112px);overflow:hidden}.brand:before{margin-right:9px}.threads-link{padding:8px 10px 7px;font-size:13px}.walk-stage{min-height:100svh}.walk-hud{top:calc(env(safe-area-inset-top,0px) + 94px);width:min(430px,100% - 30px)}.walk-title{font-size:clamp(54px,17vw,82px)}.walk-zone-label{margin-top:18px}.walk-joystick{width:118px;height:118px}.focus-caption{left:max(14px, env(safe-area-inset-left));right:max(14px, env(safe-area-inset-right));bottom:max(16px, calc(env(safe-area-inset-bottom) + 12px));gap:10px;max-width:none;padding:10px 12px}}