@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Sans:wght@100..900&display=swap";.game1Area{width:100%;height:100dvh;overflow:hidden;font-size:clamp(8px,min(1.2vw,2dvh),16px);position:absolute;inset:0}.game1Area button{outline:none;-webkit-tap-highlight-color:transparent;cursor:pointer;font-family:inherit}.game1Area button:focus,.game1Area button:focus-visible{outline:none}.game1Area button:active:not(:disabled){transform:scale(.95);transition:transform 80ms ease}.game1Area .screen{display:none;flex:1}.game1Area .screen.active{display:flex}.game1Area .choice-screen{height:100dvh;width:100%;flex-direction:column;justify-content:space-evenly;align-items:center}.game1Area .choice-screen .main{width:min(72vw,1200px);max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:48vh;min-height:clamp(112px,48dvh,440px);max-height:min(55dvh,580px);aspect-ratio:1200/440;height:auto}.game1Area .choice-screen .header{padding:2vh;padding:2dvh;background:#d9d9d9;color:#0b0d46;font-size:1.75em;font-weight:700;text-align:center;border:none;border-top-right-radius:2em;border-top-left-radius:2em}.game1Area .choice-screen .grid{flex:1 1 auto;min-height:0;background:#0b0d46;font-size:1.75em;border-bottom-right-radius:2em;border-bottom-left-radius:2em;box-shadow:0 4px 4px #00000040;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,512fr) minmax(0,720fr) minmax(0,432fr);grid-template-rows:minmax(0,1fr);align-items:stretch;justify-items:center;gap:clamp(8px,2vw,20px);width:100%;padding:3% 6%}.game1Area .choice-screen .card{position:relative;box-sizing:border-box;width:100%;height:100%;max-height:100%;min-width:0;min-height:0;padding:0;border:none;background:transparent;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .16s ease}.game1Area .choice-screen .card:hover{transform:translateY(-4px) translateZ(0);filter:drop-shadow(0 0 20px rgba(255,255,255,.5))}.game1Area .choice-screen .image{width:auto;height:100%;max-width:100%;aspect-ratio:var(--choice-aspect-ratio);object-fit:contain;object-position:center;display:block;pointer-events:none}.game1Area .choice-screen .footer{width:100%;max-height:18dvh;display:flex;align-items:center;justify-content:center}.game1Area .choice-screen .footer .spacer{flex:1;max-width:20%;min-width:0}.game1Area .choice-screen .footer .text{display:flex;align-items:center;justify-content:center;position:relative;width:min(50vw,720px);min-height:10vw;padding:1em clamp(20px,8vw,120px) 1em 3em;z-index:0;color:#fff}.game1Area .choice-screen .footer .text .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.game1Area .choice-screen .footer .text .label{position:relative;z-index:1;text-align:center;font-size:2em;font-weight:700;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.game1Area .choice-screen .footer .whale-image{max-width:20%;display:flex;justify-content:flex-start}.game1Area .choice-screen .footer .whale-image img{width:100%;height:100%;object-fit:contain;display:block}.game1Area .choice-screen.choice-confirm-screen{justify-content:center}.game1Area .choice-screen.choice-confirm-screen .wrap{width:min(80vw,1200px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4dvh,40px);box-sizing:border-box}.game1Area .choice-screen.choice-confirm-screen .imgBox{width:100%;height:min(55dvh,540px);border-radius:2em;box-sizing:border-box}.game1Area .choice-screen.choice-confirm-screen .imgBox img{width:100%;height:100%;aspect-ratio:var(--choice-aspect-ratio);object-fit:contain}.game1Area .choice-screen.choice-confirm-screen .btnGroup{display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);width:min(56vw,720px);max-width:100%}.game1Area .choice-screen.choice-confirm-screen .backBtn,.game1Area .choice-screen.choice-confirm-screen .confirmBtn{flex:1;padding:.5em 1em;border-radius:50px;color:#1a2a4a;font-size:2em;font-weight:700;box-shadow:0 6px 12px #00000080,inset 0 2px 4px #fff9;transition:box-shadow .2s ease}.game1Area .choice-screen.choice-confirm-screen .backBtn:hover,.game1Area .choice-screen.choice-confirm-screen .confirmBtn:hover{box-shadow:0 6px 12px #0003,0 12px 28px #00000059,inset 0 2px 4px #fffc}.game1Area .choice-screen.choice-confirm-screen .backBtn{border:none;background:#ffffffe6}.game1Area .choice-screen.choice-confirm-screen .confirmBtn{border:none;background:linear-gradient(to bottom,#2cb9d9,#fffac2)}.game1Area .drawing-screen{display:flex;justify-content:space-evenly;width:100%;height:100dvh;position:relative;gap:20px;padding:0 2%}.game1Area .size-preview-overlay{position:absolute;inset:0;z-index:350;display:flex;align-items:center;justify-content:center;pointer-events:none}.game1Area .size-preview-overlay .backdrop{position:absolute;inset:0;background:#00000073}.game1Area .size-preview-overlay .dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:56px;min-height:56px;padding:12px;border-radius:999px;background:#0000008c;box-shadow:0 8px 24px #00000073}.game1Area .size-preview-overlay .dot .core{border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #0009}.game1Area .size-preview-overlay .dot.is-eraser .core{border-color:#fffffff2}.game1Area .tool-switch-overlay{position:absolute;inset:0;z-index:360;display:flex;align-items:center;justify-content:center;pointer-events:none}.game1Area .tool-switch-overlay .backdrop{position:absolute;inset:0;background:#0003}.game1Area .tool-switch-overlay .icon-wrap{position:relative;z-index:1;width:clamp(72px,10vw,128px);height:clamp(72px,10vw,128px);border-radius:999px;background:#0000008c;box-shadow:0 8px 24px #00000073;display:flex;align-items:center;justify-content:center;animation:tool-switch-pop .22s ease-out}.game1Area .tool-switch-overlay .icon{width:50%;height:50%;object-fit:contain}@keyframes tool-switch-pop{0%{transform:scale(.86);opacity:0}to{transform:scale(1);opacity:1}}.game1Area .toolbar{display:flex;align-items:center;justify-content:center;gap:2em;padding:1em .5em;position:relative;overflow:visible}.game1Area .tool-buttons{display:flex;flex-direction:column;align-items:center;gap:.75em;padding:2em 1em;border-radius:100px;background:#ffffff4d;transition:background-color .26s ease}.game1Area .tool-buttons:hover{background:#ffffff80}.game1Area .tool-btn{width:clamp(1.5em,5vw,5em);height:clamp(1.5em,5vw,5em);border-radius:50% 50% 0;background:linear-gradient(to bottom,#27376e,#1059a3);box-shadow:0 6px 12px #00000080;display:flex;align-items:center;justify-content:center;transition:box-shadow .14s ease,transform .14s ease}.game1Area .tool-btn img{width:clamp(.6em,2.4vw,3em);height:clamp(.6em,2.4vw,3em);object-fit:contain}.game1Area .tool-btn:hover:not(:disabled){box-shadow:0 6px 12px #0003,0 8px 16px #00000059;transform:translateY(-1px)}.game1Area .tool-btn.active{border:3px solid white}.game1Area .tool-btn:disabled{opacity:.35;cursor:not-allowed}.game1Area .size-slider-wrap{--size-slider-track-w: 1.75em;--size-slider-thumb: clamp(1.25em, 3vw, 2.5em);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:stretch;height:50%;min-height:100px;max-height:280px;width:2em;overflow:visible;transform:scale(1);transform-origin:center;transition:transform .18s ease}.game1Area .size-slider-wrap:hover{transform:scale(1.06)}.game1Area .size-slider-wrap:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:var(--size-slider-track-w);transform:translate(-50%);pointer-events:none;background:#ffffff6b;transition:background .22s ease;clip-path:polygon(0% 0%,100% 0%,72% 100%,28% 100%)}.game1Area .size-slider-wrap:hover:before{background:#ffffff9e}.game1Area .size-slider-wrap.adjusting:before{background:#ffffffe6}.game1Area .size-slider{position:relative;z-index:1;width:var(--size-slider-thumb);height:100%;margin:0 auto;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.game1Area .size-slider.disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.game1Area .size-slider .thumb{position:absolute;left:50%;transform:translate(-50%,-50%);width:var(--size-slider-thumb);height:var(--size-slider-thumb);border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000059;pointer-events:none;transition:box-shadow .14s ease}.game1Area .size-slider:not(.disabled):active .thumb{box-shadow:0 2px 10px #00000080}.game1Area .color-picker-wrap{position:absolute;left:calc(100% + .5em);top:50%;transform:translateY(-50%);z-index:200;background:#fff;border-radius:.75em;padding:.75em;box-shadow:0 .25em 1.5em #0000004d}.game1Area .cp-panel{display:flex;flex-direction:column;gap:.5em;-webkit-user-select:none;user-select:none}.game1Area .cp-sv{width:clamp(200px,25vw,320px);height:auto;aspect-ratio:4/3;position:relative;border-radius:.5em;overflow:hidden;cursor:crosshair;touch-action:none}.game1Area .cp-sv .white{position:absolute;inset:0;background:linear-gradient(to right,white,transparent);pointer-events:none}.game1Area .cp-sv .black{position:absolute;inset:0;background:linear-gradient(to bottom,transparent,black);pointer-events:none}.game1Area .cp-sv .cursor{position:absolute;width:clamp(14px,2.5vw,22px);height:clamp(14px,2.5vw,22px);border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0006;transform:translate(-50%,-50%);pointer-events:none;z-index:5}.game1Area .cp-hue{height:clamp(12px,2vw,18px);border-radius:clamp(6px,1vw,9px);position:relative;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.game1Area .cp-hue .cursor{position:absolute;top:50%;width:clamp(12px,2vw,20px);height:clamp(12px,2vw,20px);border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.3);box-shadow:0 1px 4px #0006;transform:translate(-50%,-50%);pointer-events:none}.game1Area .canvas{flex:1 1 auto;min-width:0;max-width:50vw;display:flex;align-items:center;justify-content:center}.game1Area .canvas .block{position:relative;--canvas-ratio: 16 / 9;width:min(78vw,80dvh * var(--canvas-ratio));max-width:100%;aspect-ratio:var(--canvas-ratio);height:auto;overflow:hidden}.game1Area .canvas .block .bg{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.game1Area .canvas .block .user,.game1Area .canvas .block .final{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box}.game1Area .canvas .block .user{pointer-events:auto;cursor:none;z-index:2;display:block;transition:opacity 1.5s ease-out}.game1Area .canvas .block .user.fading{opacity:0}.game1Area .canvas .block .final{background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:0;transition:opacity 1.5s ease-in}.game1Area .canvas .block .final.final-visible{opacity:1}.game1Area .brush-cursor{position:absolute;border-radius:50%;pointer-events:none;z-index:3;display:none}.game1Area .brush-cursor.visible{display:block}.game1Area .brush-cursor.is-brush{border:2px solid rgba(0,0,0,.4);box-shadow:0 0 0 1px #fff}.game1Area .brush-cursor.is-eraser{border:2px solid rgba(0,0,0,.35);background:#ffffff80}.game1Area .whale-panel{width:clamp(140px,25vw,480px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2em}@media(max-width:992px)and (orientation:landscape){.game1Area .whale-panel{gap:1em}}.game1Area .whale-panel .img img{max-width:100%;max-height:22dvh;object-fit:contain}.game1Area .whale-panel .actions{display:flex;gap:.5em;width:70%}@media(max-width:992px)and (orientation:landscape){.game1Area .whale-panel .actions{width:80%}}.game1Area .speech-bubble{display:flex;align-items:center;justify-content:center;position:relative;width:fit-content;width:clamp(120px,100%,480px);min-height:10vw;padding:1em clamp(20px,3vw,120px) 3.5em}@media(max-width:1200px)and (orientation:landscape){.game1Area .speech-bubble{padding:1em clamp(20px,3vw,120px) 3em}}.game1Area .speech-bubble .bg{width:100%;height:100%;position:absolute;inset:0 auto auto 0;object-fit:fill}.game1Area .speech-bubble .label{position:relative;z-index:1;font-size:2em;font-weight:700;color:#fff;text-align:center;line-height:1.4;word-break:break-word;overflow-wrap:break-word}body.en .game1Area .speech-bubble .label{font-size:1.75em}.game1Area .finish-btn,.game1Area .confirm-btn-no,.game1Area .confirm-btn-yes{width:100%;padding:.5em 1em;border-radius:50px;color:#1a2a4a;font-size:2em;box-shadow:0 6px 12px #00000080,inset 0 2px 4px #fff9;transition:box-shadow .2s ease,opacity .15s ease}.game1Area .finish-btn:hover:not(:disabled),.game1Area .confirm-btn-no:hover:not(:disabled),.game1Area .confirm-btn-yes:hover:not(:disabled){box-shadow:0 6px 12px #0003,0 12px 28px #00000059,inset 0 2px 4px #fffc}.game1Area .finish-btn:disabled,.game1Area .confirm-btn-no:disabled,.game1Area .confirm-btn-yes:disabled{opacity:.4;cursor:not-allowed}@media(max-width:1200px)and (orientation:landscape){.game1Area .finish-btn,.game1Area .confirm-btn-no,.game1Area .confirm-btn-yes{padding:.3em 1em}}.game1Area .finish-btn{border:none;background:linear-gradient(to bottom,#2cb9d9,#fffac2);font-weight:700}.game1Area .confirm-btn-no{background:#ffffffe6;font-weight:700}.game1Area .confirm-btn-yes{border:none;background:linear-gradient(to bottom,#2cb9d9,#fffac2);font-weight:700}.game1Area .dialog-container{display:none;z-index:1000;pointer-events:none;padding-bottom:clamp(10px,1.5%,20px)}.game1Area .dialog-container.show{display:block;pointer-events:all}.game1Area .dialog-container .dialogArea{position:static;inset:auto;transform:none;margin:0 auto;pointer-events:all}.game1Area .drawing-screen.hide-side-elements,.game1Area .drawing-screen:has(.dialog-container.show){display:grid;background:none;background-color:transparent;grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"canvas" "dialog";align-content:stretch;gap:1em}.game1Area .drawing-screen.hide-side-elements .toolbar,.game1Area .drawing-screen.hide-side-elements .whale-panel,.game1Area .drawing-screen:has(.dialog-container.show) .toolbar,.game1Area .drawing-screen:has(.dialog-container.show) .whale-panel{display:none}.game1Area .drawing-screen.hide-side-elements .canvas,.game1Area .drawing-screen:has(.dialog-container.show) .canvas{grid-area:canvas;place-self:stretch;flex:unset;min-height:0;width:100%;max-width:100%;max-height:none;height:auto;display:flex;align-items:center;justify-content:center;container-type:size;container-name:canvas-slot;overflow:hidden;padding-top:clamp(.5em,2.8dvh,1.75em);box-sizing:border-box}.game1Area .drawing-screen.hide-side-elements .canvas .block,.game1Area .drawing-screen:has(.dialog-container.show) .canvas .block{box-sizing:border-box;aspect-ratio:var(--canvas-ratio);height:auto;max-width:100%;max-height:100%;width:min(100%,95cqw,100cqh * var(--canvas-ratio))}@supports not (container-type: size){.game1Area .drawing-screen.hide-side-elements .canvas,.game1Area .drawing-screen:has(.dialog-container.show) .canvas{overflow:visible}.game1Area .drawing-screen.hide-side-elements .canvas .block,.game1Area .drawing-screen:has(.dialog-container.show) .canvas .block{width:min(78vw,min(70dvh,100%) * var(--canvas-ratio),100%);max-height:min(70dvh,100%)}}.game1Area .drawing-screen.hide-side-elements .dialog-container,.game1Area .drawing-screen:has(.dialog-container.show) .dialog-container{grid-area:dialog;justify-self:stretch;align-self:end;width:100%;max-width:100%;box-sizing:border-box}.game1Area .drawing-screen.hide-side-elements .dialog-container{display:block;visibility:hidden;pointer-events:none}.game1Area .drawing-screen.hide-side-elements .dialog-container.show{visibility:visible;pointer-events:all}.game2Area{width:100%;height:100dvh;overflow:hidden}.game2Area.hideCursor,.game2Area.hideCursor *{cursor:none}.game2Area.defaultCursor,.game2Area.defaultCursor *{cursor:default}.game2Area.animPlaying .toolCursor{display:none!important}.game2Area .layerBox{width:100%;height:100dvh;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game2Area .layerBox .layer{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game2Area .layerBox .scratchContainer{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.game2Area .layerBox .scratchContainer .scratchBottom{height:100%;object-fit:cover;position:absolute;inset:0 auto auto 0}.game2Area .layerBox .scratchContainer .scratchCanvas{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game2Area .layerBox .clickLayerContainer,.game2Area .layerBox .animeLayerContainer{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.game2Area .layerBox .plasterDeco{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none}.game2Area .texBox{position:absolute;inset:8% auto auto 50%;transform:translate(-50%);padding:16px 20px;border-radius:30px;background-color:#00000080;color:#fff;font-size:24px;font-weight:700;white-space:nowrap;pointer-events:none}@media(max-width:1200px)and (orientation:landscape){.game2Area .texBox{font-size:20px}}@media(max-width:992px)and (orientation:landscape){.game2Area .texBox{font-size:16px;padding:12px 16px}}@media(max-width:768px)and (orientation:landscape){.game2Area .texBox{font-size:12px}}.game2Area .toolBox{z-index:10;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:12px;position:absolute;inset:auto 2% 2% auto}.game2Area .toolBox .tool{cursor:pointer!important;transition:all .5s;-webkit-tap-highlight-color:transparent}.game2Area .toolBox .tool img{width:100px;height:auto;display:block}@media(hover:hover)and (pointer:fine){.game2Area .toolBox .tool:hover{transform:translateY(-15px)}}.game2Area .toolBox .tool.active{pointer-events:none;opacity:.5}@media(max-width:1200px)and (orientation:landscape){.game2Area .toolBox{gap:8px;position:absolute;inset:auto 2.5% 2.5% auto}.game2Area .toolBox .tool img{width:72px}}@media(max-width:992px)and (orientation:landscape){.game2Area .toolBox{gap:4px;position:absolute;inset:auto 2% 2% auto}.game2Area .toolBox .tool img{width:60px}}@media(max-width:768px)and (orientation:landscape){.game2Area .toolBox{gap:0px;position:absolute;inset:auto 12px 12px auto}.game2Area .toolBox .tool img{width:52px}}.game2Area .toolCursor{position:fixed;z-index:100;cursor:none;pointer-events:none}.game2Area .progressBox{position:absolute;inset:auto auto 8% 50%;transform:translate(-50%);background-color:#0000004d;width:clamp(120px,24vw,600px);padding:5px;height:clamp(8px,1.5dvh,16px);border-radius:40px;z-index:10}@media(max-width:1200px)and (orientation:landscape){.game2Area .progressBox{padding:3px}}.game2Area .progressBox .line{width:0;border-radius:10px;height:100%;background-color:#fff;box-shadow:0 0 5px 1px #fffc;transition:width .2s linear}.game2Area .taskBox{width:clamp(120px,20vw,240px);position:absolute;inset:50% auto auto 3%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(8px,1vw,16px)}.game2Area .taskBox .taskTitle{background-color:#00000080;color:#fff;font-size:20px;text-align:center;padding:8px}@media(max-width:1200px)and (orientation:landscape){.game2Area .taskBox .taskTitle{font-size:18px}}@media(max-width:992px)and (orientation:landscape){.game2Area .taskBox .taskTitle{font-size:16px;padding:6px}}@media(max-width:768px)and (orientation:landscape){.game2Area .taskBox .taskTitle{font-size:12px}}.game2Area .taskBox .task{background:#0000004d;color:#fff;padding:8px 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transition:all .5s .8s}@media(max-width:992px)and (orientation:landscape){.game2Area .taskBox .task{padding:4px 8px}}.game2Area .taskBox .task:after{content:"";width:100%;height:100%;position:absolute;inset:0 auto auto 0;z-index:-1;background:linear-gradient(90deg,#0e2867,#002fa2,#0e2867);box-shadow:0 0 4px #fffc,inset 0 0 12px #00e5ff;filter:blur(4px);opacity:0;transition:all .5s}.game2Area .taskBox .task.current{border:1px solid rgba(255,255,255,.6);box-shadow:0 0 10px #ffffff80,inset 0 -3px 4px #ffffff80;transition:all .5s}.game2Area .taskBox .task.current .lock{opacity:0;left:100%}.game2Area .taskBox .task.current #lock-shackle{clip-path:inset(0 0 100% 0)}.game2Area .taskBox .task.current .text{opacity:1}.game2Area .taskBox .task.finish{background:transparent;border:1px solid #4EEEFF}.game2Area .taskBox .task.finish:after{opacity:.5}.game2Area .taskBox .task.finish .tick{opacity:1}.game2Area .taskBox .text{font-size:20px;line-height:1;opacity:0;transition:all .5s 1s}@media(max-width:1200px)and (orientation:landscape){.game2Area .taskBox .text{font-size:18px}}@media(max-width:992px)and (orientation:landscape){.game2Area .taskBox .text{font-size:16px}}@media(max-width:768px)and (orientation:landscape){.game2Area .taskBox .text{font-size:12px}}.game2Area .taskBox svg{width:24px;height:24px}@media(max-width:992px)and (orientation:landscape){.game2Area .taskBox svg{width:20px;height:20px}}@media(max-width:768px)and (orientation:landscape){.game2Area .taskBox svg{width:16px;height:16px}}.game2Area .taskBox .lock{color:#ffffff80;position:absolute;inset:50% auto auto 12px;transform:translateY(-50%);transition:all .5s .5s}.game2Area .taskBox #lock-shackle{clip-path:inset(0 0 0 0);transition:clip-path .5s}.game2Area .taskBox .tick{color:#fff;opacity:0;transition:all .5s}.panoBlocker{position:fixed;inset:0;z-index:4;background:transparent;pointer-events:all}.signBoxWrap{width:clamp(240px,50vw,720px);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}.blackoutWrap{position:fixed;inset:0;z-index:10;background:#000;display:flex;align-items:center;justify-content:center}.blackoutText{color:#fff;font-size:clamp(20px,3vw,36px);font-weight:600;letter-spacing:.1em;text-align:center}.signBox{padding:48px;letter-spacing:.05em;text-align:center;border:1px solid #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}@media(max-width:992px)and (orientation:landscape){.signBox{padding:24px;gap:24px}}.signBox:before{content:"";width:100%;height:100%;position:absolute;inset:0 auto auto 0;z-index:-1;background:linear-gradient(90deg,#24396b00,#24396b80 20%,#24396b,#24396b80 80%,#24396b00);box-shadow:0 0 10px 4px #00e5ff80,inset 0 0 10px 4px #00e5ff80;opacity:.8;transition:all .5s}.signBox .signText{font-size:24px;font-weight:600;color:#fff;white-space:pre-wrap;text-align:center}@media(max-width:1200px)and (orientation:landscape){.signBox .signText{font-size:20px}}@media(max-width:992px)and (orientation:landscape){.signBox .signText{font-size:16px}}.signBox .btnBox{display:flex;flex-direction:row;justify-content:space-around;align-items:stretch;gap:24px;width:clamp(240px,90%,400px)}.signBox .btnBox button{flex:1;padding:10px 28px;border:1px solid #44EDFF;border-radius:10px;background:linear-gradient(45deg,#185593,#68bdb9);color:#fff;cursor:pointer;font-size:20px;transition:all .5s;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.signBox .btnBox button:hover{opacity:.8}}@media(max-width:1200px)and (orientation:landscape){.signBox .btnBox button{font-size:18px}}@media(max-width:992px)and (orientation:landscape){.signBox .btnBox button{font-size:16px;padding:8px 20px}}.simpleImage{width:100%;height:100%;position:absolute;inset:0 auto auto 0;object-fit:cover}@keyframes sawing{0%{transform:translateY(-30%)}50%{transform:translateY(10%)}to{transform:translateY(-30%)}}@keyframes sawing-right{0%{transform:translate(50%,-30%)}50%{transform:translate(50%,10%)}to{transform:translate(50%,-30%)}}@keyframes sawing-piece{0%{transform:translateY(-3px)}50%{transform:translateY(3px)}to{transform:translateY(-3px)}}@keyframes piece-shake{0%{transform:translate(-1px) translateY(-1px)}to{transform:translate(1px) translateY(1px)}}@keyframes chiselPulse{0%,to{filter:brightness(1) drop-shadow(0 0 0px rgba(255,255,255,0))}50%{filter:brightness(1.3) drop-shadow(0 0 12px rgba(255,255,255,.8))}}@keyframes shake{0%,to{transform:translateY(-50%) rotate(-10deg)}15%{transform:translateY(-50%) rotate(-25deg)}30%{transform:translateY(-50%) rotate(5deg)}45%{transform:translateY(-50%) rotate(-20deg)}60%{transform:translateY(-50%) rotate(0)}75%{transform:translateY(-50%) rotate(-15deg)}}@keyframes carve{0%{transform:translate(0) rotate(0)}10%{transform:translate(0) rotate(10deg)}20%{transform:translate(0) rotate(-10deg)}25%{transform:translate(0) rotate(0)}35%{transform:translateY(45px) rotate(0)}45%{transform:translateY(45px) rotate(10deg)}55%{transform:translateY(45px) rotate(-10deg)}60%{transform:translateY(45px) rotate(0)}70%{transform:translate(-30px,40px) rotate(0)}80%{transform:translate(-30px,40px) rotate(10deg)}90%{transform:translate(-30px,40px) rotate(-10deg)}to{transform:translate(-30px,40px) rotate(0)}}@keyframes shakeWhale{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}30%{transform:rotate(0)}60%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes share{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(0)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes download{0%{transform:translateY(0)}50%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes loadingFade{0%{opacity:1}to{opacity:.15}}.game3Area{position:fixed;width:100%;height:100dvh;background-position:center;background-size:cover;display:flex;flex-direction:row;justify-content:center;align-items:center}.game3Area .helpBtn{width:55px;height:55px;border-radius:50%;background:linear-gradient(to bottom,#185593,#68bdb9);border:5px solid #F9C106;position:absolute;inset:2% auto auto 2%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;font-size:28px;font-weight:600;z-index:20}@media(max-width:1040px)and (orientation:landscape){.game3Area .helpBtn{width:45px;height:45px;font-size:24px;border-width:4px}}@media(max-width:1040px)and (orientation:landscape){.game3Area .helpBtn{width:35px;height:35px;font-size:20px;border-width:2px}}.game3Area .container{width:50%;text-align:center}.game3Area .title{display:inline-block;margin-bottom:40px;font-size:32px;font-weight:700;letter-spacing:.2rem;padding:5px 15px;background-color:#185593;color:#fff;border-radius:8px}@media(max-width:992px)and (orientation:landscape){.game3Area .title{font-size:16px;margin-bottom:2dvh}}.game3Area .selectBox{display:flex;flex-direction:row;justify-content:center;align-items:center}.game3Area .selectBox .selectList{overflow:hidden;flex:1;flex-shrink:0;position:relative;aspect-ratio:3/2}.game3Area .selectBox .selectList .imgBox{position:absolute;inset:0;width:100%;height:100%}.game3Area .selectBox .selectList .imgBox img{width:100%;height:100%;object-fit:contain}.game3Area .selectBox .arrowBtn{width:clamp(30px,8%,80px);cursor:pointer;transition:all .3s}.game3Area .selectBox .arrowBtn.disabled{opacity:0}@media(hover:hover)and (pointer:fine){.game3Area .selectBox .arrowBtn:hover{transform:scale(1.1)}}.game3Area .startBtn{display:inline-block;background:linear-gradient(to bottom,#185593,#68bdb9);color:#fff;margin-top:40px;border-radius:8px;font-size:32px;font-weight:700;letter-spacing:.2rem;padding:5px 20px;cursor:pointer}.game3Area .startBtn.disabled{pointer-events:none;cursor:default}@media(max-width:992px)and (orientation:landscape){.game3Area .startBtn{font-size:16px;margin-top:2dvh}}.game3Area .penaltyPopup{position:fixed;top:50%;left:50%;z-index:100;font-size:96px;font-weight:800;color:#ff3b3b;pointer-events:none;letter-spacing:.1em}@media(max-width:1040px)and (orientation:landscape){.game3Area .penaltyPopup{font-size:72px}}@media(max-width:992px)and (orientation:landscape){.game3Area .penaltyPopup{font-size:56px}}.game3Area .timeUpOverlay{position:fixed;inset:0;background:#000000b3;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;z-index:200;cursor:pointer;font-size:64px;font-weight:700;color:#fff}@media(max-width:1040px)and (orientation:landscape){.game3Area .timeUpOverlay{font-size:54px}}@media(max-width:992px)and (orientation:landscape){.game3Area .timeUpOverlay{font-size:48px}}.game3Area .playArea{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}.game3Area .playArea .stepTitle{font-size:32px;font-weight:700;letter-spacing:.2rem;padding:5px 15px;background-color:#185593;color:#fff;border-radius:8px;position:absolute;inset:8% auto auto 50%;transform:translate(-50%);z-index:20}@media(max-width:1040px)and (orientation:landscape){.game3Area .playArea .stepTitle{font-size:28px}}@media(max-width:992px)and (orientation:landscape){.game3Area .playArea .stepTitle{font-size:20px}}.game3Area .playArea .stepComplete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;font-size:28px;font-weight:700;color:#fff;background:#0009;padding:12px 24px;border-radius:8px}@media(max-width:1040px)and (orientation:landscape){.game3Area .playArea .stepComplete{font-size:24px}}@media(max-width:992px)and (orientation:landscape){.game3Area .playArea .stepComplete{font-size:20px}}.game3Area .vignette{position:fixed;inset:0;width:100%;height:100%;z-index:10;pointer-events:none}.game3Area .layerStack{width:50%;aspect-ratio:3/2;text-align:center;-webkit-user-select:none;user-select:none}.game3Area .layerStack .layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.game3Area .layerStack .chiselGlow{animation:chiselPulse 1.5s ease-in-out infinite}.game3Area .layerStack .partsContainer{position:absolute;inset:0;display:flex;justify-content:center;z-index:2}.game3Area .layerStack .piece{-webkit-user-select:none;user-select:none;overflow:visible}.game3Area .layerStack .piece.cutting{animation:sawing-piece 1.2s ease-in-out infinite}.game3Area .layerStack .piece img{width:100%;height:100%;pointer-events:none}.game3Area .layerStack .piece .sawAnime{position:absolute;top:40%;width:6vw;height:auto;z-index:20;animation:sawing 1.2s ease-in-out infinite}.game3Area .layerStack .piece .sawAnime.left{left:0;right:auto;animation-name:sawing}.game3Area .layerStack .piece .sawAnime.right{right:0;left:auto;animation-name:sawing-right}.game3Area .layerStack .sawCursor{position:fixed;width:6vw;pointer-events:none;z-index:50;transform:translate(-50%,-50%)}.game3Area .layerStack .burinCursor,.game3Area .layerStack .carveAnime{width:5vw;position:fixed;z-index:50;pointer-events:none}.game3Area .layerStack .burinCursor img,.game3Area .layerStack .carveAnime img{transform-origin:bottom center;transform:translateY(-100%)}.game3Area .layerStack .carveAnime{transform-origin:bottom left;animation:carve 3s ease-in-out forwards}.game3Area .layerStack .scratchFade,.game3Area .layerStack .scratchContainer{position:absolute;inset:0;z-index:3}.game3Area .layerStack .scratchContainer .scratchBottom{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.game3Area .layerStack .scratchContainer .scratchCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.game3Area .layerStack .scratchContainer .scratchTool{width:5vw;pointer-events:none;z-index:50;transform:translate(-50%,-50%)}.game3Area .layerStack .scratchContainer .scratchDone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;font-size:48px}.game3Area .timer{position:absolute;inset:4% 100px auto auto;font-size:36px;font-weight:500;padding:10px 30px 10px 50px;line-height:1;z-index:5;background:linear-gradient(to bottom,#185593,#68bdb9);color:#fff;border-radius:10px;border:5px solid #F9C106;z-index:20}.game3Area .timer .icon{width:65px;position:absolute;top:50%;left:-30px;transform:translateY(-50%) rotate(-10deg);transition:transform .1s}@media(max-width:1040px)and (orientation:landscape){.game3Area .timer{font-size:32px;padding:10px 30px 10px 40px}.game3Area .timer .icon{width:55px}}@media(max-width:992px)and (orientation:landscape){.game3Area .timer{font-size:24px;padding:6px 20px 6px 30px}.game3Area .timer .icon{width:40px;left:-20px}}.game3Area .timer.penalty{color:#e53e3e;transition:color .15s}.game3Area .timer.penalty .icon{animation:shake .6s ease}.game3Area .progressBox{position:absolute;bottom:50px;left:50px;width:380px;overflow:hidden;z-index:20;--point-size: 80px;--point-active-size: 100px;--gap: 60px}@media(max-width:1040px)and (orientation:landscape){.game3Area .progressBox{left:35px;bottom:35px;width:300px;--point-size: 60px;--point-active-size: 80px;--gap: 50px}}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox{left:10px;bottom:10px;width:250px;--point-size: 40px;--point-active-size: 60px;--gap: 40px}}.game3Area .progressBox .progressList{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--gap)}.game3Area .progressBox .progress{text-align:center}.game3Area .progressBox .progress.done .point:before{background:#f9c106}.game3Area .progressBox .progress.done.showBar .point:after{opacity:1}.game3Area .progressBox .progress.active .point{width:var(--point-active-size);height:var(--point-active-size);font-size:28px}.game3Area .progressBox .progress.active .point:after{background:linear-gradient(to right,#eee,#eee0);opacity:1}@media(max-width:1040px)and (orientation:landscape){.game3Area .progressBox .progress.active .point{font-size:24px}}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox .progress.active .point{font-size:18px}}.game3Area .progressBox .progress.active .text{font-size:20px}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox .progress.active .text{font-size:16px}}.game3Area .progressBox .progress:last-child .point:after{display:none}.game3Area .progressBox .progress .text{font-size:18px;font-weight:500;color:#68bdb9;margin-top:20px;transition:all .5s}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox .progress .text{font-size:14px;margin-top:10px}}.game3Area .progressBox .point{width:var(--point-size);height:var(--point-size);border-radius:50%;background-color:#f9c106;font-size:22px;font-weight:500;color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .5s}@media(max-width:1040px)and (orientation:landscape){.game3Area .progressBox .point{font-size:18px}}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox .point{font-size:14px}}.game3Area .progressBox .point:after{content:"";width:70px;height:25px;background-color:#eee;position:absolute;inset:50% auto auto 100%;transform:translate(-5px,-50%);z-index:-1;opacity:0;transition:all .5s}@media(max-width:1040px)and (orientation:landscape){.game3Area .progressBox .point:after{width:60px}}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox .point:after{width:50px}}.game3Area .progressBox .point span{z-index:2}.game3Area .progressBox .point:before{content:"";width:calc(100% - 12px);height:calc(100% - 12px);border-radius:50%;background:linear-gradient(to bottom,#185593,#68bdb9);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;transition:all .5s}@media(max-width:992px)and (orientation:landscape){.game3Area .progressBox .point:before{width:calc(100% - 8px);height:calc(100% - 8px)}}.game3Area .dropZone{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;border:3px dashed rgba(255,255,255,.4);display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px;color:#fff6;z-index:50;pointer-events:none;transition:all .3s}.game3Area .dropZone.active{border-color:#f9c106;color:#f9c106;background:#f9c10626}.game3Area .emergOverlay{position:fixed;inset:0;z-index:45;background:#0009;display:flex;flex-direction:row;justify-content:center;align-items:center}.game3Area .emergCard{width:50%;text-align:center}.game3Area .emergCard .title{background-color:#f9c106}.game3Area .emergCard img{width:100%}.game3Area .cardBox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:24px;position:absolute;bottom:4%;right:2%;z-index:50}@media(max-width:992px)and (orientation:landscape){.game3Area .cardBox{gap:12px}}.game3Area .cardBox .card{width:clamp(50px,7vw,120px);cursor:pointer}@media(hover:hover)and (pointer:fine){.game3Area .cardBox .card:hover img{transform:translateY(-15px) rotate(5deg)}}.game3Area .cardBox .card img{transform:rotate(5deg);transition:all .4s}.game3Area .cardBox .card.selected img{transform:translateY(-40px) scale(1.15) rotate(0)}.game3Area .cardBox .card.using img{transform:translateY(-100px) scale(1.15) rotate(0);opacity:0;transition:all .4s ease-in}.game3Area .guideBox{width:60%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:205;padding:20px 20px 0;background:linear-gradient(90deg,#e5af43,#fff7f4,#f4ae23);display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-radius:50px;overflow:hidden}@media(max-width:1200px)and (orientation:landscape){.game3Area .guideBox{width:80%;height:90%}}@media(max-width:992px)and (orientation:landscape){.game3Area .guideBox{height:95%;border-radius:20px;padding:10px 10px 0}}.game3Area .guideBox .top{border-radius:40px 40px 0 0;background-color:#e5e5e5;padding:40px 50px;flex:1 1 auto;min-height:0;gap:48px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:1200px)and (orientation:landscape){.game3Area .guideBox .top{padding:20px 30px;gap:24px}}@media(max-width:992px)and (orientation:landscape){.game3Area .guideBox .top{border-radius:20px 20px 0 0;padding:8px;gap:12px}}.game3Area .guideBox .top img{flex:1 1 auto;min-height:0;height:auto;max-height:72%;object-fit:contain}.game3Area .guideBox .closeBtn{width:50px;height:50px;border-radius:50%;background-color:#258ebb;position:absolute;inset:20px 10px auto auto}@media(max-width:1024px)and (orientation:landscape){.game3Area .guideBox .closeBtn{width:35px;height:35px;top:10px}}@media(max-width:992px)and (orientation:landscape){.game3Area .guideBox .closeBtn{width:32px;height:32px;top:8px;right:8px}}.game3Area .guideBox .closeBtn:before,.game3Area .guideBox .closeBtn:after{content:"";width:100%;height:5px;background-color:#e5e5e5;position:absolute;top:calc(50% - 2px);left:0;transition:all .5s}.game3Area .guideBox .closeBtn:before{transform:rotate(-45deg)}.game3Area .guideBox .closeBtn:after{transform:rotate(45deg)}@media(hover:hover)and (pointer:fine){.game3Area .guideBox .closeBtn:hover:before{transform:rotate(-30deg)}.game3Area .guideBox .closeBtn:hover:after{transform:rotate(30deg)}}.game3Area .guideBox .guideTitle{max-width:80%;font-size:24px;color:#fff;padding:20px;background-color:#268ebb;border-radius:20px;text-align:center;font-weight:600}@media(max-width:1400px)and (orientation:landscape){.game3Area .guideBox .guideTitle{font-size:20px}}@media(max-width:992px)and (orientation:landscape){.game3Area .guideBox .guideTitle{padding:4px 16px;font-size:16px}}@media(max-width:992px)and (orientation:landscape){body.en .game3Area .guideBox .guideTitle{font-size:14px}}.game3Area .guideBox .bottom{flex:0 0 auto;width:100%;padding:20px 0;background-color:#f4af26;display:flex;flex-direction:row;justify-content:space-between;align-items:center}@media(max-width:1024px)and (orientation:landscape){.game3Area .guideBox .bottom{padding:2% 10px}}.game3Area .guideBox .bottom .text{font-size:20px;color:#fff;font-weight:600}@media(max-width:992px)and (orientation:landscape){.game3Area .guideBox .bottom .text{font-size:14px}}.game3Area .guideBox .arrow{cursor:pointer;width:40px;transition:all .5s}@media(hover:hover)and (pointer:fine){.game3Area .guideBox .arrow:hover{transform:scale(1.1)}}@media(max-width:1024px)and (orientation:landscape){.game3Area .guideBox .arrow{width:20px}}.game3Area .guideBox .arrow.disabled{opacity:0;pointer-events:none}.game4Area{position:fixed;top:0;left:0;height:100dvh;width:100%;background:#0a0a12;color:#e8e6e3;overflow:hidden;font-size:16px}@media(max-width:1200px){.game4Area{font-size:12px}}@media(max-width:992px){.game4Area{font-size:10px}}@media(max-width:768px){.game4Area{font-size:8px}}.game4Area .game4{--sidebar-width: 26%;--silhouette-aspect: 1269 / 493;--primary-color: #ffffff;display:grid;grid-template-columns:1fr var(--sidebar-width);grid-template-areas:"puzzle-area sidebar";height:100%;background-size:cover;transition:grid-template-columns .25s ease}.game4Area .puzzle-area{grid-area:puzzle-area;height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 3em}.game4Area .puzzle-area.is-feedback .puzzle-piece{pointer-events:none;cursor:default;transform:none;filter:none;transition:none}.game4Area .puzzle-area.is-feedback .puzzle-piece:hover{transform:none;filter:none}.game4Area .target-wrapper{position:relative;width:100%;max-width:fit-content;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.game4Area #target-container{position:relative;width:100%;height:auto;aspect-ratio:var(--silhouette-aspect)}.game4Area #target-container .silhouette{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 2px rgba(255,255,255,.3))}.game4Area #target-container .slot{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.game4Area #target-container .slot[data-slot=skull]{left:18%;top:32%}.game4Area #target-container .slot[data-slot=hand]{left:36%;top:71.5%}.game4Area #target-container .slot[data-slot=shoulder]{left:32.8%;top:51.5%}.game4Area #target-container .slot[data-slot=ribs]{left:38.2%;top:57%}.game4Area #target-container .slot[data-slot=vertebrae]{left:58.2%;top:49.5%}.game4Area #pieces-layer{position:absolute;inset:0;pointer-events:none}.game4Area #pieces-layer>*{pointer-events:auto}.game4Area .puzzle-piece{position:absolute;cursor:grab;touch-action:none;z-index:2;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .2s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.game4Area .puzzle-piece img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.game4Area .puzzle-piece:hover{transform:scale(1.02)}.game4Area .puzzle-piece.dragging{cursor:grabbing;z-index:100;transform:scale(1.1)}.game4Area .puzzle-piece.placed{cursor:default;pointer-events:none;filter:none}.game4Area .puzzle-piece.placed.just-placed{animation:game4-success-flash 1.1s ease-out forwards;filter:drop-shadow(0 0 22px rgb(255,255,255))}.game4Area #piece-vertebrae{left:15%;bottom:0;width:64%;z-index:15}.game4Area #piece-ribs{left:35%;top:10%;width:26%;z-index:16}.game4Area #piece-hand{right:20%;bottom:18%;width:11.9%;z-index:17}.game4Area #piece-shoulder{left:5%;bottom:20%;width:11.7%;z-index:18}.game4Area #piece-skull{right:5%;top:8%;width:28.9%;z-index:14}.game4Area #piece-vertebrae.placed{z-index:4}.game4Area #piece-skull.placed{z-index:5}.game4Area #piece-ribs.placed{z-index:6}.game4Area #piece-hand.placed{z-index:7}.game4Area #piece-shoulder.placed{z-index:8}.game4Area #completion-cta{position:absolute;left:100%;bottom:5%;flex-shrink:0}.game4Area .cta-btn{position:relative;padding:10px 0;border:none;background:none;color:#fffffff2;font-size:2.25em;font-family:Noto Sans TC,serif;line-height:1.4;cursor:pointer;transition:background .2s ease;white-space:nowrap;z-index:10;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.game4Area .cta-btn-arrow{position:absolute;left:0;bottom:0;width:clamp(40px,4em,160px);height:clamp(20px,1.2em,40px);object-fit:contain;object-position:left center;transform-origin:left center;transition:transform .3s ease;pointer-events:none}@media(hover:hover)and (pointer:fine){.game4Area .cta-btn:hover .cta-btn-arrow{transform:scaleX(1.1)}}.game4Area .cta-btn-continue{position:absolute;right:8%;bottom:5%;z-index:70;pointer-events:auto;opacity:0;animation:game4-cta-btn-fade-in 2s ease 1s forwards}.game4Area .cta-btn-continue.is-glowing{animation:game4-continue-pulse 1.8s ease-in-out infinite}body.en .game4Area .cta-btn-continue .cta-btn-arrow{width:clamp(60px,6em,220px);height:clamp(30px,1.4em,60px)}.game4Area .completion-overlay{position:absolute;inset:0;z-index:30;background:#0a0a12;pointer-events:all;animation:game4-overlay-fade-in 1.5s ease forwards}.game4Area .completion-video{width:100%;height:100%;object-fit:cover;object-position:center center}.game4Area .feedback-error-block{position:fixed;left:0;right:0;top:50%;transform:translateY(-50%);padding:3em 0;background-repeat:no-repeat;background-position:center center;background-size:cover;color:#fff;text-align:center;z-index:50;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:2em}.game4Area .feedback-error-text{font-size:3em}.game4Area .cta-btn-retry{position:relative;background:none;color:#fff;border:none;border-radius:0;padding:6px 2px 8px;font-size:2em;font-family:Noto Sans TC,serif;font-weight:500;letter-spacing:.4em;cursor:pointer;z-index:60;white-space:nowrap;text-align:center;overflow:hidden}.game4Area .cta-btn-retry:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:2px;background:#e8e2d659;transition:background .3s ease}@media(hover:hover)and (pointer:fine){.game4Area .cta-btn-retry:hover:before{background:#e8e2d68c}.game4Area .cta-btn-retry:hover .cta-btn-retry-glow{animation:game4-retry-glow-sweep 1.2s cubic-bezier(.25,0,.4,1) forwards}}.game4Area .cta-btn-retry-glow{position:absolute;bottom:-1px;left:0;width:50%;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 25%,rgb(255,255,255) 50%,rgba(255,255,255,.3) 75%,transparent 100%);transform:translate(-100%);opacity:0}.game4Area .game4-hint-cluster{position:fixed;top:1.25em;left:1.25em;z-index:50;display:flex;flex-direction:row;align-items:flex-start;max-width:min(100vw - 2.5em,100%);box-sizing:border-box}.game4Area .hint-btn{width:3em;border:none;background:none;padding:0;cursor:pointer;flex-shrink:0;transition:transform .2s}.game4Area .hint-btn:hover{transform:scale(1.05)}.game4Area .hint-btn.is-disabled{opacity:.45;cursor:not-allowed}@media(max-width:992px){.game4Area .hint-btn{width:36px;height:36px}}.game4Area .hint-btn-img{height:auto;display:block}.game4Area .hint-window{position:absolute;top:0;left:calc(48px + .75em);width:clamp(240px,45vw,600px);background:#0a0a12f2;border-radius:8px;filter:drop-shadow(0 0 16px rgba(0,0,0,.6));display:none;z-index:40}.game4Area .hint-window.is-open{display:block}.game4Area .hint-window img{width:100%;height:auto}.game4Area .hint-locked-toast{position:absolute;top:50%;left:calc(48px + .75em);transform:translateY(-50%);width:max-content;padding:.6em .9em;border-radius:.5em;border:1px solid #ffffff;color:#fff;font-size:1.25em;line-height:1.4;z-index:41;pointer-events:none}.game4Area .sidebar{grid-area:sidebar;width:100%;height:100%;position:relative;display:grid;grid-template-rows:2fr 4fr;grid-template-areas:"info-panel-top" "info-panel-bottom";justify-items:end;gap:16px;padding:calc(clamp(10px,2vh,20px) + clamp(36px,5vw,55px) + 8px) 1em 3em;overflow:hidden}.game4Area .sidebar>*{min-height:0;overflow:hidden}.game4Area .info-panel{overflow-y:auto}.game4Area .info-panel-top{grid-area:info-panel-top;justify-self:end;width:100%;display:flex;align-items:center;justify-content:center;padding:6% 4% 3%;background-size:100% 100%;background-repeat:no-repeat}.game4Area .info-panel-top .info-panel-photo{max-width:100%;max-height:100%;object-fit:contain}.game4Area .info-panel-bottom{grid-area:info-panel-bottom;justify-self:end;width:calc(100% - 48px);display:flex;align-items:center;justify-content:center;padding:4% 3% 12% 8%;background-size:100% 100%;background-repeat:no-repeat}.game4Area .info-text{margin:0;font-size:1em;color:#fff;max-width:80%;overflow-wrap:anywhere}.game4Area #info-text-bottom{max-height:100%;overflow-y:auto}.game4Area #info-text-bottom .info-line{display:block;line-height:1.5}.game4Area #info-text-bottom .info-line:last-child{margin-bottom:0}.game4Area #info-text-bottom .info-title{font-size:1.5em;font-weight:700;margin-top:.7em;margin-bottom:.45em}.game4Area #info-text-bottom .info-trait,.game4Area #info-text-bottom .info-description{font-size:1.25em;font-weight:400;display:flex;align-items:flex-start;gap:.5em}.game4Area #info-text-bottom .info-trait:before,.game4Area #info-text-bottom .info-description:before{content:"●";font-size:.5em;flex-shrink:0;margin-top:.8em}@keyframes game4-success-flash{0%{filter:brightness(1) contrast(1) drop-shadow(0 0 14px rgba(255,255,255,.85));transform:scale(1.1)}50%{filter:brightness(1.3) contrast(1.02) drop-shadow(0 0 34px rgb(255,255,255));transform:scale(1.15)}to{filter:brightness(1) contrast(1) drop-shadow(0 0 14px rgba(255,255,255,0));transform:scale(1)}}@keyframes game4-cta-btn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game4-continue-pulse{0%,to{filter:drop-shadow(0 0 4px rgb(255,255,255)) drop-shadow(0 0 32px rgba(255,255,255,.8));transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:1}}@keyframes game4-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes game4-retry-glow-sweep{0%{transform:translate(-100%);opacity:0}8%{opacity:1}85%{opacity:1}to{transform:translate(300%);opacity:0}}.game5Area{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:absolute;inset:auto auto 0 50%;transform:translate(-50%);padding:40px;pointer-events:none}@media(max-width:992px)and (orientation:landscape){.game5Area{padding:20px}}.game5Area .btnGroup{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px}@media(max-width:992px)and (orientation:landscape){.game5Area .btnGroup{gap:20px}}.game5Area .btn{width:clamp(45px,6.5vw,120px);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;pointer-events:all}.game5Area .btn .btnImg,.game5Area .btn .playing,.game5Area .btn .activeImg{transition:opacity .4s}.game5Area .btn .btnImg{opacity:1}.game5Area .btn .playing,.game5Area .btn .activeImg{position:absolute;inset:0 auto auto 0;opacity:0}.game5Area .btn.active .btnImg{opacity:0}.game5Area .btn.active .playing{opacity:1}.game5Area .btn.active .activeImg{opacity:0}.game5Area .btn.played:not(.active) .btnImg{opacity:0}.game5Area .btn.played:not(.active) .playing{opacity:0}.game5Area .btn.played:not(.active) .activeImg{opacity:1}.game5Area .btn.hide{display:none}.game5Area .matchResult{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:40px 80px;background:linear-gradient(0deg,#1059a3,#27376e);color:#fff;font-size:20px;box-shadow:inset 0 4px 4px #ffffff40;border-radius:10px}@media(max-width:992px)and (orientation:landscape){.game5Area .matchResult{padding:12px 20px;font-size:16px;gap:5px}}.game5Area .matchResult img{width:40px}@media(max-width:992px)and (orientation:landscape){.game5Area .matchResult img{width:20px}}.teachBox{width:100%;height:100dvh;position:absolute;inset:0 auto auto 0;background-color:#00000080;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;z-index:20}.teachBox .teach{padding:40px 80px;background:linear-gradient(0deg,#1059a3,#27376e);color:#fff;font-size:24px;box-shadow:inset 0 4px 4px #ffffff40;border-radius:10px;text-align:center}@media(max-width:1040px)and (orientation:landscape){.teachBox .teach{padding:25px 60px;font-size:20px}}@media(max-width:992px)and (orientation:landscape){.teachBox .teach{padding:20px 40px;font-size:16px}}.teachBox .teach1{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}@media(max-width:992px)and (orientation:landscape){.teachBox .teach1{gap:5px}}.teachBox .teach1 img{width:120px}@media(max-width:992px)and (orientation:landscape){.teachBox .teach1 img{width:40px}}.teachBox .teach1 .sign{font-size:16px;border-bottom:1px solid #fff}.teachBox .teach4{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;text-align:left}@media(max-width:992px)and (orientation:landscape){.teachBox .teach4{gap:10px}}.teachBox .teach4 img{width:80px}@media(max-width:992px)and (orientation:landscape){.teachBox .teach4 img{width:40px}}.waveformWrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60vw;max-width:900px;pointer-events:none;z-index:10}.waveformVisualizer{width:100%}.waveformVisualizer svg{width:100%;height:auto;display:block;overflow:visible}*{position:relative;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body,html{font-family:Noto Sans TC,sans-serif;margin:0;padding:0;overscroll-behavior:none;touch-action:none;overflow:hidden}body.en,html.en{font-family:Noto Sans,sans-serif}a{text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,p{margin:0;line-height:normal}button{border:none;background:transparent;color:inherit;cursor:pointer}img{width:100%;height:auto;object-fit:contain;display:block;-webkit-user-select:none;user-select:none}.App{width:100%;height:100dvh;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.loadingArea{width:100%;height:100dvh;position:absolute;inset:0 auto auto 0;background:linear-gradient(0deg,#185593,#68bdb9);z-index:9999;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .5s}.loadingArea.hide{opacity:0;pointer-events:none;z-index:-1}.loadingArea.hide .circle .block{animation:none}.loadingArea .loadingBox{width:30vw}.loadingArea .circle{width:3vw;height:3vw;position:absolute;inset:32% auto auto 24%}@media(max-width:1040px)and (orientation:landscape){.loadingArea .circle{width:4vw;height:4vw;top:28%}}.loadingArea .circle .block{display:block;width:50%;height:4px;background:linear-gradient(90deg,#fff0 0% 30%,#fff 31% 100%);transform-origin:left center;position:absolute;top:50%;left:50%;animation:loadingFade 1.2s linear infinite}.loadingArea .circle .block:nth-child(1){transform:translateY(-50%) rotate(0);animation-delay:0s}.loadingArea .circle .block:nth-child(2){transform:translateY(-50%) rotate(30deg);animation-delay:-.1s}.loadingArea .circle .block:nth-child(3){transform:translateY(-50%) rotate(60deg);animation-delay:-.2s}.loadingArea .circle .block:nth-child(4){transform:translateY(-50%) rotate(90deg);animation-delay:-.3s}.loadingArea .circle .block:nth-child(5){transform:translateY(-50%) rotate(120deg);animation-delay:-.4s}.loadingArea .circle .block:nth-child(6){transform:translateY(-50%) rotate(150deg);animation-delay:-.5s}.loadingArea .circle .block:nth-child(7){transform:translateY(-50%) rotate(180deg);animation-delay:-.6s}.loadingArea .circle .block:nth-child(8){transform:translateY(-50%) rotate(210deg);animation-delay:-.7s}.loadingArea .circle .block:nth-child(9){transform:translateY(-50%) rotate(240deg);animation-delay:-.8s}.loadingArea .circle .block:nth-child(10){transform:translateY(-50%) rotate(270deg);animation-delay:-.9s}.loadingArea .circle .block:nth-child(11){transform:translateY(-50%) rotate(300deg);animation-delay:-1s}.loadingArea .circle .block:nth-child(12){transform:translateY(-50%) rotate(330deg);animation-delay:-1.1s}@media(max-width:992px)and (orientation:landscape){.loadingArea .circle .block{height:2px}}.sceneTransition{width:100%;height:100dvh;position:absolute;inset:0 auto auto 0;background:#000;z-index:9998;opacity:0;display:flex;flex-direction:row;justify-content:center;align-items:center;pointer-events:none;transition:opacity .4s}.sceneTransition.show{opacity:1;pointer-events:all;transition:none}.sceneTransition .circle{width:5vw;height:5vw}.sceneTransition .circle .block{display:block;width:50%;height:.3vw;background:linear-gradient(90deg,#fff0 0% 30%,#fff 31% 100%);transform-origin:left center;position:absolute;top:50%;left:50%;animation:loadingFade 1.2s linear infinite}.sceneTransition .circle .block:nth-child(1){transform:translateY(-50%) rotate(0);animation-delay:0s}.sceneTransition .circle .block:nth-child(2){transform:translateY(-50%) rotate(30deg);animation-delay:-.1s}.sceneTransition .circle .block:nth-child(3){transform:translateY(-50%) rotate(60deg);animation-delay:-.2s}.sceneTransition .circle .block:nth-child(4){transform:translateY(-50%) rotate(90deg);animation-delay:-.3s}.sceneTransition .circle .block:nth-child(5){transform:translateY(-50%) rotate(120deg);animation-delay:-.4s}.sceneTransition .circle .block:nth-child(6){transform:translateY(-50%) rotate(150deg);animation-delay:-.5s}.sceneTransition .circle .block:nth-child(7){transform:translateY(-50%) rotate(180deg);animation-delay:-.6s}.sceneTransition .circle .block:nth-child(8){transform:translateY(-50%) rotate(210deg);animation-delay:-.7s}.sceneTransition .circle .block:nth-child(9){transform:translateY(-50%) rotate(240deg);animation-delay:-.8s}.sceneTransition .circle .block:nth-child(10){transform:translateY(-50%) rotate(270deg);animation-delay:-.9s}.sceneTransition .circle .block:nth-child(11){transform:translateY(-50%) rotate(300deg);animation-delay:-1s}.sceneTransition .circle .block:nth-child(12){transform:translateY(-50%) rotate(330deg);animation-delay:-1.1s}.homeArea{height:100dvh;display:flex;flex-direction:row;justify-content:center;align-items:center}.homeArea.show .logoExh,.homeArea.show .langBox{transform:translateY(0);opacity:1}.homeArea.show .whale{transform:translate(0) rotate(0);opacity:1}.homeArea .homeWrap{width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:9dvh 50px;pointer-events:all}.homeArea .bg{width:100%;height:100%;position:absolute;inset:0 auto auto 0;object-fit:cover;border-radius:50px}.homeArea .logoMuseum{width:clamp(160px,20vw,300px);position:absolute;inset:36px auto auto 40px}.homeArea .whale{width:20%;position:absolute;inset:20px 20px auto auto;transform:translate(15px,-15px) rotate(-15deg);opacity:0;transition:all .8s 1s}.homeArea .homeBox{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.homeArea .logoExh{width:clamp(100px,20vw,320px);transform:translateY(-10px);opacity:0;transition:all .5s .2s}.homeArea .homeTopPlaceholder{pointer-events:none}.homeArea .langBox{width:clamp(200px,24vw,500px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px;transform:translateY(-10px);opacity:0;transition:all .5s .7s}@media(max-width:1200px)and (orientation:landscape){.homeArea .langBox{padding-bottom:16px}}@media(max-width:992px)and (orientation:landscape){.homeArea .langBox{padding-bottom:8px}}.homeArea .langBox .btn{font-size:36px;font-weight:300;color:#fff;cursor:pointer;transition:all .5s ease-out}@media(hover:hover)and (pointer:fine){.homeArea .langBox .btn:hover{transform:translateY(-10px)}}@media(max-width:1200px)and (orientation:landscape){.homeArea .langBox .btn{font-size:24px}}@media(max-width:992px)and (orientation:landscape){.homeArea .langBox .btn{font-size:20px}}.homeArea .langBox .langDeco{width:100%;position:absolute;inset:auto auto 0 0}.dialogArea{width:clamp(400px,55vw,1040px);position:absolute;inset:auto auto 30px 50%;transform:translate(-50%);color:#fff;font-weight:700;pointer-events:all;-webkit-tap-highlight-color:transparent}@media(max-width:1200px)and (orientation:landscape){.dialogArea{bottom:24px}}@media(max-width:992px)and (orientation:landscape){.dialogArea{bottom:16px}}@media(max-width:768px)and (orientation:landscape){.dialogArea{bottom:12px}}.dialogArea .speakerBox{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px}@media(max-width:1200px)and (orientation:landscape){.dialogArea .speakerBox{margin-bottom:6px}}@media(max-width:992px)and (orientation:landscape){.dialogArea .speakerBox{margin-bottom:4px}}.dialogArea .speakerBox .speakerDeco{width:auto;height:100%;position:absolute;inset:0 auto auto 0;transform:translate(-100%)}.dialogArea .speakerBox .speakerBg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.dialogArea .speakerBox .speaker{position:relative;z-index:1;text-align:center;font-size:24px;min-width:12vw;padding:0 48px 8px;white-space:nowrap}@media(max-width:1200px)and (orientation:landscape){.dialogArea .speakerBox .speaker{font-size:20px;padding:0 36px 8px}}@media(max-width:992px)and (orientation:landscape){.dialogArea .speakerBox .speaker{font-size:16px;padding:0 36px 4px}}@media(max-width:992px)and (orientation:landscape){body.en .dialogArea .speakerBox .speaker{font-size:14px}}.dialogArea .dialogBg{width:100%;height:100%;position:absolute;inset:0 auto auto 0;object-fit:fill}.dialogArea .contentBox{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-height:8vw;padding:20px clamp(20px,6vw,120px)}@media(max-width:992px)and (orientation:landscape){.dialogArea .contentBox{padding:12px clamp(20px,6vw,120px)}}.dialogArea .contentBox .content{font-size:24px;line-height:1.4}.dialogArea .contentBox .content.choiceText{color:#fff;border-bottom:2px solid #fff;cursor:pointer;transition:all .5s;-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.dialogArea .contentBox .content.choiceText:hover{color:#002748;border-color:#002748}}@media(max-width:1024px)and (orientation:landscape){.dialogArea .contentBox .content.choiceText{border-width:1px}}@media(max-width:1200px)and (orientation:landscape){.dialogArea .contentBox .content{font-size:20px}}@media(max-width:992px)and (orientation:landscape){.dialogArea .contentBox .content{font-size:16px}}@media(max-width:992px)and (orientation:landscape){.dialogArea .contentBox.en .content{font-size:14px}}.dialogArea .contentBox .dialogBtn{width:clamp(20px,3vw,48px);position:absolute;inset:auto 72px 30px auto}@media(max-width:1200px)and (orientation:landscape){.dialogArea .contentBox .dialogBtn{bottom:20px;right:48px}}@media(max-width:992px)and (orientation:landscape){.dialogArea .contentBox .dialogBtn{bottom:16px;right:40px}}@media(max-width:768px)and (orientation:landscape){.dialogArea .contentBox .dialogBtn{bottom:12px;right:24px}}.dialogArea .contentBox .startBtn{position:absolute;inset:auto 85px 30px auto;padding:10px 20px;background-color:#0685c0;color:#fff;letter-spacing:2px;border-radius:10px;cursor:pointer}@media(max-width:992px)and (orientation:landscape){.dialogArea .contentBox .startBtn{bottom:20px;right:48px;padding:8px 16px;font-size:.95em}}@media(max-width:768px)and (orientation:landscape){.dialogArea .contentBox .startBtn{bottom:14px;right:20px;padding:8px 14px;letter-spacing:1px}}.dialogWhale{position:fixed;top:40%;left:50%;width:35%;transform-origin:top right}.chapterArea{width:100%;height:100%;position:absolute;inset:0 auto auto 0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000b3;color:#fff;text-align:center;pointer-events:all;cursor:pointer;z-index:10}.chapterArea .chapterLabel{font-size:28px;font-weight:300;letter-spacing:4px;margin-bottom:16px}@media(max-width:1200px)and (orientation:landscape){.chapterArea .chapterLabel{font-size:24px}}@media(max-width:992px)and (orientation:landscape){.chapterArea .chapterLabel{font-size:20px}}@media(max-width:768px)and (orientation:landscape){.chapterArea .chapterLabel{font-size:18px}}.chapterArea .chapterTitle{font-size:48px;font-weight:700;letter-spacing:2px}@media(max-width:1200px)and (orientation:landscape){.chapterArea .chapterTitle{font-size:36px}}@media(max-width:992px)and (orientation:landscape){.chapterArea .chapterTitle{font-size:32px}}@media(max-width:768px)and (orientation:landscape){.chapterArea .chapterTitle{font-size:28px}}.toolboxArea{position:fixed;top:0;left:0}.toolboxArea .logo{width:clamp(60px,15vw,180px);padding:10px;margin-bottom:20px}.toolboxArea .toolBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:12px 24px;border-radius:0 20px 20px 0;background:linear-gradient(90deg,#185593,#68bdb9);color:#fff;font-size:20px;margin-bottom:20px}@media(max-width:1200px)and (orientation:landscape){.toolboxArea .toolBtn{gap:8px;border-radius:0 16px 16px 0;margin-bottom:16px;font-size:16px}}@media(max-width:992px)and (orientation:landscape){.toolboxArea .toolBtn{padding:8px 12px;margin-bottom:12px;font-size:12px}}@media(max-width:768px)and (orientation:landscape){.toolboxArea .toolBtn{gap:4px;margin-bottom:8px}}@media(hover:hover)and (pointer:fine){.toolboxArea .toolBtn.back:hover .iconBack{animation:shakeWhale 1s linear infinite;transform-origin:80% center}}@media(hover:hover)and (pointer:fine){.toolboxArea .toolBtn.history:hover .iconHistory{animation:share 1s linear infinite}}.toolboxArea .toolBtn .iconBack{width:48px}@media(max-width:1200px)and (orientation:landscape){.toolboxArea .toolBtn .iconBack{width:40px}}.toolboxArea .toolBtn .iconHistory{width:48px;padding:0 8px}@media(max-width:1200px)and (orientation:landscape){.toolboxArea .toolBtn .iconHistory{width:40px}}.endArea{position:absolute;inset:0 auto auto 0;width:100%;height:100dvh;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:992px)and (orientation:landscape){.endArea{padding:40px 0}}.endArea .logoExh{width:clamp(60px,12vw,200px);position:absolute;inset:35px 35px auto auto}@media(max-width:992px)and (orientation:landscape){.endArea .logoExh{top:10px;right:10px}}.endArea .logoMuseum{width:clamp(120px,20vw,300px);position:absolute;inset:auto auto 20px 30px}.endArea .textBg{width:400px}.endArea .drawImgBox{width:65%;height:75%}.endArea .drawImgBox .drawImg{height:100%;width:100%}.endArea .drawImgBox .drawImg img{height:100%;position:absolute;inset:0 auto auto 0}.endArea .drawImgBox .endWhaleSticker{position:absolute;right:-10%;bottom:-20%;width:clamp(140px,24vw,400px);z-index:5;pointer-events:none}.endArea .drawImgBox .endWhaleSticker img{width:100%;height:auto;display:block;object-fit:contain}.endArea .textBox{position:absolute;inset:0 auto auto 0;transform:translate(-40%,-30%);width:25%}.endArea .textBox img{width:100%}@media(max-width:1040px)and (orientation:landscape){.endArea .textBox{transform:translateY(-30%)}}.endArea .drawBtn{margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.endArea .drawBtn .download{padding:0 10px 5px;border-bottom:2px solid #fff;box-shadow:0 2px #0000004d}@media(max-width:992px)and (orientation:landscape){.endArea .drawBtn .download{border-width:1px}}.endArea .drawBtn .download img{width:35px}@media(max-width:992px)and (orientation:landscape){.endArea .drawBtn .download img{width:20px}}@media(hover:hover)and (pointer:fine){.endArea .drawBtn .download:hover img{animation:download 1.2s linear infinite}}.endArea .drawBtn .share{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;color:#fff;font-size:20px;padding:0 5px 10px;border-bottom:2px solid #fff;box-shadow:0 2px #0000004d}@media(max-width:992px)and (orientation:landscape){.endArea .drawBtn .share{font-size:16px;padding:0 5px 4px;border-width:1px}}.endArea .drawBtn .share img{width:28px}@media(max-width:992px)and (orientation:landscape){.endArea .drawBtn .share img{width:16px}}@media(hover:hover)and (pointer:fine){.endArea .drawBtn .share:hover img{animation:share 1s linear infinite}}.endArea .btnGroup{position:absolute;inset:20% auto auto 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}@media(max-width:1180px)and (orientation:landscape){.endArea .btnGroup{top:50%;transform:translateY(-50%)}}.endArea .btnGroup .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:15px 30px 15px 10px;border-radius:0 20px 20px 0;background:linear-gradient(180deg,#27376e,#1059a3);color:#fff;font-size:20px}@media(max-width:1180px)and (orientation:landscape){.endArea .btnGroup .btn{font-size:16px}}@media(max-width:992px)and (orientation:landscape){.endArea .btnGroup .btn{flex-direction:column;padding:10px 20px;font-size:14px}}.endArea .btnGroup .btn img{width:75px}@media(max-width:1180px)and (orientation:landscape){.endArea .btnGroup .btn img{width:60px}}@media(max-width:992px)and (orientation:landscape){.endArea .btnGroup .btn img{width:45px}}@media(hover:hover)and (pointer:fine){.endArea .btnGroup .btn:hover img{animation:shakeWhale 1s linear infinite;transform-origin:80% center}}.bgMusic{position:fixed;top:clamp(10px,2vw,20px);right:clamp(10px,2vw,20px);width:clamp(36px,5vw,55px);height:clamp(36px,5vw,55px);overflow:hidden;z-index:999;cursor:pointer}.thanksArea{position:absolute;inset:0 auto auto 0;width:100%;height:100dvh;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 0;gap:40px}@media(max-width:1024px)and (orientation:landscape){.thanksArea{gap:20px}}.thanksArea .logoExh{width:200px}@media(max-width:1400px)and (orientation:landscape){.thanksArea .logoExh{width:160px}}@media(max-width:1024px)and (orientation:landscape){.thanksArea .logoExh{width:120px}}@media(max-width:992px)and (orientation:landscape){.thanksArea .logoExh{width:100px;position:absolute;inset:20px auto auto 20px}}.thanksArea .sign{font-size:20px;letter-spacing:.05em;font-weight:500;color:#fff;text-align:center}.thanksArea .nameBox{width:70%;flex:1;overflow:hidden}@media(max-width:992px)and (orientation:landscape){.thanksArea .nameBox{width:60%}}.thanksArea .nameBox .nameList{width:100%;position:absolute;inset:0 auto auto 0}.thanksArea .nameBox .dataBox{display:flex;flex-direction:row;justify-content:center;align-items:stretch;font-size:16px;color:#fff;text-align:center;margin-bottom:20px}@media(max-width:992px)and (orientation:landscape){.thanksArea .nameBox .dataBox{font-size:14;flex-direction:column;align-items:center}}.thanksArea .nameBox .title{flex-shrink:0;padding-right:16px;margin-right:16px;white-space:pre-wrap;display:flex;flex-direction:row;justify-content:center;align-items:center}.thanksArea .nameBox .title:after{content:"";width:2px;height:80%;background-color:#fff;position:absolute;inset:auto 0 50% auto;transform:translateY(50%)}@media(max-width:992px)and (orientation:landscape){.thanksArea .nameBox .title{padding:0 0 10px;margin:0 0 10px;border-right:none}.thanksArea .nameBox .title:after{width:100%;height:2px;position:absolute;inset:auto auto 0 50%;transform:translate(-50%)}}.thanksArea .nameBox .name{line-height:1.4;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:left}.historyArea{width:65%;height:70%;max-height:70%;border-radius:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:40px 60px;background:linear-gradient(to bottom,#185593,#68bdb9);display:flex;flex-direction:column;justify-content:center;align-items:flex-end}@media(max-width:992px)and (orientation:landscape){.historyArea{width:80%;height:90%;max-height:90%;padding:12px 20px;border-radius:40px}}.historyArea .closeBtn{background-color:#fff;width:40px;height:40px;border-radius:50%}@media(max-width:992px)and (orientation:landscape){.historyArea .closeBtn{width:30px;height:30px}}.historyArea .closeBtn:before,.historyArea .closeBtn:after{content:"";display:block;width:70%;height:2px;background-color:#002748;position:absolute;top:calc(50% - 1px);left:15%;transition:all .5s}.historyArea .closeBtn:before{transform:rotate(-45deg)}.historyArea .closeBtn:after{transform:rotate(45deg)}@media(hover:hover)and (pointer:fine){.historyArea .closeBtn:hover:before{transform:rotate(-30deg)}.historyArea .closeBtn:hover:after{transform:rotate(30deg)}}.historyArea .historyBox{width:100%;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:40px}.historyArea .historyBox::-webkit-scrollbar{display:block;width:4px}.historyArea .historyBox::-webkit-scrollbar-track{background:transparent}.historyArea .historyBox::-webkit-scrollbar-thumb{background-color:#fffc;border-radius:5px}.historyArea .historyBox::-webkit-scrollbar-thumb:hover{background-color:#fff}.historyArea .data{padding:20px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:#fff;font-size:20px;border-bottom:2px solid rgba(255,255,255,.5)}@media(max-width:992px)and (orientation:landscape){.historyArea .data{font-size:14px;padding:8px 0}}.historyArea .speaker{width:15%;flex-shrink:0;text-align:center;padding-right:20px;margin-right:20px;border-right:2px solid #fff}.rotateDevice{width:100%;height:100dvh;position:absolute;inset:0 auto auto 0;background:linear-gradient(to bottom,#185593,#68bdb9);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;display:none;gap:4%;z-index:999}.rotateDevice img{width:40%}.rotateDevice p{padding:0 15%;color:#fff;font-size:32px;margin-top:20px}@media(max-width:992px)and (orientation:portrait){.rotateDevice p{font-size:28px}}@media(max-width:490px)and (orientation:portrait){.rotateDevice p{font-size:20px}}@media(max-width:1040px)and (orientation:portrait){.rotateDevice{display:flex}}.introArea{position:absolute;inset:0 auto auto 0;width:100%;height:100%;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center}.introArea .introBox{width:40%;max-width:450px;text-align:center;margin-top:-32px}.introArea .overlay{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:100%;opacity:0}.introArea .text{color:#fff;font-size:32px;margin-top:-32px}@media(max-width:940px)and (orientation:landscape){.introArea .text{font-size:24px}}