.map-overlay{z-index:20;background:#5a99fd;position:absolute;inset:0;overflow:hidden}.map-background,.map-background img{width:100%;height:100%;position:absolute;inset:0}.map-background img{object-fit:cover}.map-stage{aspect-ratio:2915/1425;width:min(90vw,204.561dvh - 306.842px);position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.map-base{width:100%;height:100%;display:block}.map-hotspot{left:var(--x);top:var(--y);aspect-ratio:3881/5187;cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:6%;min-width:44px;min-height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.map-hotspot-art{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .15s;display:block}.map-hotspot-day{--x:28%;--y:50%}.map-hotspot-board{--x:62%;--y:42%}.map-hotspot-rain{--x:43%;--y:59%}.map-hotspot-campfire{--x:81%;--y:59%}.map-hotspot-house{--x:51%;--y:43%;width:5%}.map-hotspot-otter{--x:56%;--y:23%;width:5%}.map-lock{pointer-events:none;width:40%;height:auto;position:absolute;top:5%;left:-8%}.map-close{z-index:6;top:max(22px, env(safe-area-inset-top));left:max(2.3vw, env(safe-area-inset-left));cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0;position:absolute}.map-close img{object-fit:contain;width:100%;height:100%}.map-notice{white-space:nowrap;color:#71533c;background:#fff4d9;border-radius:22px;margin:0;padding:12px 22px;font:20px RIWISLE Dialogue,sans-serif;animation:2.8s both map-notice;position:absolute;bottom:max(9%,24px);left:50%;transform:translate(-50%);box-shadow:0 3px 10px #50351d20}.map-side-placeholder{color:#fff;place-items:center;font-family:RIWISLE Dialogue,sans-serif;display:grid;position:absolute;inset:100px 0 0}.map-side-placeholder h1{font-size:24px;font-weight:400}@keyframes map-notice{0%,to{opacity:0}12%,82%{opacity:1}}@media (hover:hover) and (pointer:fine){.map-hotspot:hover .map-hotspot-art{transform:scale(1.04)}}@media (width<=700px){.map-background img{object-fit:cover}.map-stage{width:min(99vw,204.561dvh - 327.298px);top:49%}.map-hotspot{aspect-ratio:1;place-items:center;width:7%;display:grid}.map-hotspot-art{width:74%}.map-hotspot-house,.map-hotspot-otter{width:6%}.map-lock{width:16px;top:5%;left:0}.map-close{top:calc(env(safe-area-inset-top) + 15px);left:calc(env(safe-area-inset-left) + 14px);width:44px;height:44px}.map-notice{font-size:18px;bottom:22%}}@media (prefers-reduced-motion:reduce){.map-hotspot-art{transition:none}.map-notice{animation:none}}.house-scene{z-index:20;background:#8cbd46;font-family:RIWISLE Dialogue,sans-serif;position:absolute;inset:0;overflow:hidden}.house-plane{aspect-ratio:8000/4500;width:min(100vw,177.778svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.house-art,.house-art img{width:100%;height:100%;display:block}.house-mailbox{cursor:pointer;background:0 0;border:0;border-radius:20%;width:15%;min-width:44px;height:13%;min-height:44px;position:absolute;top:54%;left:25.5%}.house-mailbox:active{background:#fff2}.house-viewport{top:var(--house-view-top);height:var(--house-view-height);pointer-events:none;width:100%;position:absolute}.house-viewport button,.house-letter{pointer-events:auto}.house-letter-shade{background:#739eb66b;position:absolute;inset:0}.house-letter{inset:max(82px, calc(env(safe-area-inset-top) + 65px)) 12px max(18px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.house-paper-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:auto}.house-paper{aspect-ratio:1350/1650;flex:none;width:min(92vw,81.8182svh - 155.455px,780px);margin:auto;position:relative}.house-paper>img{width:100%;height:100%;display:block}.house-paper textarea{resize:none;color:#79522f;overflow-wrap:anywhere;background:0 0;border:0;border-radius:3px;width:53%;height:37%;padding:4px;font:clamp(16px,1.25vw,23px)/1.65 RIWISLE Dialogue,sans-serif;position:absolute;top:25%;left:23%}.house-paper textarea::placeholder{color:#a78459;opacity:1}.house-paper textarea:focus-visible{outline-offset:3px;outline:1px solid #c5a26488}.house-done,.house-back{cursor:pointer;background:0 0;border:0;padding:0}.house-done{color:#fff5d3;text-shadow:1px 2px #975d22;flex:none;align-items:center;gap:3px;min-height:44px;font-size:28px;display:flex}.house-done img{width:clamp(100px,8vw,150px);display:block}.house-done:disabled{opacity:.5;cursor:default}.house-scene .house-feedback{left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));color:#5b4435;text-align:center;text-wrap:balance;pointer-events:none;margin:0;font:400 clamp(18px,1.45vw,30px)/1.65 RIWISLE Dialogue,sans-serif;animation:4s cubic-bezier(.22,.61,.36,1) both house-feedback-life;position:absolute;top:76%}.house-scene .house-feedback:lang(en){font-family:RIWISLE English,sans-serif;font-size:clamp(16px,1.2vw,25px);line-height:1.6}.house-mail-hint{pointer-events:none;opacity:0;transform-origin:47% 85%;width:12%;height:auto;position:absolute;top:29%;left:30%}.house-mail-hint.is-ready{animation:.5s ease-out .45s both house-hint-in}@keyframes house-hint-in{0%{opacity:0;scale:.75}70%{opacity:1;scale:1.05}to{opacity:1;scale:1}}.house-back{right:5%;bottom:max(5%, env(safe-area-inset-bottom));width:clamp(150px,14vw,250px);min-height:44px;position:absolute}.house-back img{width:100%;display:block}@keyframes house-feedback-life{0%{opacity:0;translate:0 6px}12.5%,87.5%{opacity:1;translate:0}to{opacity:0;visibility:hidden;translate:0 -6px}}@media (hover:hover) and (pointer:fine){.house-mailbox:hover{background:#fff1}}@media (width<=700px){.house-plane{aspect-ratio:3375/6188;width:min(100vw,54.5411svh)}.house-mailbox{width:33%;height:10%;top:38.5%;left:.5%}.house-paper textarea{font-size:16px}.house-mail-hint{width:32%;top:18%;left:10%}.house-scene .house-feedback{font-size:clamp(17px,4.4vw,20px);line-height:1.5;top:75%}.house-scene .house-feedback:lang(en){font-size:clamp(15px,3.8vw,18px);line-height:1.5}.house-back{left:50%;right:auto;bottom:max(5%, env(safe-area-inset-bottom));width:150px;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.house-scene .house-feedback{translate:none!important}.house-mail-hint.is-ready{opacity:1;animation:none}}.house-letter-status{text-align:center;color:#79522f;width:min(85vw,400px);margin:0;font:14px/1.4 RIWISLE Dialogue,sans-serif;position:absolute;bottom:51px;left:50%;transform:translate(-50%)}.house-turnstile:empty{display:none}.house-turnstile{position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.otter-scene{z-index:20;background:#c5e5ff;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.otter-stage{width:min(88vw,980px,78dvh);height:min(88vw,980px,78dvh)}@media (width<=600px){.otter-stage{width:min(96vw,76dvh);height:min(96vw,76dvh)}}.otter-return-group{z-index:5;right:calc(clamp(20px, 2.3vw, 44px) + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute}.otter-squeeze-hint{z-index:5;color:#684b36;text-align:center;pointer-events:none;margin:0;font:400 clamp(20px,1.6vw,26px)/1.4 RIWISLE Dialogue,sans-serif;position:absolute;top:89%;left:50%;transform:translate(-50%,-50%)}.otter-squeeze-hint:lang(en){font-family:RIWISLE English,RIWISLE Dialogue,sans-serif;font-size:clamp(16px,1.2vw,20px)}.otter-back-map{color:#684b36;cursor:pointer;background:0 0;border:0;width:clamp(150px,17vw,220px);height:clamp(48px,7dvh,68px);padding:0}.otter-back-map img{object-fit:contain;width:100%;height:100%;display:block}.otter-back-map span{border:1px solid;border-radius:24px;padding:12px;display:block}@media (height<=500px){.otter-return-group{bottom:calc(8px + env(safe-area-inset-bottom));gap:8px}.otter-back-map{width:150px;height:44px}}@media (width<=600px){.otter-squeeze-hint{top:auto;bottom:calc(24px + env(safe-area-inset-bottom) + clamp(48px, 7dvh, 68px) + 16px);transform:translate(-50%)}}.landing-scene,.landing-environment{position:absolute;inset:0}.landing-environment{pointer-events:none}.landing-sea{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.landing-island{--darling-x:58.5%;--darling-y:23%;width:min(60vw,1400px,112dvh);position:absolute;top:46.3%;left:50%;transform:translate(-50%)}.island-art{object-fit:contain;width:100%;height:auto;transition:opacity .45s;display:block}.is-welcoming .island-art{opacity:.58}.landing-cloud{--cloud-drift:22px;height:auto;transition:opacity .45s;position:absolute}.cloud-1{width:21.8%;animation:13s ease-in-out infinite alternate cloud-drift;top:20.9%;left:13.6%}.cloud-2{width:23.8%;animation:15s ease-in-out -5s infinite alternate-reverse cloud-drift;top:23%;left:54.4%}.cloud-3{width:10.3%;animation:11s ease-in-out -3s infinite alternate cloud-drift;top:15.1%;left:46.8%}.cloud-4{width:9.3%;top:13%;left:77.1%}.is-welcoming .landing-cloud{opacity:.66}@keyframes cloud-drift{0%{transform:translateX(calc(-1 * var(--cloud-drift)))}to{transform:translateX(var(--cloud-drift))}}.darling-anchor{left:var(--darling-x);top:var(--darling-y);position:absolute;transform:translate(-50%,-100%)}.darling-bubble{aspect-ratio:1;width:clamp(48px,4.1vw,78px);animation:darling-appear var(--darling-duration) ease both;background:#fffef5f5;border-radius:50% 50% 46% 48%;position:relative;box-shadow:0 2px 6px #526d7630}.darling-bubble:after{content:"";background:inherit;border-radius:0 0 3px;width:13%;height:13%;position:absolute;bottom:-4%;left:47%;transform:rotate(45deg)}.darling-avatar{width:120%;height:auto;animation:.6s ease-in-out 3 darling-hop;position:absolute;top:-26%;left:-7%}@keyframes darling-appear{0%{opacity:0;transform:scale(.9)}12%,86%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes darling-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.landing-welcome{animation:.45s both welcome-in;position:absolute;inset:0}.landing-welcome.is-leaving{pointer-events:none;animation:.25s both welcome-out}.landing-dialogue{aspect-ratio:795/371;color:#70503e;width:min(45.5vw,1080px);font-family:RIWISLE Dialogue,sans-serif;position:absolute;top:33.3%;left:50%;transform:translate(-50%)}.dialogue-panel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dialogue-copy{padding:7% 7.5% 8%;font-size:clamp(17px,1.45vw,29px);line-height:1.65;position:relative}.dialogue-copy h1{margin:0 0 .8em;font-size:1.2em;font-weight:400}.dialogue-copy p{margin:0 0 .75em}.dialogue-copy .dialogue-signature{text-align:right;margin:.85em 6% 0 0;font-size:.86em}.landing-dialogue:lang(en){font-family:RIWISLE English,RIWISLE Dialogue,sans-serif}.landing-dialogue:lang(en) .dialogue-copy{font-size:clamp(15px,1.2vw,24px);line-height:1.55}.enter-island{cursor:pointer;background:0 0;border:0;width:clamp(150px,13vw,310px);min-height:44px;padding:0;position:absolute;top:85.4%;left:50%;transform:translate(-50%)}.enter-island img{filter:drop-shadow(2px 3px 1px #40525755);width:100%;height:auto;transition:transform .18s;display:block}@media (hover:hover) and (pointer:fine){.enter-island:hover img{transform:scale(1.03)}}.enter-island:active img{transform:scale(.99)}@keyframes welcome-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@keyframes welcome-out{0%{opacity:1}to{opacity:0}}.landing-transition{z-index:10;pointer-events:auto;position:absolute;inset:0;overflow:hidden}.transition-leaf{width:max(100vw,190dvh);height:auto;transition:transform .75s cubic-bezier(.42,0,.24,1);position:absolute;top:60%}.leaf-from-left{right:calc(50% - max(40vw,76dvh));transform:translate(-110%,-50%)}.leaf-from-right{left:calc(50% - max(40vw,76dvh));transform:translate(110%,-50%)}.transition-closing .transition-leaf,.transition-covered .transition-leaf{transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.transition-opening .transition-leaf{transition-duration:1.05s;transition-timing-function:linear}}@media (width<=700px) and (orientation:portrait){.landing-cloud{--cloud-drift:14px}.landing-island{--darling-x:58%;--darling-y:22%;width:99%;top:calc(75% - 43.9vw)}.cloud-1{width:30.6%;top:20.5%;left:6.8%}.cloud-2{width:33%;top:25.2%;left:62.3%}.cloud-3{width:12.4%;top:16.6%;left:69.3%}.cloud-4{width:18.2%;top:20.5%;left:44%}.darling-bubble{width:clamp(43px,11.5vw,51px)}.landing-dialogue{aspect-ratio:1.62;width:82%;min-height:27dvh;top:39%}.dialogue-copy{padding:7% 7% 12%;font-size:clamp(14px,3.8vw,17px);line-height:1.55}.dialogue-copy h1{margin-bottom:.75em;font-size:1.13em}.dialogue-copy p{margin-bottom:.7em}.dialogue-copy .dialogue-signature{margin-top:.7em;margin-right:5%;font-size:.84em}.landing-dialogue:lang(en) .dialogue-copy{font-size:clamp(12px,3.3vw,15px);line-height:1.5}.enter-island{width:31%;min-width:128px;top:81.8%}}@media (height<=550px) and (orientation:landscape){.scene-controls{top:max(8px, env(safe-area-inset-top))}.landing-island{width:min(60vw,116dvh)}.landing-dialogue{aspect-ratio:2.05;width:min(64vw,115dvh);top:24%}.dialogue-copy{padding:5% 7%;font-size:clamp(13px,3.2dvh,17px);line-height:1.4}.dialogue-copy h1,.dialogue-copy p{margin-bottom:.5em}.landing-dialogue:lang(en) .dialogue-copy{font-size:clamp(12px,2.8dvh,15px)}.enter-island{width:120px;top:auto;bottom:max(14px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.landing-cloud,.darling-avatar{animation:none}.darling-bubble{animation-name:darling-fade}.landing-welcome{animation-name:welcome-fade}.landing-welcome.is-leaving{animation-name:welcome-out}.enter-island img{transition:none}.enter-island:hover img,.enter-island:active img{transform:none}.transition-leaf{opacity:0;transition:opacity .35s;transform:translateY(-50%)}.transition-closing .transition-leaf,.transition-covered .transition-leaf{opacity:1}}@keyframes darling-fade{0%,to{opacity:0}12%,86%{opacity:1}}@keyframes welcome-fade{0%{opacity:0}to{opacity:1}}@font-face{font-family:RIWISLE Chinese Scene;src:url(/assets/fonts/chinese-scene/JasonHandwriting1.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:RIWISLE English Scene;src:url(/assets/fonts/english-scene/Sniglet/Sniglet-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.app-shell-day{background:#fff}.day-scene{opacity:1;background:linear-gradient(#1089ff 0 50%,#fff 50% 100%);transition:opacity .45s;position:absolute;inset:0}.day-scene.is-leaving{opacity:0;pointer-events:none}.day-art{pointer-events:none;background-image:linear-gradient(#1089ff,#3a9dfd 10%,#60b0fd 20%,#80c1fe 30%,#90c8fe 40%,#aad5fe 50%,#c5e2fe 60%,#d9ebff 70%,#f1f7ff 80%,#fff 90%);background-position:50%;background-repeat:repeat-x;background-size:100% min(100dvh,56.25vw);position:absolute;inset:0}.day-art img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.day-narration{color:#5b4435;text-align:left;text-wrap:balance;pointer-events:none;width:21%;margin:0;font-family:RIWISLE Chinese Scene,sans-serif;font-size:clamp(18px,1.45vw,30px);font-weight:400;line-height:1.65;position:absolute;top:68.5%;left:5.1%}.day-narration span{display:block}.day-narration:lang(en){font-family:RIWISLE English Scene,sans-serif;font-size:clamp(16px,1.2vw,25px);line-height:1.6}.day-continue{right:max(5.7%, calc(env(safe-area-inset-right) + 14px));bottom:max(10%, calc(env(safe-area-inset-bottom) + 16px));cursor:pointer;background:0 0;border:0;width:clamp(150px,10.6vw,250px);min-height:44px;padding:0;position:absolute}.day-continue img{width:100%;height:auto;transition:transform .18s,filter .18s;display:block}.day-narration,.day-continue{opacity:0;visibility:hidden;transition:opacity .55s cubic-bezier(.22,.61,.36,1),translate .55s cubic-bezier(.22,.61,.36,1);translate:0 6px}.day-narration.is-visible,.day-continue.is-visible{opacity:1;visibility:visible;translate:0}.day-scene.is-exploring .day-narration,.day-scene.is-exploring .day-continue{transition:none}.day-continue:active img{filter:brightness(.97);transform:scale(.99)}.day-continue:focus-visible,.scene-controls-day button:focus-visible{outline-color:#70503e}.scene-controls.scene-controls-day{color:#684b36}.scene-controls-day .sound-toggle img{filter:brightness(0)saturate()invert(28%)sepia(18%)saturate(1012%)hue-rotate(337deg)brightness(95%)contrast(86%)}.map-toggle{width:clamp(54px,4.3vw,85px);position:relative}.map-toggle img{pointer-events:none;width:100%;height:auto;transition:scale .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-47%)}.map-toggle:active img{scale:.98}@media (hover:hover) and (pointer:fine){.day-continue:hover img{transform:scale(1.03)}.map-toggle:hover img{scale:1.03}}@media (width<=700px) and (orientation:portrait){.day-scene{background:linear-gradient(#148eff 0 50%,#fff 50% 100%)}.day-art{background-image:linear-gradient(#148eff,#349bfe 10%,#54aafe 20%,#75bafe 30%,#8fc7fe 40%,#a4d2fe 50%,#b5dbfe 60%,#c6e3fe 70%,#daecfe 80%,#edf5fe 90%,#fff);background-size:100% min(100dvh,183.348vw)}.day-narration{top:81.5%;left:max(4.5%, calc(env(safe-area-inset-left) + 16px));width:68%;font-size:clamp(17px,4.4vw,20px);line-height:1.5}.day-narration:lang(en){font-size:clamp(15px,3.8vw,18px);line-height:1.5}.day-continue{width:clamp(112px,24.5vw,140px);right:max(4.3%, calc(env(safe-area-inset-right) + 14px));bottom:max(4%, calc(env(safe-area-inset-bottom) + 12px))}.scene-controls-day .map-toggle{width:52px}}@media (height<=550px) and (orientation:landscape){.day-narration{font-size:15px}.day-narration:lang(en){font-size:13px}.day-continue{width:120px;bottom:max(6%, calc(env(safe-area-inset-bottom) + 12px))}}@media (prefers-reduced-motion:reduce){.day-narration,.day-continue{translate:none}.day-continue img,.map-toggle img{transition:none}.day-continue:hover img,.day-continue:active img{transform:none}.map-toggle:hover img,.map-toggle:active img{scale:none}}.app-shell.app-shell-board{background:#fceec8}.board-scene,.board-editor-placeholder{background:#fceec8;position:absolute;inset:0}.board-scene{transition:opacity .45s}.board-scene.is-leaving{opacity:0;pointer-events:none}.board-stage{width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.board-art{pointer-events:none;position:absolute;inset:0 16% 0 -16%}.board-art img{object-fit:contain;width:100%;height:100%;display:block}.board-greeting-anchor{pointer-events:none;width:16%;position:absolute;top:32%;left:16.5%}.board-greeting{aspect-ratio:686/615;transform-origin:45% 96%;width:100%;animation:.5s ease-out both board-greeting-pop;position:relative}.board-greeting.is-leaving{animation:.2s ease-in both board-greeting-out}.board-greeting-art{width:100%;height:100%;display:block}.board-greeting-copy{color:#684735;text-align:center;place-items:center;margin:0;font-family:RIWISLE Dialogue,sans-serif;font-size:clamp(17px,1.25vw,26px);font-weight:400;line-height:1.3;display:grid;position:absolute;inset:15% 10% 40%}.board-greeting-copy:lang(en){font-family:RIWISLE English,sans-serif;font-size:clamp(15px,1.12vw,23px)}.board-dialogue-group{width:32%;animation:.4s both board-panel-in;position:absolute;top:34%;left:65%}.board-dialogue{aspect-ratio:627/340;width:100%;position:relative}.board-dialogue-panel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.board-dialogue-copy{color:#684735;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;width:84%;font-family:RIWISLE Dialogue,sans-serif;font-size:clamp(17px,1.3vw,26px);font-weight:400;line-height:1.45;display:flex;position:absolute;top:27%;bottom:10%;left:47.3%;transform:translate(-50%)}.board-dialogue-copy:lang(en){font-family:RIWISLE English,sans-serif;font-size:clamp(15px,1.12vw,23px);line-height:1.45}.board-dialogue-copy p{white-space:pre-line;margin:0}.board-dialogue-copy p+p{margin-top:.38em}.board-dialogue-copy.is-entering{animation:.4s both board-copy-in}.board-dialogue-copy.is-exiting{animation:.18s both board-copy-out}.board-dialogue-actions{place-items:center;width:35%;min-height:44px;margin:12% auto 0;display:grid}.board-advance,.board-start{cursor:pointer;background:0 0;border:0;grid-area:1/1;place-items:center;width:100%;min-width:44px;min-height:44px;padding:0;display:grid}.board-advance{transition:opacity .18s}.board-next-art{aspect-ratio:750/276;pointer-events:none;width:100%;height:auto;display:block}.board-advance.is-changing{opacity:0}.board-advance:disabled{cursor:default}.board-start{opacity:0;visibility:hidden;transition:opacity .4s,translate .4s;display:block;translate:0 4px}.board-start.is-visible{opacity:1;visibility:visible;translate:0}.board-start img{width:100%;height:auto;transition:transform .18s;display:block}.board-start:active img{transform:scale(.99)}.board-start:focus-visible,.board-advance:focus-visible{outline-color:#bd7b2d}@media (hover:hover) and (pointer:fine){.board-start:hover img{transform:scale(1.03)}}@media (width<=700px) and (orientation:portrait){.board-stage{width:100%;height:100%;inset:0;transform:none}.board-art{width:100%;height:auto;inset:calc(58dvh - 154vw) auto auto 0}.board-art img{height:auto}.board-greeting-anchor{width:35%;top:calc(58dvh - 72vw);left:12%}.board-greeting-copy{font-size:clamp(14px,3.8vw,17px)}.board-greeting-copy:lang(en){font-size:clamp(13px,3.5vw,16px)}.board-dialogue-group{top:min(56%, calc(100% - env(safe-area-inset-bottom) - 64vw - 32px));left:max(5%, env(safe-area-inset-left));width:90%}.board-dialogue-copy{width:83%;font-size:clamp(17px,4.35vw,19px);line-height:1.4;top:30%;bottom:7%}.board-dialogue-copy:lang(en){font-size:clamp(15px,3.9vw,17px);line-height:1.3}.board-dialogue-copy p+p{margin-top:.4em}.board-dialogue-actions{margin-top:min(20px,2.4dvh)}}@media (height<=750px) and (orientation:portrait){.board-art{top:calc(51dvh - 154vw)}.board-greeting-anchor{top:calc(51dvh - 72vw)}.board-dialogue-group{top:48%}.board-dialogue-copy{font-size:16px}.board-dialogue-copy:lang(en){font-size:14px}.board-dialogue-actions{margin-top:8px}}@media (height<=550px) and (orientation:landscape){.board-dialogue-group{width:38%;top:26%;left:61%}.board-dialogue{aspect-ratio:auto;height:220px}.board-dialogue-copy{font-size:15px}.board-dialogue-copy:lang(en){font-size:13px}.board-dialogue-actions{margin-top:12px}}@keyframes board-greeting-pop{0%{opacity:0;transform:translateY(6px)scale(.65)}55%{opacity:1;transform:translateY(0)scale(1.08)}78%{opacity:1;transform:translateY(0)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes board-greeting-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}@keyframes board-panel-in{0%{opacity:0}to{opacity:1}}@keyframes board-copy-in{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}@keyframes board-copy-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.board-greeting{animation-name:board-panel-in}.board-greeting.is-leaving{animation-name:board-copy-out}.board-dialogue-copy.is-entering{animation-name:board-panel-in}.board-start{translate:none}.board-start img{transition:none}.board-start:hover img,.board-start:active img{transform:none}}@font-face{font-family:Board UI;src:url(/assets/03-board/editor/assets/shared/fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf)format("truetype");font-weight:100 1000;font-display:swap}.board-editor{--editor-cream:#fceec8;--editor-yellow:#ffd744;--editor-paper:#ffe591;--editor-orange:#ffae48;--editor-ink:#82512d;background:var(--editor-cream);color:var(--editor-ink);font-family:Board UI,RIWISLE Chinese Scene,sans-serif;position:absolute;inset:0;overflow:hidden}.board-editor button{color:inherit;cursor:pointer}.board-editor button:disabled{cursor:not-allowed}.board-editor button:focus-visible{outline-offset:3px;outline:3px solid #b97525}.board-editor img{pointer-events:none}.editor-toolbar{aspect-ratio:189/1636;width:min(5.3vw,9.45dvh);position:absolute;top:8.5%;left:3.5%}.editor-toolbar-art{pointer-events:none;width:100%;height:100%;display:block}.editor-tool{background:0 0;border:0;width:90%;min-width:44px;padding:0;position:absolute;left:5%}.editor-tool img{width:100%;display:block}.editor-tool:disabled{opacity:.6}.editor-tool-undo{top:11.7%}.editor-tool-redo{top:31%}.editor-tool-redo img{width:87%;margin:auto}.editor-tool-save{bottom:2.5%}.editor-workspace{aspect-ratio:3/4;border:3px dotted #c6ced2;place-items:center;width:min(31.25vw,55.8dvh);display:grid;position:absolute;top:10.7%;left:17.1%}.editor-artboard{aspect-ratio:3/4;background:#fff9e9;outline:1px solid #d7ceba;width:94%;position:relative;overflow:visible}.editor-artwork,.editor-selection{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.editor-selection{position:absolute;inset:0}.editor-object-actions{border:1px solid var(--editor-orange);white-space:nowrap;background:#fff8de;border-radius:8px;gap:2px;padding:3px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.editor-object-actions button{opacity:.5;background:0 0;border:0;min-height:32px;padding:4px 7px;font-size:12px}.editor-done{opacity:.6;background:0 0;border:0;place-items:center;width:clamp(88px,8vw,154px);min-height:44px;padding:0;display:grid;position:absolute;top:calc(100% + 3.5dvh);left:50%;transform:translate(-50%)}.editor-done img{pointer-events:none;width:100%;height:auto;display:block}.editor-done:not(:disabled){opacity:1;cursor:pointer}.editor-done[aria-busy=true],.editor-tool-save[aria-busy=true]{opacity:.55;cursor:progress}.editor-panel{background:var(--editor-yellow);border-radius:18px;width:36.8%;padding:14px;transition:transform .3s;position:absolute;top:10%;bottom:8%;right:3.4%}.editor-panel.is-collapsed{transform:translate(calc(100% + 3.4vw))}.editor-panel-inner{border:3px dotted #fffdf2;border-radius:14px;flex-direction:column;height:100%;padding:16px;display:flex}.editor-panel-header{flex:none;position:relative}.editor-tabs{justify-content:space-between;align-items:center;gap:10px;padding:7px 3% 25px;display:flex}.editor-tab{background:0 0;border:0;border-radius:12px;place-items:center;width:25%;min-height:44px;padding:5px;display:grid;position:relative}.editor-tab[aria-pressed=true]{background:var(--editor-orange)}.editor-tab img{width:100%;height:auto;display:block}.editor-panel-toggle{background:var(--editor-orange);border:0;border-radius:8px 0 0 8px;place-items:center;width:44px;height:54px;display:grid;position:absolute;top:4%;right:100%}.editor-chevron{border-top:3px solid #fff8de;border-right:3px solid #fff8de;width:12px;height:12px;display:block;transform:rotate(45deg)}.editor-chevron.points-left{transform:rotate(-135deg)}.editor-chevron.points-down{transform:rotate(135deg)}.editor-chevron.points-up{transform:rotate(-45deg)}.editor-panel-content{background:var(--editor-paper);flex:1;min-height:0}.editor-category{overscroll-behavior:contain;scrollbar-color:#ffae48 #ffe591;scrollbar-width:thin;height:100%;overflow-y:auto}.editor-materials{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2.6vw,48px);padding:clamp(16px,2.1vw,40px) clamp(14px,1.6vw,31px);display:grid}.editor-material{aspect-ratio:3/4;background:0 0;border:2px dotted #ffb75d;place-items:center;width:100%;min-width:0;min-height:44px;padding:6px;display:grid;position:relative}.editor-material>img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.editor-material[aria-pressed=true]{background:#fff2c7;border:2px solid #f49424}.editor-materials-sticker{gap:clamp(10px,1.5vw,28px)}.editor-materials-sticker .editor-material{aspect-ratio:1}.editor-upload-entry:disabled{opacity:.5}.editor-upload-art{width:75%;display:block;position:relative}.editor-upload-art img{width:100%;height:auto;display:block}.editor-text-panel{padding:22px}.editor-add-text{background:var(--editor-orange);border:0;border-radius:999px;width:100%;padding:18px;font-size:clamp(18px,1.5vw,28px);font-weight:700;display:block;color:#fff!important}.editor-add-text:disabled{opacity:.55}.editor-text-settings{opacity:.45;border:0;gap:18px;margin:24px 0 0;padding:0;font-size:14px;display:grid}.editor-text-settings label{gap:8px;display:grid}.editor-text-settings textarea,.editor-text-settings input[type=number],.editor-font-preview{width:100%;color:inherit;font:inherit;background:#fff8de;border:1px solid #e69a37;border-radius:10px;padding:10px;display:block}.editor-size-controls{gap:8px;display:flex}.editor-size-controls button,.editor-format-controls button{background:#fff8de;border:1px solid #e69a37;border-radius:8px;min-width:44px;min-height:44px}.editor-format-controls{flex-wrap:wrap;gap:8px;display:flex}.editor-text-settings input[type=range]{accent-color:#f49424;width:100%}.editor-text-settings .editor-effect-setting{align-items:center;display:flex}@media (width<=700px){.editor-workspace{top:max(calc(120px + env(safe-area-inset-top)), 16dvh);border-width:2px;width:min(68vw,35dvh);left:21%}.editor-artboard{width:94%}.editor-toolbar{top:max(calc(120px + env(safe-area-inset-top)), 16dvh);left:max(5%, env(safe-area-inset-left));aspect-ratio:auto;width:8.4%;height:min(67vw,33dvh)}.editor-toolbar-art{overflow:hidden}.editor-tool{width:100%;min-width:44px;left:50%;transform:translate(-50%)}.editor-tool img{width:75%;margin-inline:auto}.editor-tool-undo{top:3%}.editor-tool-redo{top:26%}.editor-tool-redo img{width:66%}.editor-tool-save{bottom:3%}.editor-done{width:88px;inset:auto 0 calc(100% + 22px) auto;transform:none}.editor-object-actions{gap:0;padding:0}.editor-object-actions button{min-width:40px;min-height:40px;padding:3px;font-size:10px}.editor-panel,.editor-panel.is-collapsed{--sheet-header:80px;top:auto;bottom:0;left:max(5%, env(safe-area-inset-left));right:max(5%, env(safe-area-inset-right));width:auto;height:calc(var(--sheet-header) + env(safe-area-inset-bottom));z-index:3;background:0 0;border-radius:0;max-height:75dvh;padding:0;transition:height .28s;transform:none}.editor-panel[data-sheet=half]{height:34dvh}.editor-panel[data-sheet=full]{height:74dvh}.editor-panel.is-dragging{transition:none}.editor-panel-inner{padding:0 0 env(safe-area-inset-bottom);background:linear-gradient(to bottom, transparent calc(80px - 13.022vw), var(--editor-yellow) calc(80px - 13.022vw));border:0;border-radius:0}.editor-panel-header{height:var(--sheet-header)}.editor-sheet-art{width:100%;height:auto;position:absolute;bottom:0;left:0}.editor-sheet-handle{touch-action:none;z-index:1;background:0 0;border:0;place-items:center;width:30%;height:44px;display:grid;position:absolute;top:-16px;left:35%}.editor-sheet-handle span{background:#fff8de;border-radius:5px;width:44px;height:5px;display:block}.editor-sheet-collapse{z-index:1;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:-16px;right:0}.editor-sheet-collapse .editor-chevron{border-width:2px;border-color:#c38026;width:9px;height:9px}.editor-tabs{gap:5px;padding:0;position:absolute;inset:27px 10px 5px}.editor-tab{border-radius:8px;width:25%;padding:3px}.editor-panel-content{margin:8px 14px 14px;overflow:hidden}.editor-panel[data-sheet=closed] .editor-panel-content{visibility:hidden;margin-block:0}.editor-materials{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 8px;padding:10px 8px}.editor-material{border-width:1px;padding:2px}.editor-material[aria-pressed=true]{border-width:1px}.editor-materials-sticker .editor-material{aspect-ratio:3/4}.editor-upload-art{width:100%}.editor-text-panel{padding:14px}.editor-add-text{width:85%;min-height:44px;margin:auto;padding:12px;font-size:17px}}@media (prefers-reduced-motion:reduce){.editor-panel{transition:none}}.editor-artboard{touch-action:none}.editor-artwork{pointer-events:auto}.editor-object{pointer-events:all;cursor:move;-webkit-user-select:none;user-select:none}.editor-object text{white-space:pre}.editor-object-actions{z-index:2;transform:none}.editor-object-actions button{opacity:1}.editor-object-actions button:disabled{opacity:.4}.editor-handle{touch-action:none;z-index:1;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.editor-handle span{background:#fff;border:2px solid #ff9e28;border-radius:50%;place-items:center;width:16px;height:16px;display:grid}.editor-scale-handle{cursor:nwse-resize!important}.editor-rotate-handle{cursor:grab!important}.editor-rotate-handle span{color:#e58b20;width:22px;height:22px;font:20px/1 sans-serif}.editor-text-settings{opacity:1;min-width:0}.editor-text-settings:disabled{opacity:.45}.editor-text-settings textarea{resize:vertical;min-height:90px}.editor-font-setting,.editor-color-setting{gap:8px;display:grid}.editor-font-list{overscroll-behavior:contain;gap:8px;max-height:320px;display:grid;overflow-y:auto}.editor-font-card{text-align:left;background:#fff8de;border:1px solid #e69a37;border-radius:10px;gap:6px;width:100%;padding:10px;display:grid}.editor-font-card span{overflow-wrap:anywhere;font-size:22px}.editor-font-card:disabled{opacity:.5}.editor-font-card[aria-pressed=true]{outline-offset:-2px;outline:2px solid #f49424}.editor-format-controls button[aria-pressed=true]{background:var(--editor-orange)}.editor-color-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-color-swatches button{border:2px solid #fff8de;border-radius:50%;width:34px;height:34px}.editor-color-swatches button[aria-pressed=true]{outline:2px solid #e69a37}.editor-effect-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editor-file-input{display:none}.editor-upload-error{grid-column:1/-1;font-size:14px}@media (width<=700px){.editor-text-settings textarea,.editor-text-settings input,.editor-font-preview{font-size:16px}.editor-color-swatches button{width:40px;height:40px}.editor-object-actions button{min-width:44px;min-height:44px}}.editor-text-settings input[type=checkbox]{accent-color:#f49424}.editor-text-settings textarea:focus-visible,.editor-text-settings input:focus-visible{outline-offset:2px;outline:2px solid #e69a37}.editor-board-crop{width:min(420px,90vw);max-height:92dvh;color:var(--editor-ink);background:var(--editor-cream);border:2px solid var(--editor-orange);border-radius:14px;padding:20px;overflow-y:auto}.editor-board-crop::backdrop{background:#68473566}.editor-board-crop h2{margin:0 0 12px;font-size:18px}.editor-board-crop-preview{aspect-ratio:3/4;outline:2px solid var(--editor-orange);cursor:move;touch-action:none;background:#fff9e9;width:min(100%,43.5dvh);margin:0 auto 16px;display:block;overflow:hidden}.editor-board-crop-zoom,.editor-board-crop-actions{align-items:center;gap:12px;margin-top:8px;display:flex}.editor-board-crop input[type=range]{accent-color:#f49424;flex:1;min-width:0}.editor-board-crop button{background:#fff8de;border:1px solid #e69a37;border-radius:8px;min-width:44px;min-height:44px}.editor-board-crop-actions{justify-content:flex-end;margin-top:16px}.editor-board-crop-actions button{padding-inline:18px}.editor-export-error{background:var(--editor-paper);z-index:4;border-radius:8px;width:190px;padding:8px;font-size:13px;position:absolute;top:100%;left:0}.board-result-viewport{--result-top:calc(max(22px, env(safe-area-inset-top)) + 60px);--result-bottom:max(16px, env(safe-area-inset-bottom));inset:var(--result-top) env(safe-area-inset-right) var(--result-bottom) env(safe-area-inset-left);place-items:center;display:grid;position:absolute}.board-result .board-stage{width:min(100%, calc(100vw * 3745 / 8000), calc(100dvh * 3745 / 4500), calc((100dvh - var(--result-top) - var(--result-bottom)) * 3745 / 3631));aspect-ratio:3745/3631;height:auto;position:relative;inset:auto;transform:none}.board-result .board-result-art{width:213.618%;height:123.933%;inset:-11.5671% auto auto -56.8224%}.board-result .board-greeting-anchor{width:16%;top:32%;left:32.5%}@media (width<=700px){.board-result-viewport{--result-top:calc(env(safe-area-inset-top) + 75px)}}@media (width<=700px) and (orientation:portrait){.board-result .board-stage{width:min(100%, calc((100dvh - var(--result-top) - var(--result-bottom)) * 3375 / 3534));aspect-ratio:3375/3534}.board-result .board-result-art{width:100%;height:175.099%;top:-47.5948%;left:0}.board-result .board-greeting-anchor{width:35%;top:44.7237%;left:12%}}.board-result-display{place-items:center;width:12.0875%;height:27.3111%;display:grid;position:absolute;top:44.8%;left:52.0375%}.board-result-art .board-result-work{aspect-ratio:3/4;object-fit:contain;opacity:0;width:82.7301%;max-width:100%;height:auto;max-height:100%;transform:scale(.96)}.board-result-work.is-visible{animation:.5s cubic-bezier(.22,.61,.36,1) both board-work-in}.board-result-error{left:5%;bottom:max(16px, env(safe-area-inset-bottom));color:#684735;font-family:RIWISLE Dialogue,sans-serif;position:absolute}.board-result-error:lang(en){font-family:RIWISLE English,sans-serif}.board-result-error button{min-height:44px;color:inherit;background:#fff9e9;border:1px solid #bd7b2d;border-radius:8px;padding:8px 16px}@media (width<=700px) and (orientation:portrait){.board-result-display{width:27.8815%;height:19.3277%;top:52.2786%;left:54.6963%}.board-result-art .board-result-work{width:82.492%}}@keyframes board-work-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.board-result-work.is-visible{animation-name:board-panel-in;transform:none}}@font-face{font-family:RIWISLE Korean Scene;src:url(/assets/fonts/korean/Gamja_Flower/GamjaFlower-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}.rain-scene,.campfire-placeholder{background:#fff;position:absolute;inset:0}.rain-scene{background:linear-gradient(#b8cfe3,#b7d2e3 20%,#dbeeff 55%,#fff 90%)}.rain-content{opacity:0;transition:opacity .6s;position:absolute;inset:0}.rain-scene.is-ready .rain-content{opacity:1}.rain-scene.is-leaving .rain-content{opacity:0}.rain-art{pointer-events:none;position:absolute;inset:0}.rain-art img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.rain-canvas{touch-action:pan-y pinch-zoom;width:100%;height:100%;position:absolute;inset:0}.rain-narration{top:67%;left:max(8.5%, calc(env(safe-area-inset-left) + 20px));color:#435666;pointer-events:none;width:25%;font-family:RIWISLE Chinese Scene,sans-serif;font-size:clamp(20px,1.45vw,30px);font-weight:400;line-height:1.65;position:absolute}.rain-narration:lang(en){font-family:RIWISLE English Scene,sans-serif;font-size:clamp(17px,1.15vw,24px)}.rain-narration p{margin:0 0 .25em}.rain-narration p,.rain-continue{opacity:0;visibility:hidden;transition:opacity .6s,translate .6s;translate:0 4px}.rain-narration p.is-visible,.rain-continue.is-visible{opacity:1;visibility:visible;translate:0}.rain-korean{top:max(21%, calc(env(safe-area-inset-top) + 90px));right:max(8%, calc(env(safe-area-inset-right) + 20px));white-space:pre-line;text-align:center;color:#435666;pointer-events:none;width:25%;margin:0;font-family:RIWISLE Korean Scene,sans-serif;font-size:clamp(17px,1.1vw,23px);line-height:1.4;position:absolute}.rain-continue{right:max(5%, calc(env(safe-area-inset-right) + 16px));bottom:max(6%, calc(env(safe-area-inset-bottom) + 16px));cursor:pointer;background:0 0;border:0;width:clamp(150px,10.6vw,250px);min-height:44px;padding:0;position:absolute}.rain-continue img{width:100%;height:auto;display:block}.rain-continue:focus-visible{outline-color:#70503e}@media (width<=700px) and (orientation:portrait){.rain-narration{top:79%;left:max(5.5%, calc(env(safe-area-inset-left) + 16px));width:89%;font-size:clamp(16px,4.3vw,19px);line-height:1.45}.rain-narration:lang(en){font-size:clamp(14px,3.7vw,16px);line-height:1.45}.rain-narration p{margin-bottom:.2em}.rain-korean{top:max(13%, calc(env(safe-area-inset-top) + 78px));right:max(5.5%, calc(env(safe-area-inset-right) + 16px));width:72%;font-size:clamp(14px,3.6vw,16px);line-height:1.45}.rain-continue{width:clamp(112px,28vw,140px);bottom:max(2.5%, calc(env(safe-area-inset-bottom) + 12px))}}@media (height<=550px) and (orientation:landscape){.rain-narration{width:27%;font-size:15px;top:58%}.rain-narration:lang(en){font-size:13px}.rain-korean{font-size:14px}.rain-continue{width:112px;bottom:max(3%, calc(env(safe-area-inset-bottom) + 10px))}}@media (prefers-reduced-motion:reduce){.rain-narration p,.rain-continue{translate:none}}.campfire-scene,.reasons-placeholder{background:#101e30;position:absolute;inset:0}.campfire-content{opacity:0;background:linear-gradient(#111d2f 50%,#525595 50%);transition:opacity .6s;position:absolute;inset:0}.campfire-scene.is-ready .campfire-content{opacity:1}.campfire-scene.is-leaving .campfire-content{opacity:0}.campfire-art{pointer-events:none;background-image:linear-gradient(#111d2f,#1c3557 25%,#394b7b 60%,#525595);background-position:50%;background-repeat:repeat-x;background-size:100% min(100dvh,56.25vw);position:absolute;inset:0}.campfire-art img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.campfire-narration{top:73%;left:max(3.5%, calc(env(safe-area-inset-left) + 20px));color:#eeeaf2;pointer-events:none;width:24%;font-family:RIWISLE Chinese Scene,sans-serif;font-size:clamp(20px,1.45vw,30px);font-weight:400;line-height:1.6;display:grid;position:absolute}.campfire-narration:lang(en){font-family:RIWISLE English Scene,sans-serif;font-size:clamp(18px,1.2vw,25px)}.campfire-narration p{grid-area:1/1;margin:0}.campfire-narration span{display:block}.campfire-core{color:#fff7e7;font-size:1.1em}.campfire-narration span,.campfire-lookup{opacity:0;visibility:hidden;transition:opacity .6s,translate .6s,visibility 0s .6s;translate:0 4px}.campfire-narration span.is-visible,.campfire-lookup.is-visible{opacity:1;visibility:visible;transition-delay:0s;translate:0}.campfire-lookup{left:50%;bottom:max(2.5%, calc(env(safe-area-inset-bottom) + 16px));cursor:pointer;background:0 0;border:0;width:clamp(160px,11vw,220px);min-height:44px;padding:0;position:absolute;transform:translate(-50%)}.campfire-lookup img{width:100%;height:auto;display:block}@media (width<=700px) and (orientation:portrait){.campfire-content{background:linear-gradient(#111d30 50%,#545394 50%)}.campfire-art{background-image:linear-gradient(#111d30,#1c3557 25%,#394b7b 60%,#545394);background-size:100% min(100dvh,183.348vw)}.campfire-narration{top:80.5%;left:max(6%, calc(env(safe-area-inset-left) + 18px));width:88%;font-size:clamp(17px,4.4vw,20px);line-height:1.5}.campfire-narration:lang(en){font-size:clamp(16px,4.1vw,18px);line-height:1.5}.campfire-lookup{width:clamp(128px,33vw,148px);bottom:max(2.5%, calc(env(safe-area-inset-bottom) + 12px))}}@media (height<=550px) and (orientation:landscape){.campfire-narration{width:26%;font-size:15px;top:60%}.campfire-narration:lang(en){font-size:13px}.campfire-lookup{width:125px}}@media (prefers-reduced-motion:reduce){.campfire-narration span,.campfire-lookup{translate:none}}.reasons-scene,.ending-placeholder{background:#101e30;position:absolute;inset:0}.reasons-scene{overflow:hidden auto}.reasons-sky{background:radial-gradient(at 48% 100%,#18273c 0%,#091322 52%,#040910 100%);width:100%;height:100%;min-height:660px;animation:.9s both reasons-reveal;position:relative}.reasons-stars{top:88px;bottom:230px;left:max(24px, env(safe-area-inset-left));right:max(24px, env(safe-area-inset-right));position:absolute}.reason-star{left:var(--x);top:var(--y);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.reason-star span{width:var(--star-size);height:var(--star-size);opacity:.85;filter:brightness(var(--star-brightness));animation:reason-twinkle var(--twinkle-time) ease-in-out var(--twinkle-delay) infinite alternate;background:#f0f4ff;border-radius:50%;box-shadow:0 0 5px 1px #c4ddff5c}.reason-star:nth-child(9n) span{background:#fff1d3;box-shadow:0 0 7px 1px #ffdf9a55}.reason-star.is-viewed span{background:#d3e0ef;box-shadow:0 0 4px 1px #c4ddff38}.reason-star:focus-visible{outline-offset:-2px;outline:1px solid #dce7f4}@media (hover:hover){.reason-star:hover span{box-shadow:0 0 8px 2px #c4ddff80}}.reasons-intro{text-align:center;color:#eceff5;opacity:0;pointer-events:none;font:400 clamp(20px,1.6vw,30px)/1.65 RIWISLE Chinese Scene,sans-serif;transition:opacity .7s;position:absolute;bottom:112px;left:24px;right:24px}.reasons-intro.is-visible{opacity:1}.reasons-intro:lang(en){font-family:RIWISLE English Scene,sans-serif}.reasons-intro p{margin:0}.reasons-continue{bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px));cursor:pointer;background:0 0;border:0;width:clamp(180px,13vw,240px);min-height:44px;padding:0;animation:.7s both reasons-reveal;position:absolute;left:50%;transform:translate(-50%)}.reasons-continue img{object-fit:contain;width:100%;height:auto;max-height:94px;display:block}.reason-overlay{z-index:4;padding:max(86px, calc(env(safe-area-inset-top) + 64px)) max(24px, env(safe-area-inset-right)) max(86px, calc(env(safe-area-inset-bottom) + 64px)) max(24px, env(safe-area-inset-left));background:#040a1466;place-items:center;display:grid;position:fixed;inset:0}.reason-card{color:#704638;background:#fceec6;border:3px solid #ffb44c;border-radius:16px;width:clamp(460px,35vw,680px);max-height:100%;animation:.38s both reason-card-enter;position:relative;box-shadow:0 12px 50px #0003}.reason-card:before{content:"";pointer-events:none;border:1.5px dotted #ac8068;border-radius:9px;position:absolute;inset:7px}.reason-close{z-index:1;cursor:pointer;background:0 0;border:0;width:44px;height:44px;padding:6px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%)}.reason-close svg{width:100%;height:100%;display:block}.reason-close:focus-visible{outline-offset:2px;border-radius:50%;outline-color:#704638}.reason-card-copy{text-align:center;flex-direction:column;justify-content:safe center;max-height:calc(100dvh - 190px);padding:24px 32px 28px;display:flex;overflow-y:auto}.reason-number{margin:0 0 16px;font:400 clamp(15px,1vw,18px)/1.4 RIWISLE English Scene,sans-serif}.reason-ko{word-break:keep-all;overflow-wrap:anywhere;white-space:pre-wrap;margin:0 0 12px;font:400 clamp(23px,1.6vw,29px)/1.45 RIWISLE Korean Scene,sans-serif}.reason-zh{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font:400 clamp(18px,1.15vw,22px)/1.65 RIWISLE Chinese Scene,sans-serif}@keyframes reason-twinkle{0%{opacity:.7}to{opacity:.98}}@keyframes reasons-reveal{0%{opacity:0}to{opacity:1}}@keyframes reason-card-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=700px){.reasons-sky{min-height:667px}.reasons-stars{top:78px;bottom:190px;left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right))}.reason-star{left:var(--mobile-x);top:var(--mobile-y);width:32px;height:32px}.reasons-intro{font-size:clamp(17px,4.5vw,20px);line-height:1.7;bottom:106px;left:20px;right:20px}.reasons-continue{width:180px}.reason-overlay{padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}.reason-card{border-width:3px;border-radius:14px;width:min(82vw,360px);max-height:calc(100dvh - 190px)}.reason-card-copy{max-height:calc(100dvh - 200px);padding:22px 22px 26px}.reason-number{margin-bottom:16px;font-size:15px}.reason-ko{margin-bottom:12px;font-size:23px}.reason-zh{font-size:18px}.reason-close{padding:8px;bottom:-56px}}@media (width<=700px) and (height<=829px){.reason-star{left:var(--compact-mobile-x);top:var(--compact-mobile-y);width:27px;height:27px}}@media (prefers-reduced-motion:reduce){.reason-star span{animation:none}.reason-card{animation-name:reasons-reveal}}.reasons-moon{opacity:.8;pointer-events:none;background:#e9e7d5;border-radius:50%;width:44px;height:44px;position:absolute;top:28%;left:18%;-webkit-mask-image:radial-gradient(circle at 72% 28%,#0000 54%,#000 56%);mask-image:radial-gradient(circle at 72% 28%,#0000 54%,#000 56%)}@media (width<=700px){.reasons-moon{width:34px;height:34px;top:31%;left:21%}}.ending-scene{color:#fffdf4;background:radial-gradient(at 50% 44%,#2b2632 0%,#181b2a 44%,#0b101c 100%);position:absolute;inset:0;overflow:hidden}.ending-wall{pointer-events:none;opacity:.92;filter:brightness();transition:opacity 1.2s,filter 1.2s;position:absolute;inset:0}.ending-wall.is-subdued{opacity:.54;filter:brightness(.82)}.ending-collage{width:max(100vw, calc(100dvh * var(--wall-ratio)));aspect-ratio:var(--wall-ratio);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ending-photo{left:var(--photo-x);top:var(--photo-y);width:var(--photo-width);transform:translate(-50%, -50%) rotate(var(--photo-angle)) scale(var(--photo-size));position:absolute}.ending-photo img{opacity:0;width:100%;height:auto;display:block;box-shadow:0 8px 24px #0005}.ending-scene.is-ready .ending-photo img{animation:ending-photo-arrive .8s ease-out var(--photo-delay) both}.ending-center{inset:max(86px, calc(env(safe-area-inset-top) + 64px)) max(16px, env(safe-area-inset-right)) max(28px, calc(env(safe-area-inset-bottom) + 20px)) max(16px, env(safe-area-inset-left));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.ending-hero{opacity:0;transition:opacity 1.2s ease-out,transform 1.2s ease-out;transform:translateY(16px)scale(.92)}.ending-hero img{object-fit:contain;width:auto;max-width:38vw;height:min(51dvh,550px);display:block}.ending-hero.is-visible{opacity:1;transform:translateY(0)scale(1)}.ending-copy{text-align:center;opacity:0;text-shadow:0 2px 12px #0b101c;margin-top:clamp(20px,2.5dvh,30px);font-family:RIWISLE Chinese Scene,sans-serif;transition:opacity .8s,transform .8s;transform:translateY(8px)}.ending-copy:lang(en){font-family:RIWISLE English Scene,sans-serif}.ending-copy h1{margin:0 0 10px;font-size:clamp(27px,2.1vw,38px);font-weight:400;line-height:1.3}.ending-copy p{white-space:nowrap;margin:0;font-size:clamp(17px,1.35vw,24px);line-height:1.6}.ending-copy:lang(en) p{font-size:clamp(16px,1.18vw,22px)}.ending-copy.is-visible,.ending-back.is-visible{opacity:1;transform:translateY(0)}.ending-back{cursor:pointer;pointer-events:auto;opacity:0;background:0 0;border:0;flex-shrink:0;width:clamp(180px,14vw,238px);min-height:44px;margin-top:clamp(22px,3dvh,36px);padding:0;transition:opacity .7s,transform .7s;transform:translateY(8px)}.ending-back:disabled{pointer-events:none}.ending-back img{width:100%;height:auto;display:block}@keyframes ending-photo-arrive{0%{opacity:0;transform:translateY(12px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.ending-collage{width:max(100vw, calc(100dvh * var(--mobile-wall-ratio)));aspect-ratio:var(--mobile-wall-ratio)}.ending-photo{left:var(--mobile-x);top:var(--mobile-y);width:var(--mobile-width)}.ending-hero img{width:min(76vw,355px);max-width:100%;height:auto;max-height:40dvh}.ending-copy{margin-top:22px}.ending-copy h1{margin-bottom:10px;font-size:clamp(26px,7vw,30px)}.ending-copy p{font-size:clamp(12px,3.45vw,17px)}.ending-copy:lang(en) p{font-size:clamp(12px,3.5vw,16px)}.ending-back{width:180px;margin-top:28px}}@media (height<=600px){.ending-hero img{width:auto;height:36dvh}.ending-copy{margin-top:12px}.ending-copy h1{margin-bottom:4px;font-size:24px}.ending-copy p,.ending-copy:lang(en) p{font-size:clamp(12px,3.5vw,15px)}.ending-back{width:150px;margin-top:14px}}@media (prefers-reduced-motion:reduce){.ending-scene.is-ready .ending-photo img{animation-name:ending-photo-fade}.ending-hero,.ending-copy,.ending-back{transition-property:opacity;transform:none}}.ending-scene.is-settled .ending-photo img{opacity:1;animation:none}.ending-scene.is-settled .ending-wall,.ending-scene.is-settled .ending-hero,.ending-scene.is-settled .ending-copy,.ending-scene.is-settled .ending-back{transition:none}@keyframes ending-photo-fade{0%{opacity:0}to{opacity:1}}@font-face{font-family:RIWISLE Dialogue;src:url(/assets/fonts/chinese-dialogue/%E8%8D%86%E5%8D%97%E5%9C%86%E4%BD%93/%E8%8D%86%E5%8D%97%E5%9C%86%E4%BD%93.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:RIWISLE English;src:url(/assets/fonts/english-dialogue/luckiest-guy/static/luckiest-guy-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}*,:before,:after{box-sizing:border-box}html{background:#5a99fd;height:100%}body{min-height:100%;margin:0}#root{width:100%;min-height:100dvh}@media (width<=700px){html,body,#root{background:var(--app-scene-background,#5a99fd)}}button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:5px;outline:3px solid #fff4c9}button,img{-webkit-user-select:none;user-select:none}.app-shell{isolation:isolate;width:100%;height:100dvh;position:relative;overflow:hidden}.board-placeholder{background:#fff;position:absolute;inset:0}.scene-controls{z-index:5;top:max(22px, env(safe-area-inset-top));right:max(2.3vw, env(safe-area-inset-right));color:#fff;align-items:center;gap:10px;display:flex;position:absolute}.scene-controls button{color:inherit;cursor:pointer;background:0 0;border:0;min-width:44px;min-height:44px;padding:0}.sound-toggle{place-items:center;display:grid}.sound-toggle img{object-fit:contain;width:clamp(25px,1.7vw,34px);height:42px}.language-toggle{align-items:center;gap:1px;font-family:RIWISLE English,RIWISLE Dialogue,sans-serif;font-size:clamp(24px,1.7vw,34px);display:inline-flex}.language-toggle button{justify-content:center;align-items:center;display:inline-flex}.language-label{line-height:1;display:inline-block}.language-zh{transform:translateY(-.06em)}.language-divider,.language-en{transform:translateY(.13em)}.language-toggle button:first-child{font-family:RIWISLE Dialogue,sans-serif;font-weight:700}@media (width<=700px){.scene-controls{top:calc(env(safe-area-inset-top) + 15px);right:calc(env(safe-area-inset-right) + 14px);gap:2px}.sound-toggle img{width:22px;height:32px}.language-toggle{gap:0;font-size:22px}.language-divider{transform:translateY(.095em)}}