:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--story-ink:#303d30;--story-green:#304d3b;--story-paper:#fbf5e5;--story-body:"Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--story-title:"Gowun Batang", Batang, "Noto Serif KR", Georgia, serif;--story-hand:"Gaegu", "Pretendard", sans-serif;--story-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2353422a' opacity='.095' filter='url(%23f)' d='M0 0h170v170H0z'/%3E%3C/svg%3E")}*{box-sizing:border-box}html{min-width:280px}body{color:var(--story-ink);font-family:var(--story-body);background:#f5efe2;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline-offset:4px;outline:3px solid #a7512d}.hh-lobby{background-color:#f2eddd;background-image:var(--story-grain),repeating-linear-gradient(0deg, transparent 0 3px, #72543407 3px 4px),repeating-linear-gradient(90deg, transparent 0 4px, #72543405 4px 5px);min-height:100svh}.hh-width{width:calc(100% - clamp(40px,9.2vw,146px));max-width:1240px;margin-inline:auto}.hh-skip{z-index:20;color:#fff;background:#283d2e;padding:8px 14px;position:fixed;top:-100px;left:1rem}.hh-skip:focus{top:12px}.hh-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hh-top{color:#f7eed7;background-color:#334b38;background-image:var(--story-grain),repeating-linear-gradient(100deg, #f5efcf06 0px 1px, transparent 1px 4px),repeating-linear-gradient(0deg, #1d281d11 0px 1px, transparent 1px 3px);border-bottom:4px solid #233e2c;position:relative}.hh-top:after{content:"";opacity:.56;background:repeating-linear-gradient(90deg,#cabf99 0 4px,#0000 4px 8px);height:1px;position:absolute;bottom:3px;left:0;right:0}.hh-top-in{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.hh-brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.hh-brand .hh-wordmark{width:106px;height:38px}.hh-top-actions{align-items:center;gap:22px;display:flex}.hh-top button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;min-height:44px;font-size:15px;font-weight:600;display:inline-flex}.hh-top button:hover{color:#ffd99a}.hh-top button:focus-visible{outline-color:#f9ce83}.hh-header-guide{gap:7px;padding:4px 0}.hh-head-divider{background:#e1d4ac54;width:1px;height:22px;transform:rotate(4deg)}.hh-header-profile{gap:9px;max-width:210px;padding:4px 0}.hh-header-profile span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hh-header-profile img{object-fit:cover;background:#f1dfbb;border:1.5px solid #dfcda0;border-radius:48% 52% 47% 50%;flex-shrink:0;width:32px;height:32px}.hh-header-profile svg{color:#e4d7b2;flex-shrink:0}.hh-main{padding-top:clamp(31px,3.8vw,58px)}.hh-cover{isolation:isolate;background:#526148;border:1px solid #42523c;border-radius:7px 13px 12px 8px/9px 10px 13px 8px;padding:0 6px 6px 0;position:relative;box-shadow:1px 4px #a99a78,2px 9px 17px #685b3b23}.hh-cover:before{content:"";z-index:-1;border-radius:inherit;background:repeating-linear-gradient(0deg,#c5b99a 0 1px,#ebe2c9 1px 3px);position:absolute;inset:2px 3px 3px 0;transform:rotate(.16deg)}.hh-ribbon{z-index:2;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);background:repeating-linear-gradient(90deg,#0000 0 2px,#7c2c263d 2px 3px),#b85c42;width:21px;height:25px;position:absolute;bottom:-19px;left:8.3%;transform:rotate(3deg)}.hh-cover-inner{isolation:isolate;background-color:#faf3dd;background-image:var(--story-grain);border-radius:5px 10px 9px 5px/7px 10px 9px 6px;grid-template-columns:46% 54%;min-height:320px;display:grid;position:relative;overflow:hidden}.hh-cover-inner:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(90deg,#0000 0%,#957e4a0c 20%,#75603718 37%,#896f3f2e 46%,#92794444 48%,#846b3f3a 50%,#e9dfbe30 54%,#9d824815 72%,#0000 100%);width:44px;position:absolute;inset:0 auto 0 46%;transform:translate(-50%)}.hh-intro{z-index:1;background-image:linear-gradient(100deg,#f9f0d90d 50%,#a5976e12);flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(28px,3.5vw,54px) clamp(24px,4.2vw,68px);display:flex;position:relative}.hh-intro:before{content:"";z-index:-1;opacity:.35;background-image:radial-gradient(#8c82583d .6px,#0000 .7px);background-size:10px 10px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(75deg,#000 0%,#0000 65%);mask-image:linear-gradient(75deg,#000 0%,#0000 65%)}.hh-genre{font-family:var(--story-hand);color:#885035;margin:0 0 clamp(8px,1.15vw,19px) 2px;padding:3px 6px 3px 0;font-size:23px;font-weight:700;line-height:1;transform:rotate(-3deg)}.hh-intro h1{color:#304534;isolation:isolate;width:100%;max-width:399px;margin:0 0 clamp(16px,2vw,30px);line-height:0;position:relative}.hh-intro h1 .hh-wordmark{width:100%;height:auto;overflow:visible}.hh-underline{z-index:-1;width:89%;height:clamp(6px,.85vw,12px);position:absolute;bottom:0;left:3%;transform:rotate(-.6deg)}.hh-hero-copy{letter-spacing:-.045em;color:#535342;margin:0;font-size:clamp(16px,1.56vw,22px);font-weight:400;line-height:1.65}.hh-hero-copy strong{color:#373f30;font-weight:600}.hh-facts{color:#6e6b53;flex-wrap:wrap;align-items:center;gap:13px;margin-top:clamp(15px,2.3vw,33px);font-size:14px;font-weight:600;line-height:1;display:flex}.hh-facts span{align-items:center;gap:5px;display:inline-flex}.hh-facts i{background:#aa9d76;width:1px;height:11px;transform:rotate(8deg)}.hh-cover-stars{pointer-events:none;width:clamp(32px,4.7vw,67px);height:auto;position:absolute;top:6%;right:5.5%;transform:rotate(-7deg)}.hh-illustration{background:#f9eed4;background-image:var(--story-grain);place-items:center;min-width:0;display:grid;position:relative}.hh-illustration img{mix-blend-mode:multiply;width:100%;height:auto;display:block}.hh-illustration:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset -5px -2px 12px #80652b19}.hh-play-options{padding:clamp(34px,3.4vw,52px) 0 0;scroll-margin-top:16px}.hh-section-heading{align-items:center;gap:19px;margin-bottom:17px;display:flex}.hh-section-heading h2{font-family:var(--story-title);color:#3e4534;letter-spacing:-.07em;flex-shrink:0;margin:0;font-size:clamp(23px,2.1vw,31px);font-weight:700;line-height:1.25}.hh-section-heading>span{opacity:.6;border-top:1px solid #a69c7b;border-bottom:1px solid #b9ad8b;flex:1;height:5px;transform:rotate(-.13deg)}.hh-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,23px);display:grid}.hh-choice{--card-bg:#dce4c9;--card-line:#839775;--card-text:#334d36;--card-shadow:#a6b399;background-color:var(--card-bg);background-image:var(--story-grain),repeating-linear-gradient(140deg, transparent 0 3px, #51452802 3px 4px);width:100%;min-height:126px;color:var(--card-text);font-family:var(--story-body);border:1.4px solid var(--card-line);text-align:left;box-shadow:1px 3px 0 -1px var(--card-shadow),1px 5px 0 -3px #756b47;border-radius:7px 5px 8px/5px 8px 6px;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:11px;padding:17px 28px 17px 17px;transition:transform .13s,box-shadow .13s;display:grid;position:relative}.hh-choice:before{content:"";pointer-events:none;border:1px dashed color-mix(in srgb,var(--card-line) 65%, transparent);border-radius:4px 6px 4px 5px;position:absolute;inset:5px}.hh-choice-join{--card-bg:#f2d8bd;--card-line:#b49675;--card-text:#654531;--card-shadow:#c5a78d}.hh-choice-nearby{--card-bg:#d7e2de;--card-line:#8c9e97;--card-text:#354d4a;--card-shadow:#a0b1a9}.hh-choice:hover{box-shadow:2px 5px 0 -1px var(--card-shadow),3px 8px 9px -5px #51463366;transform:translateY(-3px)rotate(-.3deg)}.hh-choice:active{box-shadow:none;transform:translateY(1px)}.hh-spot{width:100%;height:auto;display:block;overflow:visible}.hh-choice-art{width:100%;position:relative}.hh-choice-art:before{content:"";filter:blur(2px);background:#78634110;border-radius:50%;position:absolute;inset:22% 7% 5%}.hh-choice-art>svg{position:relative}.hh-choice-copy{flex-direction:column;gap:7px;display:flex;position:relative}.hh-choice-copy strong{font-family:var(--story-title);letter-spacing:-.075em;word-break:keep-all;font-size:clamp(21px,1.8vw,27px);font-weight:700;line-height:1.25}.hh-choice-copy>span{letter-spacing:-.05em;word-break:keep-all;color:color-mix(in srgb,var(--card-text),#342e22 20%);font-size:clamp(12px,.99vw,15px);line-height:1.5}.hh-choice-arrow{opacity:.7;position:absolute;top:13px;right:12px;transform:rotate(-12deg)}.hh-resume{color:#3c4a35;background:#f6eed6;border:1px dashed #9d9a7a;border-radius:5px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-weight:700;display:flex}.hh-resume:hover{background:#fff7da}.hh-footer{text-align:right;padding-block:28px 24px;font-size:13px}.hh-footer a{color:#655f4e;text-underline-offset:3px}.hh-footer a:hover{color:#38432e}.hh-notice{color:#71563f;font-size:14px}.hh-modal{width:min(460px,100vw - 32px);color:var(--story-ink);background-color:#fbf3df;background-image:var(--story-grain);border:1.8px solid #797e60;border-radius:8px 9px 6px 7px;max-height:calc(100dvh - 40px);padding:26px 27px 28px;overflow-y:auto;box-shadow:3px 5px #a09673,4px 12px 30px #24321f40}.hh-modal::backdrop{background:#272a1e8c}html:has(.hh-modal[open]){overflow:hidden}.hh-dialog-title{justify-content:space-between;align-items:center;gap:18px;display:flex}.hh-dialog-title h2{font-family:var(--story-title);color:#354b37;letter-spacing:-.06em;margin:0;font-size:28px;font-weight:700}.hh-close{color:#655d49;background:#f3ead2;border:1px solid #9f9476;border-radius:46% 49% 45% 50%;place-items:center;width:35px;height:35px;display:grid}.hh-dialog-deck{color:#615e4a;word-break:keep-all;margin:8px 0 22px;font-size:15px;line-height:1.6}.hh-form{gap:23px;display:grid}.hh-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.hh-fields label{color:#51563f;flex-direction:column;gap:8px;font-size:15px;font-weight:700;display:flex}.hh-fields input{color:#303d30;background:#fffaf0;border:1px solid #a69c7e;border-radius:4px 5px 3px;width:100%;min-width:0;padding:10px 9px;font-size:16px;font-weight:400;line-height:1.4}.hh-fields input::placeholder{color:#787360;font-size:13px}.hh-skins{border:0;min-width:0;margin:0;padding:0}.hh-skins legend{color:#51563f;margin-bottom:11px;padding:0;font-size:15px;font-weight:700}.hh-skin-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hh-skin{cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:7px;padding:6px 4px 9px;font-size:14px;display:flex;position:relative}.hh-skin input{opacity:0;position:absolute}.hh-skin:has(input:focus-visible){outline-offset:2px;outline:3px solid #a7512d}.hh-skin.is-picked{color:#314b32;background:#dce1c7;border-color:#8d9878;font-weight:700}.hh-portrait{aspect-ratio:1;width:100%;max-width:62px;position:relative}.hh-portrait>img{object-fit:cover;background:#eae2ce;border:1px solid #bbaa86;border-radius:49% 46% 50% 47%;width:100%;height:100%}.hh-tick{color:#fff;background:#526e4c;border:1px solid #e6e9d4;border-radius:100%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:0;right:0}.hh-solid-btn{color:#fff5e0;background:#39533e;background-image:var(--story-grain);border:1.5px solid #2b402f;border-radius:5px 6px 5px 4px;justify-content:center;align-items:center;gap:9px;width:100%;padding:12px 16px;font-size:16px;font-weight:700;display:flex;box-shadow:1px 2px #acac86}.hh-solid-btn:hover{background-color:#2d4934}.hh-form-hint{color:#855534;margin:-8px 0;font-size:14px;line-height:1.5}.hh-rules-modal{width:min(520px,100vw - 32px)}.hh-rules{margin:12px 0 14px}.hh-rules section{border-bottom:1px dashed #c4b895;grid-template-columns:48px minmax(0,1fr);align-items:flex-start;gap:13px;padding:15px 0;display:grid}.hh-rules section:last-child{border-bottom:0}.hh-rule-spot{color:#5a7253;place-content:center;width:48px;min-height:41px;display:grid}.hh-rules h3{font-family:var(--story-title);letter-spacing:-.045em;margin:0 0 5px;font-size:19px;font-weight:700}.hh-rules p,.hh-rule-foot{color:#575541;word-break:keep-all;margin:0;font-size:15px;line-height:1.65}.hh-rule-foot{background:#eee4c9;border-radius:4px;margin:0 0 18px;padding:10px 14px}@media (min-width:1500px){.hh-main{padding-top:60px}.hh-choice-grid{gap:25px}.hh-choice{min-height:135px}}@media (max-width:1020px){.hh-width{width:calc(100% - 52px)}.hh-intro{padding-left:clamp(28px,4.5vw,44px);padding-right:clamp(24px,3.7vw,39px)}.hh-choice{grid-template-columns:58px minmax(0,1fr);gap:6px;min-height:110px;padding:20px 16px 18px 11px}.hh-choice-arrow{top:9px;right:9px}.hh-choice-arrow svg{width:15px;height:15px}.hh-cover-inner{min-height:280px}.hh-cover-stars{top:4%;right:2%}}@media (max-width:740px){.hh-width{width:calc(100% - 32px)}.hh-top-in{min-height:61px}.hh-brand{gap:6px}.hh-brand>svg:first-child{width:36px;height:34px}.hh-brand .hh-wordmark{width:85px;height:28px}.hh-top-actions{gap:10px}.hh-header-guide{white-space:nowrap;flex-shrink:0;gap:4px}.hh-top button{font-size:13px}.hh-header-profile{gap:5px;max-width:130px}.hh-header-profile img{width:27px;height:27px}.hh-header-profile svg{display:none}.hh-head-divider{height:19px}.hh-main{padding-top:26px}.hh-cover-inner{grid-template-columns:44% 56%;min-height:218px}.hh-cover-inner:after{width:26px;left:44%}.hh-intro{padding:20px 12px 22px 20px}.hh-genre{margin-bottom:8px;font-size:18px}.hh-intro h1{margin-bottom:15px}.hh-hero-copy{font-size:14px;line-height:1.54}.hh-cover-stars{width:33px;top:4px;right:3px}.hh-facts{gap:7px;margin-top:12px;font-size:12px}.hh-facts span{gap:3px}.hh-facts svg{width:14px;height:14px}.hh-choice-grid{gap:10px}.hh-choice{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;min-height:141px;padding:8px 11px 15px}.hh-choice-art{width:62px}.hh-choice-copy{gap:4px}.hh-choice-copy>span{font-size:12px}.hh-choice-copy strong{font-size:21px}}@media (max-width:540px){.hh-main{padding-top:20px}.hh-cover{padding:0 3px 4px 0}.hh-cover-inner{grid-template-columns:minmax(0,1fr);min-height:0}.hh-cover-inner:after{display:none}.hh-intro{text-align:center;align-items:center;padding:16px 20px}.hh-genre{margin:0 0 2px;font-size:17px}.hh-intro h1{width:175px;margin:0 0 7px}.hh-hero-copy{font-size:14px}.hh-hero-copy br{display:none}.hh-hero-copy strong:after{content:" "}.hh-facts{display:none}.hh-cover-stars{width:38px;top:13%;right:12%}.hh-illustration{order:-1}.hh-illustration img{object-fit:cover;object-position:50% 50%;width:100%;height:clamp(175px,49vw,239px)}.hh-illustration:after{box-shadow:none;background:linear-gradient(#0000,#faf1d9);height:13px;inset:auto 0 0}.hh-ribbon{width:15px;height:17px;bottom:-13px;left:auto;right:16%}.hh-play-options{padding-top:26px}.hh-section-heading{gap:11px;margin-bottom:13px}.hh-section-heading h2{font-size:23px}.hh-choice-grid{grid-template-columns:1fr;gap:10px}.hh-choice{text-align:left;grid-template-columns:62px minmax(0,1fr) 18px;justify-items:start;gap:10px;min-height:81px;padding:8px 15px 9px 12px}.hh-choice-art{width:58px}.hh-choice-copy strong{font-size:21px}.hh-choice-copy>span{font-size:13px}.hh-choice-arrow{align-self:center;position:static}.hh-choice-arrow svg{width:19px;height:19px}.hh-footer{padding:20px 0}}@media (max-width:370px){.hh-brand .hh-wordmark{width:73px}.hh-top-actions{gap:7px}.hh-brand>svg:first-child{width:30px}.hh-header-profile{max-width:102px}.hh-header-guide svg{width:20px}.hh-header-guide{justify-content:center;width:32px;min-height:42px}.hh-header-guide span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hh-intro{padding-inline:10px}.hh-hero-copy{font-size:13px}.hh-cover-stars{right:6%}.hh-modal{padding:20px 17px}.hh-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.hh-choice{transition:none}}body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.hh-lobby{min-height:100dvh}.hh-top{padding-top:env(safe-area-inset-top,0px)}.hh-footer{padding-bottom:max(24px,calc(env(safe-area-inset-bottom,0px) + 10px))}.hh-modal{max-height:calc(var(--wedraw-visible-height,100dvh) - max(24px, env(safe-area-inset-top,0px)) - max(16px, env(safe-area-inset-bottom,0px)));overscroll-behavior:contain;scroll-padding-block:14px}@font-face{font-family:Gowun Batang;src:url(/fonts/book-serif.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Regular.subset.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-SemiBold.subset.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Gaegu;src:url(/fonts/pencil-hand.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}