:root{font-family:"Gowun Dodum",sans-serif;color:#46574d;background:#f7f5ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#46574d;--soft-ink:#778477;--paper:#fffdf5;--line:#e6e4d6;--rose:#e79c87}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% 5%,#fffef9 0,#f7f5ec 65%)}button,a{-webkit-tap-highlight-color:transparent}.site-shell{width:min(1240px,100% - 56px);margin:auto}.skip-link{position:absolute;left:12px;top:-60px;padding:10px 14px;border-radius:10px;background:#fff;z-index:100}.skip-link:focus{top:10px}.site-header{height:79px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:23px Jua,sans-serif;letter-spacing:-.3px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:13px;background:#f4dfb7;color:#df927b;font-size:23px}.header-note{display:flex;align-items:center;gap:8px;color:#8c9988;font-size:12px}.online-dot{width:7px;height:7px;border-radius:50%;background:#94bb93;box-shadow:0 0 0 4px #94bb9320}.collection-panel{position:relative;z-index:4;display:flex;align-items:center;gap:18px;min-height:62px;padding:8px 17px;border:1px solid var(--line);border-radius:17px;background:#fffdf6d9;box-shadow:0 4px 14px #645c3710}.collection-heading{display:flex;align-items:center;gap:8px;flex:none;color:#748173;font-size:12px}.collection-icon{font-size:18px;color:#dc9a83}.collection-heading strong{margin-left:2px;color:#a1a995;font:12px Jua,sans-serif}.collection-list{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.collection-empty{font-size:11px;color:#b1b5a8}.collection-chip{height:35px;display:inline-flex;align-items:center;gap:7px;padding:0 11px 0 7px;border:1px solid #ece9db;border-radius:12px;background:#fffef9;text-decoration:none;color:#596754;font:12px Jua,sans-serif;transition:transform .18s,box-shadow .18s}.collection-chip:hover{transform:translateY(-2px);box-shadow:0 5px 12px #596a4720}.mini-avatar{position:relative;width:21px;height:23px;display:block}.mini-avatar:before{content:"";position:absolute;top:1px;left:5px;width:12px;height:10px;border-radius:4px 4px 3px 3px;background:var(--char,#e99b84)}.mini-avatar i{position:absolute;left:3px;bottom:1px;width:16px;height:11px;border:2px solid #536453;border-radius:3px;background:var(--char,#e99b84)}.mini-avatar i:after{content:"";position:absolute;left:3px;top:2px;width:2px;height:2px;background:#fff}.word-brave{--char:#e9957e}.word-ease{--char:#8cc6b3}.word-focus{--char:#e9c467}.word-hope{--char:#9bb8df}.word-growth{--char:#97bc7d}.word-joy{--char:#cf9cc7}.world{position:relative;isolation:isolate;height:670px;margin-top:16px;overflow:hidden;border:1px solid #e8e4d1;border-radius:28px;background:linear-gradient(180deg,#d8edf0 0%,#edf2df 62%,#e5efd3 100%);box-shadow:0 12px 38px #837f4a12}.world:after{content:"";position:absolute;inset:0;z-index:-4;pointer-events:none;background-image:radial-gradient(#82997c22 .7px,transparent .7px);background-size:8px 8px;opacity:.32}.world-sky{position:absolute;inset:0;z-index:-3;overflow:hidden}.sun-pixel{position:absolute;top:88px;right:17%;width:62px;height:62px;background:#ffe8a8;box-shadow:0 0 0 9px #ffefbe55,0 0 0 18px #ffefbe22;image-rendering:pixelated}.cloud-pixel{position:absolute;width:104px;height:28px;animation:cloud-drift 38s linear infinite}.cloud-pixel i{position:absolute;bottom:0;height:17px;background:#fffdf3}.cloud-pixel i:nth-child(1){left:0;width:39px}.cloud-pixel i:nth-child(2){left:29px;bottom:5px;width:43px;height:23px}.cloud-pixel i:nth-child(3){right:0;width:38px}.cloud-a{top:103px;left:8%}.cloud-b{top:188px;right:6%;transform:scale(.75);animation-duration:50s;animation-direction:reverse}@keyframes cloud-drift{50%{translate:34px 0}}.sparkle{position:absolute;color:#d2b66d;animation:twinkle 2.4s ease-in-out infinite}.sparkle-a{top:169px;left:29%}.sparkle-b{top:98px;left:57%;animation-delay:.8s}.sparkle-c{top:223px;right:27%;animation-delay:1.3s}@keyframes twinkle{50%{opacity:.38;transform:scale(.75) rotate(18deg)}}.world-hill{position:absolute;z-index:-2;left:-7%;width:114%;border-radius:50% 50% 0 0}.hill-far{height:276px;bottom:75px;background:#c9debb;transform:rotate(-2deg)}.hill-near{height:207px;bottom:-65px;background:#a7ca98;transform:rotate(1deg)}.world-intro{position:absolute;z-index:1;top:39px;left:0;right:0;text-align:center;pointer-events:none}.kicker{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 10px;color:#879b86;font:12px Jua,sans-serif;letter-spacing:.1em}.kicker-line{width:23px;height:1px;background:#c3cfb5}.world-intro h1{margin:0;color:#4c6656;font:clamp(28px,4vw,39px) Jua,sans-serif;letter-spacing:.01em}.world-intro>p:last-child{margin:10px 0 0;color:#758b78;font-size:13px;line-height:1.85}.wanderer{--x:50%;--y:50%;position:absolute;z-index:3;top:var(--y);left:var(--x);width:110px;min-height:150px;display:flex;flex-direction:column;align-items:center;text-decoration:none;transform:translate(-50%,-50%);animation:amble 5.4s ease-in-out var(--delay,0s) infinite}.wanderer:hover,.wanderer:focus-visible{z-index:8;animation-play-state:paused}.wanderer:focus-visible{outline:2px solid #547e65;outline-offset:4px;border-radius:18px}.sprite{position:relative;width:76px;height:96px;display:block;filter:drop-shadow(0 7px 3px #526e4730);transition:transform .2s}.wanderer:hover .sprite,.wanderer:focus-visible .sprite{transform:translateY(-9px) scale(1.07)}.sprite-head{position:absolute;top:8px;left:18px;width:42px;height:36px;border:3px solid #566652;border-radius:12px 12px 9px 9px;background:#ffe5c4;z-index:2;image-rendering:pixelated}.ear{position:absolute;top:4px;width:13px;height:14px;border:3px solid #566652;background:var(--char);z-index:1;clip-path:polygon(0 30%,70% 0,100% 100%,0 100%)}.ear-left{left:14px;rotate:-17deg}.ear-right{right:13px;scale:-1 1;rotate:-17deg}.eye{position:absolute;top:12px;width:4px;height:6px;background:#405447}.eye-left{left:8px}.eye-right{right:8px}.cheek{position:absolute;top:20px;width:7px;height:3px;background:#e99482;opacity:.78}.cheek-left{left:3px}.cheek-right{right:3px}.sprite-head b{position:absolute;bottom:0;left:14px;color:#536b55;font:bold 9px Jua,sans-serif}.sprite-body{position:absolute;top:42px;left:15px;width:47px;height:43px;border:3px solid #566652;border-radius:4px 4px 8px 8px;background:var(--char);display:grid;place-items:center;z-index:2;box-shadow:inset 0 -6px #0000000b}.sprite-body span{color:#fffdf3;font:15px Jua,sans-serif;text-shadow:0 1px #596653;letter-spacing:.02em}.leg{position:absolute;top:79px;width:13px;height:13px;background:#566652;z-index:1}.leg:after{content:"";position:absolute;left:2px;top:2px;width:9px;height:8px;background:var(--char)}.leg-left{left:23px}.leg-right{right:22px}.character-caption{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:85px;margin-top:0;padding:4px 10px 5px;border:1px solid #c6d2b7;border-radius:10px;background:#fbf8e8e8;color:#627362;box-shadow:0 3px 8px #50654216;transition:transform .2s,background .2s}.character-caption>b{font:14px Jua,sans-serif}.character-caption small{font-size:9px;color:#8d9b84}.character-caption small span{color:#e3947d}.wanderer:hover .character-caption,.wanderer:focus-visible .character-caption{transform:translateY(2px);background:#fffdf5}.word-brave .sprite-head{background:#ffe4d0}.word-ease .sprite-head{background:#d5f0df}.word-focus .sprite-head{background:#fff0bd}.word-hope .sprite-head{background:#dce6ff}.word-growth .sprite-head{background:#e0eed0}.word-joy .sprite-head{background:#f5dff0}@keyframes amble{0%,100%{translate:-4px 0}30%{translate:7px -7px}68%{translate:-5px 3px}}.word-brave{--char:#e9957e}.word-ease{--char:#8cc6b3}.word-focus{--char:#e9c467}.word-hope{--char:#9bb8df}.word-growth{--char:#97bc7d}.word-joy{--char:#cf9cc7}.word-brave.wanderer{--delay:-1s}.word-ease.wanderer{--delay:-3s}.word-focus.wanderer{--delay:-2s}.word-hope.wanderer{--delay:-4s}.word-growth.wanderer{--delay:-2.6s}.word-joy.wanderer{--delay:-5s}.word-brave.wanderer{--x:13%;--y:52%}.word-ease.wanderer{--x:31%;--y:66%}.word-focus.wanderer{--x:49%;--y:50%}.word-hope.wanderer{--x:67%;--y:65%}.word-growth.wanderer{--x:83%;--y:52%}.word-joy.wanderer{--x:92%;--y:74%}.garden-gate{position:absolute;right:5%;bottom:44px;width:68px;height:126px;border:7px solid #997e5d;border-bottom:0;border-radius:40px 40px 0 0;opacity:.74}.garden-gate:before,.garden-gate:after{content:"";position:absolute;bottom:0;width:8px;height:77px;background:#997e5d}.garden-gate:before{left:10px}.garden-gate:after{right:10px}.garden-gate span{position:absolute;top:16px;left:25px;width:7px;height:7px;border-radius:50%;background:#d9bb7f;box-shadow:0 29px #d9bb7f,0 58px #d9bb7f}.garden-gate i{position:absolute;top:-9px;left:12px;width:30px;height:12px;background:#c88773;clip-path:polygon(0 100%,50% 0,100% 100%)}.garden-bloom{position:absolute;z-index:2;bottom:87px;color:#f2c4a8;font-size:20px;text-shadow:0 11px #678e5d}.bloom-a{left:7%}.bloom-b{left:25%;bottom:54px;color:#faf0c0}.bloom-c{right:18%;bottom:72px;color:#f0b3a9}.ground-grass{position:absolute;z-index:2;bottom:0;left:0;right:0;height:47px;background:#83b474;clip-path:polygon(0 25%,3% 25%,3% 9%,7% 9%,7% 24%,12% 24%,12% 4%,17% 4%,17% 18%,25% 18%,25% 7%,31% 7%,31% 24%,38% 24%,38% 0,43% 0,43% 18%,52% 18%,52% 4%,58% 4%,58% 22%,69% 22%,69% 8%,73% 8%,73% 22%,82% 22%,82% 5%,88% 5%,88% 18%,94% 18%,94% 0,97% 0,97% 18%,100% 18%,100% 100%,0 100%)}.grass{position:absolute;bottom:13px;width:6px;height:15px;background:#658e5c}.grass:after{content:"";position:absolute;left:6px;top:5px;width:6px;height:10px;background:#658e5c}.grass-one{left:15%}.grass-two{left:42%;bottom:19px}.grass-three{left:60%}.grass-four{right:12%;bottom:18px}.grass-five{right:32%}.stone{position:absolute;bottom:29px;width:24px;height:10px;background:#c7c8ac;clip-path:polygon(15% 0,85% 0,100% 100%,0 100%)}.stone-one{left:38%}.stone-two{right:8%;bottom:22px}.world-sign{position:absolute;z-index:4;left:22px;bottom:20px;display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #759b6c;border-radius:8px;background:#f7f0d9;color:#75896a;font:11px Jua,sans-serif;box-shadow:3px 3px #68895f}.world-sign i{font-style:normal;color:#df987d}.site-footer{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#96a08f;font-size:11px}.site-footer b{color:#dda18b}.site-footer span:last-child{font-size:10px}.word-world{min-height:650px;display:grid;place-items:center}.word-world .world-intro{top:33px}.word-world .word-stage-card{position:relative;z-index:4;width:min(440px,calc(100% - 36px));margin:77px 0 20px;padding:31px 28px 27px;border:1px solid #fdfdf2;border-radius:23px;background:#fffdf0e8;text-align:center;box-shadow:0 13px 32px #72835a22;backdrop-filter:blur(5px)}.word-portrait{position:relative;width:108px;height:138px;margin:0 auto 12px;display:grid;place-items:center;animation:portrait-float 3.6s ease-in-out infinite}.word-portrait .sprite{transform:scale(1.25);transform-origin:center}.word-portrait .sprite-body{color:#fff}.word-world h1{margin:0;color:#4c6656;font:43px Jua,sans-serif}.word-world .word-line{margin:8px 0 0;color:#84927b;font-size:14px}.word-world .word-note{margin:22px 0 0;padding:15px;border-radius:13px;background:#f4f2e3;color:#73836e;font-size:13px}.word-world .word-note:before{content:"오늘의 한마디";display:block;margin-bottom:6px;color:#b59b69;font:11px Jua,sans-serif}.word-actions{display:flex;justify-content:center;gap:9px;margin-top:20px}.home-button,.collect-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 17px;border:1px solid #d7ddc9;border-radius:12px;background:#fffdf7;color:#64775e;text-decoration:none;font:14px Jua,sans-serif;cursor:pointer;transition:transform .16s,box-shadow .16s}.home-button:hover,.collect-button:hover{transform:translateY(-2px);box-shadow:0 5px 13px #63775c24}.collect-button{border-color:#e3b39f;background:#e79a82;color:white}.collect-button[aria-pressed=true]{border-color:#c7d6b9;background:#e7efdc;color:#688063}.word-world .world-sign{left:22px}.word-page-sprite{--char:#e9957e}.word-page-sprite.word-ease{--char:#8cc6b3}.word-page-sprite.word-focus{--char:#e9c467}.word-page-sprite.word-hope{--char:#9bb8df}.word-page-sprite.word-growth{--char:#97bc7d}.word-page-sprite.word-joy{--char:#cf9cc7}@keyframes portrait-float{50%{translate:0 -7px}}
@media(max-width:720px){.site-shell{width:min(100% - 28px,600px)}.site-header{height:67px}.brand{font-size:20px}.header-note{font-size:10px}.collection-panel{align-items:flex-start;flex-direction:column;gap:7px;padding:11px 13px}.collection-list{width:100%;min-height:25px}.collection-empty{font-size:10px}.world{height:710px;margin-top:12px;border-radius:23px}.world-intro{top:31px;padding:0 10px}.world-intro h1{font-size:29px}.world-intro>p:last-child{font-size:11px;line-height:1.7}.desktop-break{display:none}.sun-pixel{top:142px;right:12%;width:47px;height:47px}.cloud-a{top:151px;left:3%;scale:.76}.cloud-b{top:236px;right:0;scale:.62}.hill-far{height:300px;bottom:56px}.hill-near{height:206px;bottom:-70px}.wanderer{width:89px;min-height:128px}.sprite{transform:scale(.82);transform-origin:center top;height:80px}.wanderer:hover .sprite,.wanderer:focus-visible .sprite{transform:scale(.88) translateY(-6px)}.character-caption{margin-top:-7px;min-width:74px;padding:3px 7px}.character-caption>b{font-size:12px}.character-caption small{font-size:8px}.word-brave.wanderer{--x:19%;--y:43%}.word-ease.wanderer{--x:52%;--y:42%}.word-focus.wanderer{--x:82%;--y:44%}.word-hope.wanderer{--x:20%;--y:67%}.word-growth.wanderer{--x:51%;--y:68%}.word-joy.wanderer{--x:82%;--y:68%}.garden-gate{right:0;bottom:38px;transform:scale(.76);transform-origin:bottom right}.garden-bloom{bottom:75px;font-size:16px}.bloom-b{bottom:49px}.world-sign{left:12px;bottom:13px;padding:7px 9px;font-size:9px}.site-footer{align-items:flex-start;flex-direction:column;justify-content:center;padding:13px 3px;gap:5px}.site-footer span:last-child{font-size:9px}.word-world{min-height:680px}.word-world .world-intro{top:30px}.word-world .word-stage-card{margin:77px 0 40px;padding:24px 18px 21px}.word-world h1{font-size:38px}.word-world .word-line{font-size:12px}.word-world .word-note{font-size:12px}.word-actions{gap:7px}.home-button,.collect-button{padding:0 12px;font-size:12px}.word-world .world-sign{left:12px}}
@media(max-width:375px){.site-shell{width:calc(100% - 20px)}.world-intro h1{font-size:26px}.wanderer{width:78px}.character-caption{min-width:67px}.character-caption small{font-size:7px}.word-brave.wanderer{--x:17%}.word-focus.wanderer{--x:83%}.word-hope.wanderer{--x:17%}.word-joy.wanderer{--x:83%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
button:focus-visible,a:focus-visible{outline:3px solid #628a70;outline-offset:3px}

/* Sparse world mode: characters roam freely, with their words kept on their bodies. */
.site-header{justify-content:flex-start}
.brand{min-width:38px}
.collection-panel{width:max-content;max-width:100%;min-height:0;margin:0 0 5px;padding:0 9px;border:0;border-radius:0;background:transparent;box-shadow:none}
.collection-panel[hidden]{display:none}
.collection-list{gap:2px;flex-wrap:nowrap}
.collection-chip{width:42px;height:48px;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.collection-chip:hover{transform:translateY(-3px);box-shadow:none}
.mini-avatar{width:38px;height:45px}
.mini-avatar:before{top:1px;left:9px;width:20px;height:17px;border:2px solid #536453;border-radius:6px 6px 4px 4px}
.mini-avatar i{left:5px;bottom:1px;width:29px;height:26px;border:2px solid #536453;border-radius:3px;background:var(--char,#e99b84);display:grid;place-items:center}
.mini-avatar i:after{display:none}
.mini-avatar i b{color:#fffdf3;font:8px Jua,sans-serif;text-shadow:0 1px #596653}
.wanderer{width:78px;min-height:100px;transition:left var(--travel-time,2700ms) linear,top var(--travel-time,2700ms) linear;animation:wander-bob 2.7s ease-in-out infinite}
.wanderer:hover,.wanderer:focus-visible{animation-play-state:paused}
.wanderer .sprite{transition:transform .16s}
.character-caption{display:none!important}
@keyframes wander-bob{0%,100%{translate:0 0}50%{translate:0 -7px}}
@media(max-width:720px){.collection-panel{padding:0 6px;margin-bottom:3px}.wanderer{width:72px;min-height:96px}}

/* Six visual directions for the word characters. */
.wanderer{width:180px;min-height:190px}
.wanderer .art-character{position:relative;width:164px;height:178px;display:grid;place-items:center;filter:drop-shadow(0 7px 5px #526e4728);transition:transform .18s ease}
.wanderer .character-art{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.wanderer .sprite-word{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);padding:3px 10px 4px;border:1px solid #ffffffbd;border-radius:8px;background:#fffdf0e8;color:#40594a;font:20px Jua,sans-serif;letter-spacing:.02em;white-space:nowrap;box-shadow:0 2px 5px #48584320}
.wanderer:hover .art-character,.wanderer:focus-visible .art-character{transform:translateY(-7px) scale(1.05)}
.mini-avatar{width:38px;height:45px;display:grid;place-items:center}
.mini-avatar:before,.mini-avatar i{display:none}
.mini-avatar img{width:36px;height:38px;object-fit:contain}
.mini-avatar b{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);padding:1px 4px;border-radius:4px;background:#fffdf0e8;color:#40594a;font:8px Jua,sans-serif;white-space:nowrap}
.word-portrait{width:188px;height:205px;margin-bottom:10px}
.word-portrait .art-character{position:relative;width:188px;height:205px;display:grid;place-items:center;filter:drop-shadow(0 9px 6px #526e4728)}
.word-portrait .character-art{display:block;width:100%;height:100%;object-fit:contain}
.word-portrait .sprite-word{position:absolute;top:51%;left:50%;transform:translate(-50%,-50%);padding:4px 12px;border:1px solid #ffffffbd;border-radius:9px;background:#fffdf0e8;color:#40594a;font:21px Jua,sans-serif;white-space:nowrap}
@media(max-width:720px){
  .wanderer{width:132px;min-height:150px}
  .wanderer .art-character{width:120px;height:136px}
  .wanderer .sprite-word{font-size:16px;padding:2px 7px 3px;border-radius:7px}
  .word-portrait{width:164px;height:178px}
  .word-portrait .art-character{width:164px;height:178px}
  .word-portrait .sprite-word{font-size:19px}
}
.word-brave.wanderer{--x:12%;--y:47%;--delay:-1s}
.word-ease.wanderer{--x:28%;--y:58%;--delay:-4s}
.word-focus.wanderer{--x:45%;--y:43%;--delay:-2s}
.word-hope.wanderer{--x:62%;--y:57%;--delay:-5s}
.word-growth.wanderer{--x:78%;--y:44%;--delay:-3s}
.word-joy.wanderer{--x:87%;--y:65%;--delay:-6s}
@media(max-width:720px){
  .word-brave.wanderer{--x:19%;--y:43%}
  .word-ease.wanderer{--x:50%;--y:42%}
  .word-focus.wanderer{--x:81%;--y:44%}
  .word-hope.wanderer{--x:19%;--y:67%}
  .word-growth.wanderer{--x:50%;--y:68%}
  .word-joy.wanderer{--x:81%;--y:68%}
}

/* The garden now lets the words wander on their own. */
.wanderer,.wanderer:hover,.wanderer:focus-visible{width:auto;height:auto;min-height:0;display:block;flex:none}
.wanderer .floating-word,.collection-word{display:block;padding:0;border:0;border-radius:0;background:none;color:#fff;font:20px/1.25 Jua,sans-serif;letter-spacing:0;white-space:nowrap;-webkit-text-stroke:1.2px #111;text-shadow:-1px -1px 0 #111,1px -1px 0 #111,-1px 1px 0 #111,1px 1px 0 #111;box-shadow:none}
.wanderer .floating-word{filter:none;transition:transform .16s ease}
.wanderer:hover .floating-word,.wanderer:focus-visible .floating-word{transform:scale(1.08)}
.collection-panel{width:auto;max-width:100%;min-height:0;margin:0 0 5px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.collection-list{gap:12px;flex-wrap:wrap}
.collection-chip{width:auto;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.collection-chip:hover{transform:translateY(-2px);box-shadow:none}
.collection-word{font-size:20px}
@media(max-width:720px){
  .wanderer,.wanderer:hover,.wanderer:focus-visible{width:auto;min-height:0}
  .wanderer .floating-word,.collection-word{font-size:20px}
  .collection-list{gap:8px}
}