*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1\/2{left:50%}.top-20{top:5rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\[4\/5\]{aspect-ratio:4/5}.h-full{height:100%}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-14{min-height:3.5rem}.min-h-\[92px\]{min-height:92px}.min-h-\[calc\(100dvh-4\.5rem\)\]{min-height:calc(100dvh - 4.5rem)}.min-h-\[calc\(100dvh-5\.5rem\)\]{min-height:calc(100dvh - 5.5rem)}.min-h-\[calc\(100dvh-5rem\)\]{min-height:calc(100dvh - 5rem)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.min-w-\[190px\]{min-width:190px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[1120px\]{max-width:1120px}.max-w-\[380px\]{max-width:380px}.max-w-md{max-width:28rem}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-scale-x-100{--tw-scale-x:-1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.text-balance{text-wrap:balance}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[6px\]{border-width:6px}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/25{border-color:#ffffff40}.border-white\/50{border-color:#ffffff80}.border-white\/60{border-color:#fff9}.border-white\/70{border-color:#ffffffb3}.bg-\[\#14072E\]{--tw-bg-opacity:1;background-color:rgb(20 7 46/var(--tw-bg-opacity,1))}.bg-\[\#27344D\]{--tw-bg-opacity:1;background-color:rgb(39 52 77/var(--tw-bg-opacity,1))}.bg-\[\#77E8DB\]{--tw-bg-opacity:1;background-color:rgb(119 232 219/var(--tw-bg-opacity,1))}.bg-\[\#FCEB65\]{--tw-bg-opacity:1;background-color:rgb(252 235 101/var(--tw-bg-opacity,1))}.bg-\[\#FF9BC9\]{--tw-bg-opacity:1;background-color:rgb(255 155 201/var(--tw-bg-opacity,1))}.bg-\[\#FFE66B\]{--tw-bg-opacity:1;background-color:rgb(255 230 107/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:#fff3}.bg-white\/75{background-color:#ffffffbf}.bg-white\/90{background-color:#ffffffe6}.bg-\[linear-gradient\(180deg\,\#A8D3FF_0\%\,\#FFD3E0_42\%\,\#FFF2D6_100\%\)\]{background-image:linear-gradient(#a8d3ff 0%,#ffd3e0 42%,#fff2d6 100%)}.fill-\[\#402074\]{fill:#402074}.fill-\[\#FFD84D\]{fill:#ffd84d}.fill-\[\#FFE66B\]{fill:#ffe66b}.object-cover{-o-object-fit:cover;object-fit:cover}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-10{padding-bottom:2.5rem}.pb-3{padding-bottom:.75rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.font-black{font-weight:900}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-normal{letter-spacing:0}.text-\[\#143647\]{--tw-text-opacity:1;color:rgb(20 54 71/var(--tw-text-opacity,1))}.text-\[\#173D27\]{--tw-text-opacity:1;color:rgb(23 61 39/var(--tw-text-opacity,1))}.text-\[\#193626\]{--tw-text-opacity:1;color:rgb(25 54 38/var(--tw-text-opacity,1))}.text-\[\#243047\]{--tw-text-opacity:1;color:rgb(36 48 71/var(--tw-text-opacity,1))}.text-\[\#245A35\]{--tw-text-opacity:1;color:rgb(36 90 53/var(--tw-text-opacity,1))}.text-\[\#27344D\]{--tw-text-opacity:1;color:rgb(39 52 77/var(--tw-text-opacity,1))}.text-\[\#402074\]{--tw-text-opacity:1;color:rgb(64 32 116/var(--tw-text-opacity,1))}.text-\[\#46207F\]{--tw-text-opacity:1;color:rgb(70 32 127/var(--tw-text-opacity,1))}.text-\[\#4A176C\]{--tw-text-opacity:1;color:rgb(74 23 108/var(--tw-text-opacity,1))}.text-\[\#534AB7\]{--tw-text-opacity:1;color:rgb(83 74 183/var(--tw-text-opacity,1))}.text-\[\#F3A51E\]{--tw-text-opacity:1;color:rgb(243 165 30/var(--tw-text-opacity,1))}.text-\[\#FFE66B\]{--tw-text-opacity:1;color:rgb(255 230 107/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.opacity-40{opacity:.4}.shadow-\[0_10px_0_\#C27A29\,0_16px_32px_rgba\(22\,7\,46\,0\.28\)\]{--tw-shadow:0 10px 0 #c27a29,0 16px 32px #16072e47;--tw-shadow-colored:0 10px 0 var(--tw-shadow-color), 0 16px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_0_\#F2A93B\]{--tw-shadow:0 10px 0 #f2a93b;--tw-shadow-colored:0 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_0_rgba\(210\,195\,255\,0\.95\)\]{--tw-shadow:0 10px 0 #d2c3fff2;--tw-shadow-colored:0 10px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_10px_24px_rgba\(60\,72\,100\,0\.18\)\]{--tw-shadow:0 10px 24px #3c48642e;--tw-shadow-colored:0 10px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(22\,7\,46\,0\.24\)\]{--tw-shadow:0 12px 28px #16072e3d;--tw-shadow-colored:0 12px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(25\,54\,38\,0\.16\)\]{--tw-shadow:0 12px 28px #19362629;--tw-shadow-colored:0 12px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(25\,54\,38\,0\.18\)\]{--tw-shadow:0 12px 28px #1936262e;--tw-shadow-colored:0 12px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_28px_rgba\(83\,74\,183\,0\.18\)\]{--tw-shadow:0 12px 28px #534ab72e;--tw-shadow-colored:0 12px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(16\,7\,46\,0\.35\)\]{--tw-shadow:0 12px 30px #10072e59;--tw-shadow-colored:0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(22\,7\,46\,0\.28\)\]{--tw-shadow:0 12px 30px #16072e47;--tw-shadow-colored:0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(24\,13\,67\,0\.24\)\]{--tw-shadow:0 12px 30px #180d433d;--tw-shadow-colored:0 12px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_14px_34px_rgba\(39\,52\,77\,0\.25\)\]{--tw-shadow:0 14px 34px #27344d40;--tw-shadow-colored:0 14px 34px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_20px_0_\#F2A93B\,0_26px_46px_rgba\(24\,13\,67\,0\.32\)\]{--tw-shadow:0 20px 0 #f2a93b,0 26px 46px #180d4352;--tw-shadow-colored:0 20px 0 var(--tw-shadow-color), 0 26px 46px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_26px_70px_rgba\(16\,7\,46\,0\.4\)\]{--tw-shadow:0 26px 70px #10072e66;--tw-shadow-colored:0 26px 70px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_8px_20px_rgba\(80\,102\,140\,0\.16\)\]{--tw-shadow:0 8px 20px #50668c29;--tw-shadow-colored:0 8px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_9px_0_\#CBAA2B\,0_15px_28px_rgba\(25\,54\,38\,0\.22\)\]{--tw-shadow:0 9px 0 #cbaa2b,0 15px 28px #19362638;--tw-shadow-colored:0 9px 0 var(--tw-shadow-color), 0 15px 28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.drop-shadow-\[0_3px_0_rgba\(255\,255\,255\,0\.58\)\]{--tw-drop-shadow:drop-shadow(0 3px 0 #ffffff94);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_4px_0_rgba\(255\,255\,255\,0\.78\)\]{--tw-drop-shadow:drop-shadow(0 4px 0 #ffffffc7);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_4px_0_rgba\(61\,29\,122\,0\.45\)\]{--tw-drop-shadow:drop-shadow(0 4px 0 #3d1d7a73);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_5px_0_rgba\(61\,29\,122\,0\.58\)\]{--tw-drop-shadow:drop-shadow(0 5px 0 #3d1d7a94);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_5px_0_rgba\(61\,29\,122\,0\.6\)\]{--tw-drop-shadow:drop-shadow(0 5px 0 #3d1d7a99);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}:root{color:#1f2933;background:#fffaf0;font-family:Pretendard,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}#root{min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}.hk-island-map{height:clamp(350px,56dvh,420px);min-height:0}.hk-island-button{z-index:1;appearance:none;width:clamp(138px,42vw,172px);min-height:124px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;outline:none;padding:0;position:absolute}.hk-island-button:focus-visible .hk-island-card{box-shadow:0 0 0 4px #ffffffe6,0 0 0 8px #534ab76b}.hk-island-button:hover .hk-island-card,.hk-island-button:active .hk-island-card{filter:drop-shadow(0 20px 24px #323e5c2e);rotate:-1deg;scale:1.045}.hk-island-button:active .hk-island-card{rotate:1deg;scale:1.02}.hk-island-star{width:clamp(158px,50vw,196px);top:0;left:50%;transform:translate(-50%)}.hk-island-library{top:43%;left:2%}.hk-island-jungle{bottom:0;left:auto;right:2%}.hk-island-card{transform-origin:50%;filter:drop-shadow(0 16px 20px #323e5c24);border-radius:28px;transition:filter .18s,rotate .18s,scale .18s;animation:4.8s ease-in-out infinite hk-float;display:block;position:relative;rotate:0deg;scale:1}.hk-island-library .hk-island-card{animation-delay:-1.4s}.hk-island-jungle .hk-island-card{animation-delay:-2.6s}.hk-island-svg{width:100%;height:auto;display:block;overflow:visible}.hk-island-label{min-width:132px;color:var(--island-accent);white-space:nowrap;background:#ffffffe6;border:2px solid #ffffffeb;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;padding:8px 14px;font-size:16px;font-weight:900;line-height:1.15;display:inline-flex;position:absolute;bottom:-9px;left:50%;transform:translate(-50%);box-shadow:0 10px 22px #3d496924}.hk-island-label span:first-child{font-size:17px}.hk-island-label span:last-child{opacity:.76;font-size:16px}.hk-island-state{color:#534ab7;white-space:nowrap;background:#fff8cf;border:2px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;min-width:56px;min-height:30px;padding:6px 10px;font-size:14px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-5px;right:10%;box-shadow:0 10px 20px #3d496921}.hk-island-state--locked{color:var(--island-accent);background:#ffe4ef}.hk-cloud{animation:15s ease-in-out infinite hk-cloud-drift;position:absolute}.hk-spark{width:18px;height:18px;animation:2.8s ease-in-out infinite hk-sparkle;position:absolute}.hk-spark:before,.hk-spark:after{content:"";background:#ffe45ff2;border-radius:999px;position:absolute;box-shadow:0 0 18px #ffe45fb3}.hk-spark:before{width:3px;height:18px;top:0;left:8px}.hk-spark:after{width:18px;height:3px;top:8px;left:0}.hk-spark-one{top:24%;left:17%}.hk-spark-two{animation-delay:-.8s;top:14%;right:20%}.hk-spark-three{animation-delay:-1.4s;bottom:26%;right:13%}.hk-spark-four{animation-delay:-2s;bottom:18%;left:23%}.hk-spark-five{animation-delay:-2.3s;top:32%;right:36%}.hk-number-prep{isolation:isolate;background:linear-gradient(#3b1879 0%,#6330b0 48%,#9c66dc 100%)}.hk-number-prep:before{z-index:0;content:"";opacity:.54;background-image:radial-gradient(circle,#ffffffeb 0 2px,#0000 2.6px),radial-gradient(circle,#ffe66be6 0 1.6px,#0000 2.2px);background-position:16px 22px,64px 78px;background-size:92px 92px,138px 138px;position:absolute;inset:0}.hk-number-prep:after{z-index:0;aspect-ratio:1;content:"";opacity:.52;border:16px solid #ffffff2e;border-radius:999px;width:68%;max-width:720px;position:absolute;bottom:-16%;right:-18%}.hk-number-camera{isolation:isolate;background:linear-gradient(#32106f 0%,#5e2daa 48%,#8f5cce 100%)}.hk-number-camera:before{z-index:0;content:"";opacity:.52;background-image:radial-gradient(circle,#ffffffe6 0 2px,#0000 2.6px),radial-gradient(circle,#ffe66be0 0 1.5px,#0000 2.2px);background-position:26px 34px,74px 88px;background-size:98px 98px,146px 146px;position:absolute;inset:0}.hk-number-camera:after{z-index:0;aspect-ratio:1;content:"";opacity:.58;border:16px solid #ffffff29;border-radius:999px;width:min(64vw,640px);position:absolute;bottom:-25%;left:-12%}.hk-camera-comet{opacity:.78;background:linear-gradient(90deg,#0000 0%,#ffffffe6 55%,#ffe66b 100%);border-radius:999px;width:clamp(110px,16vw,180px);height:5px;position:absolute;top:16%;right:8%;transform:rotate(-16deg)}.hk-camera-ring{border:3px solid #ffffff3d;border-radius:50%;position:absolute}.hk-camera-ring-one{width:210px;height:78px;top:21%;left:-76px;transform:rotate(22deg)}.hk-camera-ring-two{width:168px;height:62px;bottom:13%;right:-64px;transform:rotate(-20deg)}.hk-camera-star{color:#ffe66b;fill:#ffe66beb;filter:drop-shadow(0 0 14px #ffe66b94);animation:2.8s ease-in-out infinite hk-number-twinkle;position:absolute}.hk-camera-star-one{top:18%;left:13%}.hk-camera-star-two{animation-delay:-.7s;top:29%;right:17%}.hk-camera-star-three{animation-delay:-1.5s;bottom:23%;right:10%}.hk-camera-star-four{animation-delay:-2.1s;bottom:16%;left:22%}.hk-number-goal{aspect-ratio:1;color:#32106f;text-shadow:0 5px #ffffff85;background:radial-gradient(circle at 35% 28%,#ffffffeb 0 11%,#0000 12%),linear-gradient(145deg,#ffe66b 0%,#ffb65f 46%,#ff7ab8 100%);border:8px solid #ffffffeb;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:clamp(184px,34vw,360px);transition:transform .18s,filter .18s;display:inline-flex;position:relative;box-shadow:0 22px #f2a93be0,0 32px 70px #10072e70,inset 0 -18px #ff7ab847}.hk-number-goal-label,.hk-number-goal-prompt{color:#402074;letter-spacing:0;max-width:82%;text-shadow:none;font-weight:900;line-height:1.1;display:block}.hk-number-goal-label{background:#ffffffc2;border-radius:999px;margin-bottom:clamp(2px,1vw,8px);padding:7px 14px;font-size:16px}.hk-number-goal-value{letter-spacing:0;font-size:112px;font-weight:900;line-height:.82;display:block}.hk-number-goal-prompt{min-height:1.15em;margin-top:clamp(4px,1.1vw,10px);font-size:18px}.hk-number-goal--success{filter:drop-shadow(0 0 26px #ffe66be0);animation:.76s cubic-bezier(.2,1.3,.24,1) both hk-number-goal-pop}.hk-number-success-burst{pointer-events:none;position:absolute;inset:0}.hk-number-success-star{color:#ffe66b;fill:#ffe66bf2;filter:drop-shadow(0 0 16px #ffe66bc2);opacity:0;animation:.98s ease-out both hk-number-success-star;position:absolute}.hk-number-success-star-1{top:calc(50% - 166px);left:calc(50% - 180px)}.hk-number-success-star-2{animation-delay:80ms;top:calc(50% - 138px);left:calc(50% + 132px)}.hk-number-success-star-3{animation-delay:.15s;top:calc(50% + 42px);left:calc(50% - 222px)}.hk-number-success-star-4{animation-delay:.22s;top:calc(50% + 58px);left:calc(50% + 176px)}.hk-number-success-star-5{animation-delay:.3s;top:calc(50% - 224px);left:calc(50% - 50px)}.hk-number-success-star-6{animation-delay:.38s;top:calc(50% + 184px);left:calc(50% + 18px)}.hk-number-planet-stage{width:min(78vw,430px);height:clamp(170px,30dvh,260px);margin-bottom:clamp(16px,3dvh,28px);position:relative}.hk-number-planet{color:#3b1879;border:6px solid #ffffffdb;border-radius:999px;justify-content:center;align-items:center;font-weight:900;line-height:1;display:inline-flex;position:absolute;box-shadow:0 20px 34px #180d433d}.hk-number-planet-main{z-index:2;aspect-ratio:1;text-shadow:0 5px #ffffff7a;background:linear-gradient(145deg,#ffe66b 0%,#ffb65f 46%,#ff7ab8 100%);width:clamp(146px,34vw,230px);font-size:clamp(72px,14vw,124px);top:50%;left:50%;transform:translate(-50%,-50%)}.hk-number-planet-main:before{z-index:-1;content:"";border:10px solid #e4efffd1;border-left-color:#77e8dbf0;border-radius:50%;width:144%;height:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.hk-number-planet-small{aspect-ratio:1;background:#77e8db;width:clamp(62px,16vw,96px);font-size:clamp(30px,7vw,48px);top:12%;right:4%}.hk-number-planet-tiny{aspect-ratio:1;background:#cdb9ff;width:clamp(52px,14vw,78px);font-size:clamp(26px,6vw,38px);bottom:6%;left:9%}.hk-number-comet{opacity:.76;background:linear-gradient(90deg,#0000 0%,#ffffffe6 52%,#ffe66b 100%);border-radius:999px;width:clamp(92px,16vw,160px);height:5px;position:absolute;top:14%;right:10%;transform:rotate(-18deg)}.hk-number-ring{border:3px solid #ffffff47;border-radius:50%;position:absolute}.hk-number-ring-one{width:190px;height:74px;top:18%;left:-80px;transform:rotate(22deg)}.hk-number-ring-two{width:150px;height:56px;bottom:18%;right:-70px;transform:rotate(-20deg)}.hk-number-dot{background:#77e8db;border:3px solid #ffffffc7;border-radius:999px;width:14px;height:14px;position:absolute;box-shadow:0 0 18px #77e8db8f}.hk-number-dot-one{top:18%;left:14%}.hk-number-dot-two{background:#ffe66b;width:11px;height:11px;top:34%;right:18%}.hk-number-dot-three{background:#ff9bc9;width:18px;height:18px;bottom:22%;left:21%}.hk-number-star{color:#ffe66b;fill:#ffe66be6;filter:drop-shadow(0 0 14px #ffe66b8c);animation:2.8s ease-in-out infinite hk-number-twinkle;position:absolute}.hk-number-star-one{top:31%;left:12%}.hk-number-star-two{animation-delay:-.8s;top:25%;right:14%}.hk-number-star-three{animation-delay:-1.5s;bottom:24%;right:22%}.hk-number-star-four{animation-delay:-2.1s;top:12%;left:29%}.hk-locked-activity{isolation:isolate;background:linear-gradient(#cfe3fb 0%,#eef5ff 54%,#fff6df 100%)}.hk-locked-activity:before{z-index:0;content:"";opacity:.54;background-image:radial-gradient(circle,#ffffffd1 0 3px,#0000 3.5px);background-position:20px 24px;background-size:120px 120px;position:absolute;inset:0}.hk-locked-activity--pink{--locked-accent:#993556}.hk-locked-activity--green{--locked-accent:#639922}.hk-locked-activity-badge{aspect-ratio:1;width:clamp(116px,32vw,164px);color:var(--locked-accent);background:#ffffffdb;border:6px solid #fffffff2;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 18px 34px #3c48642e}@media (width<=899px){.hk-cloud-one{width:154px;top:10%;left:-46px}.hk-cloud-two{width:168px;top:12%;right:-54px}}@media (width<=374px){.hk-island-map{height:300px}.hk-island-button{width:128px;min-height:108px}.hk-island-star{width:146px}.hk-island-label{min-width:118px;padding:7px 10px;font-size:14px}.hk-island-label span:first-child{font-size:15px}.hk-island-label span:last-child{font-size:14px}.hk-island-state{min-width:48px;min-height:26px;padding:5px 8px;font-size:13px}.hk-cloud-one{top:5%;left:-108px}.hk-cloud-two{top:5%;right:-118px}.hk-number-planet-stage{height:156px;margin-bottom:10px}.hk-number-prep:after{width:112%;bottom:-12%;right:-40%}}@keyframes hk-float{0%,to{translate:0}50%{translate:0 -14px}}@keyframes hk-cloud-drift{0%{transform:translate(-20px)}50%{transform:translate(20px)translateY(-5px)}to{transform:translate(60px)}}@keyframes hk-sparkle{0%,to{opacity:.35;scale:.75}50%{opacity:1;scale:1}}@keyframes hk-number-twinkle{0%,to{opacity:.38;scale:.78}50%{opacity:1;scale:1}}@keyframes hk-number-goal-pop{0%{transform:scale(.92)rotate(-2deg)}45%{transform:scale(1.09)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes hk-number-success-star{0%{opacity:0;transform:translateY(18px)scale(.4)rotate(-18deg)}42%{opacity:1;transform:translateY(-10px)scale(1.22)rotate(12deg)}to{opacity:0;transform:translateY(-34px)scale(.72)rotate(24deg)}}@media (width>=640px){.hk-island-map{aspect-ratio:760/520;height:min(58dvh,520px);min-height:0}.hk-island-button{width:228px;min-height:0}.hk-island-star{width:240px;top:22%;left:8%;transform:none}.hk-island-library{top:11%;left:auto;right:8%}.hk-island-jungle{width:244px;bottom:2%;left:calc(50% - 122px);right:auto}.hk-cloud-one{width:182px;top:16%;left:5%}.hk-cloud-two{width:204px;top:19%;right:7%}.hk-cloud-three{width:152px;bottom:15%;left:10%}.hk-number-goal-label{font-size:20px}.hk-number-goal-value{font-size:176px}.hk-number-goal-prompt{font-size:28px}}@media (width>=900px){.hk-island-button{width:248px}.hk-island-star{width:260px;top:21%;left:8%}.hk-island-library{width:238px;top:10%;right:7%}.hk-island-jungle{width:264px;left:calc(50% - 132px)}.hk-number-goal-label{font-size:22px}.hk-number-goal-value{font-size:224px}.hk-number-goal-prompt{font-size:34px}}@media (width>=640px) and (width<=899px){.hk-cloud-one{width:182px;top:10%;left:5%}.hk-cloud-two{width:196px;top:11%;right:5%}}.hk-island-map{height:clamp(430px,62dvh,640px)}.hk-island-button{width:clamp(190px,56vw,300px)}.hk-island-card{filter:saturate(1.28)drop-shadow(0 22px 25px #323e5c2e);animation:3s ease-in-out infinite hk-float}.hk-island-card--active{filter:saturate(1.3)drop-shadow(0 25px 28px #534ab73d)}.hk-island-card--star{z-index:2}.hk-island-card--star:before{z-index:-1;content:"";filter:blur(6px);background:radial-gradient(circle,#ffd84d8c 0%,#ffd84d33 42%,#0000 72%);border-radius:50%;animation:2.6s ease-in-out infinite hk-star-glow;position:absolute;inset:2% -6% 10%}.hk-island-card--locked .hk-island-svg{filter:saturate(.48)grayscale(.28)brightness(.95);opacity:.92}.hk-island-card--locked .hk-island-state{box-shadow:0 0 0 4px #ffffff8c,0 13px 22px #572a4033}.hk-island-button:hover .hk-island-card,.hk-island-button:active .hk-island-card{filter:saturate(1.36)drop-shadow(0 28px 30px #323e5c38);scale:1.06}.hk-island-star:hover .hk-island-card--star,.hk-island-star:focus-visible .hk-island-card--star{filter:saturate(1.42)drop-shadow(0 30px 34px #f39e1257);animation:3s ease-in-out infinite hk-float,.52s ease-in-out infinite hk-star-hover-wiggle;scale:1.09}.hk-island-hint{z-index:5;justify-content:center;min-width:74px;animation:.92s ease-in-out infinite hk-hint-bounce;display:inline-flex;position:absolute;top:-44px;left:50%;transform:translate(-50%)}.hk-island-hint span{color:#5b43c6;white-space:nowrap;background:#ffeb65;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-height:35px;padding:7px 14px;font-size:17px;font-weight:900;line-height:1;display:inline-flex;position:relative;box-shadow:0 11px 20px #5c43c62e}.hk-island-hint span:after{content:"";filter:drop-shadow(0 3px #fff);border-top:15px solid #ffeb65;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.hk-island-label{border-width:3px;box-shadow:0 13px 24px #3d49692e}.hk-island-state{border-width:3px}.hk-star-aura{animation:2.4s ease-in-out infinite hk-star-glow}.hk-star-twinkle,.hk-star-particle,.hk-magic-dust{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite hk-number-twinkle}.hk-star-main{animation-duration:1.8s}.hk-twinkle-delay-one,.hk-star-particle-two,.hk-magic-dust-two{animation-delay:-.4s}.hk-twinkle-delay-two,.hk-star-particle-three,.hk-magic-dust-three{animation-delay:-.8s}.hk-twinkle-delay-three{animation-delay:-1.15s}.hk-twinkle-delay-four{animation-delay:-1.45s}.hk-twinkle-delay-five,.hk-star-particle-four{animation-delay:-1.75s}.hk-mini-planet{transform-box:fill-box;transform-origin:50%;animation:5.4s ease-in-out infinite hk-mini-orbit}.hk-rainbow{aspect-ratio:2;opacity:.62;width:clamp(360px,42vw,620px);position:absolute;top:10%;left:max(-190px,-14vw);transform:rotate(-8deg)}.hk-rainbow span{border-style:solid solid none;border-bottom-width:0;border-bottom-color:currentColor;border-radius:999px 999px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hk-rainbow span:first-child{border-width:24px;border-color:#ff7aa7;width:100%;height:100%}.hk-rainbow span:nth-child(2){border-width:22px;border-color:#ffd65a;width:85%;height:85%}.hk-rainbow span:nth-child(3){border-width:20px;border-color:#6fe0d2;width:70%;height:70%}.hk-rainbow span:nth-child(4){border-width:18px;border-color:#8f7cff;width:55%;height:55%}.hk-distant-island{opacity:.34;filter:blur(.3px);position:absolute}.hk-distant-island-one{width:clamp(160px,18vw,260px);bottom:18%;right:8%}.hk-distant-island-two{opacity:.25;width:clamp(126px,14vw,190px);bottom:8%;left:20%}.hk-balloon{filter:drop-shadow(0 12px 14px #394b6e1f);animation:6.5s ease-in-out infinite hk-balloon-float;position:absolute}.hk-balloon-one{width:clamp(56px,7vw,92px);top:8%;right:12%}.hk-balloon-two{width:clamp(48px,6vw,76px);animation-delay:-2.8s;top:28%;left:14%}.hk-birds{fill:none;stroke:#32415d;stroke-linecap:round;stroke-width:6px;opacity:.42;width:clamp(132px,16vw,220px);animation:20s linear infinite hk-birds-cross;position:absolute;top:27%;left:-270px}.hk-meteor{filter:drop-shadow(0 0 12px #ffe14ed6);opacity:0;background:linear-gradient(90deg,#0000,#fffffff5 62%,#ffe14e);border-radius:999px;width:150px;height:5px;position:absolute;transform:rotate(-23deg)}.hk-meteor:after{content:"";background:#fff4a6;border-radius:999px;width:11px;height:11px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hk-meteor-one{animation:9s linear -1.6s infinite hk-meteor-drop;top:8%;left:58%}.hk-meteor-two{width:110px;animation:12s linear -7s infinite hk-meteor-drop;top:19%;left:35%}.hk-cloud{will-change:transform;animation:30s linear infinite hk-cloud-drift}.hk-cloud-one{width:clamp(148px,15vw,224px);top:15%;left:4%}.hk-cloud-two{width:clamp(166px,17vw,248px);animation-delay:-9s;top:17%;right:7%}.hk-cloud-three{width:clamp(128px,13vw,182px);animation-delay:-17s;bottom:13%;left:8%}.hk-cloud-four{width:clamp(118px,12vw,172px);animation-delay:-5s;top:23%;left:44%}.hk-cloud-five{width:clamp(108px,11vw,152px);animation-delay:-21s;bottom:9%;right:23%}.hk-cloud-six{width:clamp(104px,11vw,160px);animation-delay:-14s;top:6%;left:25%}.hk-cloud-seven{width:clamp(98px,10vw,146px);animation-delay:-25s;top:37%;right:35%}.hk-spark-six{animation-delay:-.5s;bottom:31%;left:37%}.hk-spark-seven{animation-delay:-1.8s;top:19%;right:44%}@media (width<=639px){.hk-island-map{height:min(66dvh,500px);min-height:410px}.hk-island-star{width:clamp(200px,67vw,270px);top:5%;left:50%;transform:translate(-50%)}.hk-island-library{width:clamp(174px,54vw,230px);top:44%;left:-2%}.hk-island-jungle{width:clamp(184px,56vw,242px);bottom:0;right:-2%}.hk-island-hint{top:-38px}.hk-balloon-two,.hk-cloud-seven,.hk-distant-island-two{display:none}}@media (width>=640px){.hk-island-map{aspect-ratio:1120/640;height:min(62dvh,640px)}.hk-island-star{width:clamp(310px,30vw,380px);top:22%;left:7%;transform:none}.hk-island-library{width:clamp(275px,25vw,330px);top:8%;left:auto;right:5%}.hk-island-jungle{width:clamp(300px,28vw,360px);bottom:-1%;left:50%;right:auto;transform:translate(-50%)}}@media (width>=1100px){.hk-island-map{height:min(64dvh,660px)}.hk-island-star{width:390px;top:21%;left:4%}.hk-island-library{width:340px;top:6%;right:2%}.hk-island-jungle{width:370px;bottom:-3%}}@keyframes hk-hint-bounce{0%,to{translate:0}50%{translate:0 -9px}}@keyframes hk-star-glow{0%,to{opacity:.26;scale:.95}50%{opacity:.62;scale:1.08}}@keyframes hk-star-hover-wiggle{0%,to{rotate:-1deg}50%{rotate:2deg}}@keyframes hk-mini-orbit{0%,to{transform:translate(0)rotate(-2deg)}50%{transform:translate(5px,-5px)rotate(5deg)}}@keyframes hk-balloon-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(3deg)}}@keyframes hk-birds-cross{0%{transform:translate(0)translateY(0)}45%{transform:translate(calc(100vw + 320px))translateY(-18px)}to{transform:translate(calc(100vw + 320px))translateY(-18px)}}@keyframes hk-meteor-drop{0%,72%{opacity:0;transform:translate(0)rotate(-23deg)}77%{opacity:1}88%{opacity:.92}to{opacity:0;transform:translate(-260px,140px)rotate(-23deg)}}@media (prefers-reduced-motion:reduce){.hk-island-card,.hk-cloud,.hk-spark,.hk-island-hint,.hk-star-aura,.hk-star-twinkle,.hk-star-particle,.hk-mini-planet,.hk-magic-dust,.hk-balloon,.hk-birds,.hk-meteor,.hk-number-star,.hk-camera-star,.hk-number-goal--success,.hk-number-success-star{animation:none}.hk-island-card,.hk-island-button,.hk-number-start-button,.hk-number-goal{transition:none}}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:shadow-\[0_22px_0_\#F2A93B\,0_30px_52px_rgba\(24\,13\,67\,0\.34\)\]:hover{--tw-shadow:0 22px 0 #f2a93b,0 30px 52px #180d4357;--tw-shadow-colored:0 22px 0 var(--tw-shadow-color), 0 30px 52px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#FCEB65\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 235 101/var(--tw-ring-opacity,1))}.focus\:ring-\[\#FFE66B\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 230 107/var(--tw-ring-opacity,1))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:ring-offset-4:focus{--tw-ring-offset-width:4px}.focus\:ring-offset-\[\#245A35\]:focus{--tw-ring-offset-color:#245a35}.focus\:ring-offset-\[\#28104F\]:focus{--tw-ring-offset-color:#28104f}.focus\:ring-offset-\[\#402074\]:focus{--tw-ring-offset-color:#402074}.focus\:ring-offset-\[\#46207F\]:focus{--tw-ring-offset-color:#46207f}.focus\:ring-offset-\[\#6330B0\]:focus{--tw-ring-offset-color:#6330b0}.focus\:ring-offset-\[\#B5D4F4\]:focus{--tw-ring-offset-color:#b5d4f4}.active\:translate-y-1:active{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:translate-y-2:active{--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:shadow-\[0_10px_0_\#F2A93B\,0_16px_32px_rgba\(24\,13\,67\,0\.3\)\]:active{--tw-shadow:0 10px 0 #f2a93b,0 16px 32px #180d434d;--tw-shadow-colored:0 10px 0 var(--tw-shadow-color), 0 16px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.active\:shadow-\[0_4px_0_\#CBAA2B\]:active{--tw-shadow:0 4px 0 #cbaa2b;--tw-shadow-colored:0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.active\:shadow-\[0_5px_0_\#C27A29\]:active{--tw-shadow:0 5px 0 #c27a29;--tw-shadow-colored:0 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.active\:shadow-\[0_5px_0_\#F2A93B\]:active{--tw-shadow:0 5px 0 #f2a93b;--tw-shadow-colored:0 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.active\:shadow-\[0_5px_0_rgba\(210\,195\,255\,0\.95\)\]:active{--tw-shadow:0 5px 0 #d2c3fff2;--tw-shadow-colored:0 5px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (width>=640px){.sm\:top-6{top:1.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mt-6{margin-top:1.5rem}.sm\:aspect-video{aspect-ratio:16/9}.sm\:min-h-\[104px\]{min-height:104px}.sm\:min-w-\[230px\]{min-width:230px}.sm\:max-w-\[430px\]{max-width:430px}.sm\:flex-row{flex-direction:row}.sm\:justify-center{justify-content:center}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pt-2{padding-top:.5rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-7xl{font-size:4.5rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (width>=1024px){.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-8xl{font-size:6rem;line-height:1}}.hk-sorting-page{isolation:isolate;background:linear-gradient(#fceb652e 0%,#0000 28%),linear-gradient(#a8d66d 0%,#e8f5c7 48%,#f8e2a3 100%)}.hk-sorting-page:before{z-index:0;content:"";opacity:.55;background-image:linear-gradient(115deg,#0000 0 42%,#245a3514 43% 46%,#0000 47%),radial-gradient(circle at 10% 18%,#ffffff7a 0 2px,#0000 2.7px);background-position:0 0,20px 26px;background-size:132px 132px,116px 116px;position:absolute;inset:0}.hk-sorting-vine{opacity:.42;background:linear-gradient(#245a35 0%,#3d8a48 100%);border-radius:0 0 999px 999px;width:22px;height:34dvh;min-height:210px;position:absolute;top:-20px;box-shadow:inset -5px 0 #ffffff29}.hk-sorting-vine:before,.hk-sorting-vine:after{content:"";background:#4d9c43;border-radius:999px 0;width:54px;height:30px;position:absolute}.hk-sorting-vine:before{top:46px;left:13px;transform:rotate(-22deg)}.hk-sorting-vine:after{top:120px;right:11px;transform:rotate(34deg)scaleX(-1)}.hk-sorting-vine-one{left:7%}.hk-sorting-vine-two{height:28dvh;min-height:180px;right:9%;transform:scaleX(-1)}.hk-sorting-leaf{aspect-ratio:1.7;opacity:.5;background:#5daf46;border-radius:999px 0;width:clamp(58px,8vw,96px);position:absolute;box-shadow:inset -10px -4px #245a352e}.hk-sorting-leaf-one{bottom:14%;left:11%;transform:rotate(-19deg)}.hk-sorting-leaf-two{top:19%;right:12%;transform:rotate(32deg)scaleX(-1)}.hk-sorting-leaf-three{width:clamp(46px,6vw,72px);bottom:8%;right:24%;transform:rotate(16deg)}.hk-sorting-stage{aspect-ratio:16/9;background:linear-gradient(#ffffff8a 0%,#ffffff29 52%,#245a3529 100%),#cdeea0;border:7px solid #ffffffd1;border-radius:28px;width:100%;max-width:1080px;min-height:min(510px,100dvh - 205px);max-height:min(620px,100dvh - 205px);position:relative;overflow:hidden;box-shadow:0 22px #245a3533,0 34px 72px #19362647,inset 0 0 0 2px #ffffff47}.hk-sorting-video{-o-object-fit:cover;object-fit:cover;opacity:.18;filter:saturate(.72)contrast(.92);width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.hk-sorting-canopy{pointer-events:none;background:linear-gradient(#14532d38 0%,#0000 28% 72%,#3760202e 100%),repeating-linear-gradient(90deg,#245a350f 0 38px,#0000 38px 76px);position:absolute;inset:0}.hk-sorting-status-wrap{z-index:9;justify-content:center;align-items:center;gap:10px;width:min(88%,560px);display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hk-sorting-status,.hk-sorting-progress{letter-spacing:0;border:4px solid #ffffffeb;border-radius:999px;justify-content:center;align-items:center;min-height:54px;font-weight:900;line-height:1.1;display:inline-flex;box-shadow:0 12px 28px #19362633}.hk-sorting-status{color:#245a35;background:#fceb65;flex:auto;min-width:0;padding:10px 18px;font-size:clamp(17px,3vw,25px)}.hk-sorting-status--dragging{background:#9be273}.hk-sorting-status--success{color:#22422a;background:#ff9bc9;animation:.68s cubic-bezier(.2,1.25,.24,1) both hk-sorting-pop}.hk-sorting-status--denied,.hk-sorting-status--error{color:#9f2f45;background:#fff}.hk-sorting-progress{color:#245a35;background:#ffffffe0;flex:none;min-width:78px;padding:9px 15px;font-size:clamp(15px,2.5vw,20px)}.hk-sorting-targets{z-index:2;position:absolute;inset:0}.hk-sorting-target{left:var(--target-x);top:var(--target-y);width:var(--target-width);height:var(--target-height);background:linear-gradient(#ffffffad 0%,#ffffff61 100%),#609d3f5c;border:5px dashed #ffffffe6;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 2px #245a351a,0 14px 28px #1936261f}.hk-sorting-target--red{background:linear-gradient(#ffffffb8 0%,#fff6 100%),#f871716b}.hk-sorting-target--triangle{background:linear-gradient(#ffffffb8 0%,#fff6 100%),#22c55e6b}.hk-sorting-target-title,.hk-sorting-target-hint{color:#173d27;letter-spacing:0;max-width:92%;font-weight:900;line-height:1.1;display:block}.hk-sorting-target-title{font-size:clamp(21px,4vw,34px)}.hk-sorting-target-hint{background:#ffffffb3;border-radius:999px;margin-top:6px;padding:6px 12px;font-size:clamp(13px,2.1vw,17px)}.hk-sorting-shape{left:var(--shape-x);top:var(--shape-y);z-index:5;aspect-ratio:1;appearance:none;cursor:default;background:0 0;border:0;outline:none;place-items:center;width:clamp(74px,10vw,112px);padding:0;transition:left .42s cubic-bezier(.2,.9,.25,1),top .42s cubic-bezier(.2,.9,.25,1),transform .18s,filter .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.hk-sorting-shape-form{background:var(--shape-color);border:6px solid #ffffffeb;position:absolute;inset:0;box-shadow:0 14px #1936262e,0 22px 36px #19362638,inset 0 -14px #19362624,inset 0 12px #ffffff3d}.hk-sorting-shape--circle .hk-sorting-shape-form{border-radius:999px}.hk-sorting-shape--square .hk-sorting-shape-form{border-radius:22px}.hk-sorting-shape--triangle .hk-sorting-shape-form{clip-path:polygon(50% 4%,96% 92%,4% 92%);background:linear-gradient(180deg, #fff3 0%, transparent 46%), var(--shape-color);filter:drop-shadow(0 14px #1936262e)drop-shadow(0 20px 28px #19362633);border:0}.hk-sorting-shape-label{z-index:1;color:#173d27;pointer-events:none;background:#ffffffc2;border-radius:999px;max-width:74%;padding:6px 9px;font-size:clamp(13px,2vw,17px);font-weight:900;line-height:1;position:relative}.hk-sorting-shape--dragging{z-index:7;filter:drop-shadow(0 0 24px #fceb65db);transition:transform .12s,filter .12s;transform:translate(-50%,-50%)scale(1.08)}.hk-sorting-shape--placed{pointer-events:none;transform:translate(-50%,-50%)scale(.86)}.hk-sorting-hand{left:var(--hand-x);top:var(--hand-y);z-index:8;aspect-ratio:1;width:clamp(42px,6vw,62px);box-shadow:0 0 0 calc(8px + 16px * var(--pinch-strength)) #fceb6533, 0 12px 26px #1936263d;background:#fceb6552;border:4px solid #fffffff5;border-radius:999px;transition:width .1s,box-shadow .1s;position:absolute;transform:translate(-50%,-50%)}.hk-sorting-hand span{background:#fceb65;border-radius:999px;position:absolute;inset:11px;box-shadow:inset 0 -4px #245a3524}.hk-sorting-hand--pinching{background:#ff9bc947}.hk-sorting-feedback{z-index:10;color:#245a35;letter-spacing:0;background:#ffffffe6;border:4px solid #fffffff0;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:min(86%,540px);min-height:60px;padding:11px 18px;font-size:clamp(17px,3vw,24px);font-weight:900;line-height:1.12;animation:.26s ease-out both hk-sorting-feedback;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 16px 34px #19362642}.hk-sorting-feedback--success{color:#22422a;background:#ff9bc9}@media (width<=699px){.hk-sorting-stage{aspect-ratio:4/5;border-radius:24px;min-height:min(520px,100dvh - 215px);max-height:min(560px,100dvh - 215px)}.hk-sorting-status-wrap{gap:6px;width:92%;top:12px}.hk-sorting-progress{min-width:66px;padding-left:10px;padding-right:10px}.hk-sorting-target{width:39%;height:24%}.hk-sorting-shape{width:clamp(70px,19vw,96px)}.hk-sorting-feedback{bottom:16px}}@media (width<=420px){.hk-sorting-stage{min-height:min(460px,100dvh - 205px);max-height:min(520px,100dvh - 205px)}.hk-sorting-status{padding-left:12px;padding-right:12px}.hk-sorting-target-title{font-size:20px}.hk-sorting-target-hint{margin-top:4px;padding:5px 9px;font-size:12px}.hk-sorting-shape-label{padding-left:7px;padding-right:7px;font-size:12px}}@keyframes hk-sorting-pop{0%{transform:scale(.9)}55%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes hk-sorting-feedback{0%{opacity:0;transform:translate(-50%,12px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.hk-sorting-shape,.hk-sorting-hand,.hk-sorting-status--success,.hk-sorting-feedback{transition:none;animation:none}}.hk-writing-page{isolation:isolate;background:linear-gradient(#ffe66b1f 0%,#0000 18%),linear-gradient(#28104f 0%,#4a176c 45%,#261a43 100%)}.hk-writing-page:before{z-index:0;content:"";opacity:.5;background-image:radial-gradient(circle,#ffffffc7 0 1.8px,#0000 2.4px),radial-gradient(circle,#ffe66bbf 0 1.5px,#0000 2.2px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-position:24px 32px,78px 92px,0 0;background-size:104px 104px,150px 150px,92px 100%;position:absolute;inset:0}.hk-writing-page:after{z-index:0;content:"";background:linear-gradient(#0000 0%,#0c061c4d 36%,#0c061c9e 100%),repeating-linear-gradient(90deg,#ffe66b29 0 48px,#77e8db1f 48px 96px,#ff9bc921 96px 144px);height:18dvh;min-height:110px;position:absolute;bottom:0;left:0;right:0}.hk-writing-stage{aspect-ratio:4/5;background:linear-gradient(#fff4a61f 0%,#0000 42%),#150727;border:7px solid #ffffffbd;border-radius:28px;width:100%;max-width:980px;min-height:min(430px,100dvh - 205px);max-height:min(620px,100dvh - 205px);position:relative;overflow:hidden;box-shadow:0 24px #14072e52,0 34px 72px #0e061f85,inset 0 0 0 2px #ffffff24}.hk-writing-stage:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(90deg,#0c061c6b 0%,#0000 24% 76%,#0c061c6b 100%),linear-gradient(#0c061c24 0%,#0000 24% 72%,#0c061c47 100%);position:absolute;inset:0}.hk-writing-stage--success{animation:.78s cubic-bezier(.2,1.25,.24,1) both hk-writing-success}.hk-writing-letter-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.hk-writing-letter-layer:before{content:"";background:#ffffff12;border:4px solid #ffffff3d;border-radius:999px;width:min(58%,360px);height:76%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 40px #ffe66b1f,0 0 52px #a855f73d}.hk-writing-target-letter{z-index:1;color:#ffffff17;letter-spacing:0;text-shadow:0 0 34px #ffe66b57,0 0 64px #a855f757;-webkit-text-stroke:8px #ffffff8a;font-size:clamp(230px,50vw,390px);font-weight:900;line-height:.82;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hk-writing-target-path{z-index:2;width:min(38%,240px);height:76%;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.hk-writing-target-path path{fill:none;stroke:#ffe66be0;stroke-dasharray:18 22;stroke-linecap:round;stroke-width:20px;filter:drop-shadow(0 0 16px #ffe66bbf)}.hk-writing-target-dots{z-index:3;position:absolute;inset:0}.hk-writing-target-dots span{aspect-ratio:1;background:#77e8dbe6;border:2px solid #ffffffc7;border-radius:999px;width:clamp(11px,2.2vw,18px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 18px #77e8dbb8}.hk-writing-stage-glow{z-index:6;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff3,inset 0 0 70px #ffe66b21}.hk-writing-status{z-index:8;color:#4a176c;letter-spacing:0;background:#ffe66b;border:4px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;min-width:min(82%,360px);min-height:58px;padding:9px 18px;font-size:clamp(18px,4.8vw,26px);font-weight:900;line-height:1.12;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #0e061f5c}.hk-writing-status--drawing{color:#17334a;background:#77e8db}.hk-writing-status--success{color:#4a176c;background:#ff9bc9;animation:.66s cubic-bezier(.2,1.3,.24,1) both hk-writing-status-pop}.hk-writing-status--denied,.hk-writing-status--error{color:#993556;background:#fff}.hk-writing-progress{z-index:8;background:#ffffff38;border:3px solid #ffffffd1;border-radius:999px;height:16px;position:absolute;bottom:18px;left:18px;right:18px;overflow:hidden;box-shadow:0 10px 24px #0e061f47}.hk-writing-progress span{border-radius:inherit;background:linear-gradient(90deg,#77e8db 0%,#ffe66b 55%,#ff9bc9 100%);height:100%;transition:width .18s;display:block;box-shadow:0 0 18px #ffe66bcc}.hk-writing-window{background:linear-gradient(#77e8db61 0%,#4a176c57 56%,#0e061fb3 100%);border:6px solid #ffe66b52;border-bottom-width:12px;border-radius:999px 999px 18px 18px;width:clamp(82px,10vw,132px);height:clamp(112px,14vw,176px);position:absolute;top:10%;right:7%;box-shadow:inset 0 0 30px #77e8db38,0 18px 36px #0e061f33}.hk-writing-window:before,.hk-writing-window:after{content:"";background:#ffe66b57;position:absolute}.hk-writing-window:before{border-radius:999px;width:5px;height:86%;top:8%;left:50%;transform:translate(-50%)}.hk-writing-window:after{border-radius:999px;height:5px;top:47%;left:10%;right:10%}.hk-writing-shelf{filter:drop-shadow(0 16px 22px #0e061f38);border-bottom:10px solid #ffe66b52;align-items:end;gap:8px;display:flex;position:absolute}.hk-writing-shelf-one{top:22%;left:5%}.hk-writing-shelf-two{bottom:18%;right:5%}.hk-writing-shelf>span{background:#ff9bc9;border:3px solid #fff3;border-radius:6px 6px 3px 3px;width:clamp(18px,2.8vw,30px);height:clamp(54px,7vw,86px);display:block}.hk-writing-shelf>span:nth-child(2){background:#77e8db;height:clamp(68px,8vw,104px)}.hk-writing-shelf>span:nth-child(3){background:#ffe66b;height:clamp(46px,6.2vw,76px)}.hk-writing-sparkle{color:#ffe66b;fill:#ffe66be6;filter:drop-shadow(0 0 16px #ffe66ba3);animation:2.8s ease-in-out infinite hk-writing-twinkle;position:absolute}.hk-writing-sparkle-one{top:13%;left:14%}.hk-writing-sparkle-two{animation-delay:-.8s;top:31%;right:18%}.hk-writing-sparkle-three{animation-delay:-1.6s;bottom:20%;left:22%}@media (width>=640px){.hk-writing-stage{aspect-ratio:16/9;min-height:420px}.hk-writing-status{min-height:66px;top:18px}.hk-writing-progress{height:18px;bottom:24px;left:26px;right:26px}}@media (width<=500px){.hk-writing-stage{min-height:min(460px,100dvh - 185px);max-height:min(520px,100dvh - 185px)}.hk-writing-target-letter{-webkit-text-stroke-width:7px;font-size:clamp(240px,76vw,330px)}.hk-writing-shelf-one{left:-28px}.hk-writing-shelf-two,.hk-writing-window{display:none}}@media (width<=374px){.hk-writing-stage{min-height:min(410px,100dvh - 178px)}.hk-writing-status{min-width:88%;padding-left:12px;padding-right:12px}}@keyframes hk-writing-twinkle{0%,to{opacity:.42;scale:.78}50%{opacity:1;scale:1}}@keyframes hk-writing-success{0%{transform:scale(.985)}42%{transform:scale(1.018);box-shadow:0 24px #14072e52,0 34px 72px #0e061f85,0 0 46px #ffe66b85,inset 0 0 0 2px #ffffff24}to{transform:scale(1)}}@keyframes hk-writing-status-pop{0%{transform:translate(-50%)scale(.88)}55%{transform:translate(-50%)scale(1.08)}to{transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.hk-writing-sparkle,.hk-writing-stage--success,.hk-writing-status--success{animation:none}.hk-writing-progress span{transition:none}}