.coin--back{position:relative;background:radial-gradient(circle at 66% 28%,var(--c-hi),var(--c-mid) 58%,var(--c-lo))}.coin--back:after{content:"";position:absolute;inset:15%;border-radius:50%;border:calc(var(--d) * .03) dashed var(--c-edge);opacity:.6;pointer-events:none}.coin-han{font-size:.82em;letter-spacing:-.06em}.coin[data-v="50"] .coin-han{font-size:.62em}.kg{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:1.4vh;padding:0 2.2vw 1.6vh;background:linear-gradient(#fdf1d8,#f6dfb6)}.kg-scene{position:relative;min-height:0;display:grid;place-items:center;padding-top:clamp(60px,14vh,92px)}.kg-guide{position:absolute;left:0;bottom:.6vh;z-index:2;max-width:46%}.kg-board{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(96px,27vh,220px);padding:1.6vh 1.4vw;background:#fffdf7f7;border-radius:clamp(18px,4.5vh,32px);box-shadow:0 6px #7850284d}.kg-board>.yg-next{position:static;inset:auto;background:none;margin-left:3vw}.kb{background:#e7c08e top center / cover no-repeat;animation:kb-in .45s ease-out}@keyframes kb-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}.kb-work{position:absolute;inset:clamp(64px,15vh,96px) 1.2vw 1.2vh 1.2vw}.kb-work>svg{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.kb-guide{position:absolute;left:1.2vw;bottom:1.2vh;z-index:3;max-width:30%;pointer-events:none}.kb-guide .y-bubble{font-size:clamp(14px,3.4vh,24px)}.kb-pal{--kb-pal-h: clamp(70px, 22vh, 170px);position:absolute;right:1vw;bottom:calc(70% - var(--kb-pal-h));height:calc(var(--kb-pal-h) * var(--pal-r, 1));z-index:2;pointer-events:none;filter:drop-shadow(0 6px 6px rgba(60,30,10,.3))}.kb-pal.has-pose{transform-origin:50% 100%}.kb>.yg-next{z-index:4}.yg-tools .y-round:disabled{opacity:.45}.kd{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:#3c26108c}.kd-stage{position:relative;width:min(78vw,124vh);aspect-ratio:5 / 3;background:#fdf3df;border-radius:clamp(18px,4vh,32px);box-shadow:0 8px #3c1e0a59;overflow:hidden}.kd-stage>svg{width:100%;height:100%;display:block}.kd-hand{position:absolute;width:16%;transform:translate(-18%,-8%);transition:left linear,top linear;pointer-events:none;filter:drop-shadow(0 6px 5px rgba(60,30,10,.35))}.kd-hand.is-press{transform:translate(-18%,-8%) scale(.88)}.kd-skip{position:absolute;right:3vw;bottom:4vh}@media(prefers-reduced-motion:reduce){.kb{animation:none}}[data-hitpad=after]:after,[data-hitpad=before]:before{content:"";position:absolute;left:var(--hit-l, 0);top:var(--hit-t, 0);width:var(--hit-w, 100%);height:var(--hit-h, 100%);background:transparent;pointer-events:auto}.kb-night{position:absolute;left:50%;bottom:3vh;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:2vw;padding:1.6vh 2.4vw;border-radius:clamp(16px,3.4vh,28px);background:#282e52eb;color:#fff6dc;font-weight:800;font-size:clamp(16px,3.6vh,26px);box-shadow:0 6px #0f122899}.kb-night p{margin:0}.kit-dot{display:block;width:76%;height:76%;border-radius:50%;background:#ff8a3c;box-shadow:inset 0 -4px #78320040,0 2px #78502840}.kit-dot--red{background:#e8573f}.kit-dot--blue{background:#4a8fe0}.kit-dot--yellow{background:#f5c332}.kit-dot--green{background:#6cc04a}.kit-tf{display:inline-flex;gap:clamp(10px,3vh,26px);align-items:flex-start}.kit-tf-frame{display:grid;grid-template-columns:repeat(5,clamp(40px,11vh,66px));grid-auto-rows:clamp(40px,11vh,66px);padding:clamp(4px,1vh,8px);background:#fff7e6;border-radius:clamp(10px,2.4vh,18px);border:clamp(3px,.8vh,6px) solid #b98a52;box-shadow:0 5px #7850284d;transition:box-shadow .25s,background .25s}.kit-tf-frame.is-full{background:#fff3b8;box-shadow:0 0 0 clamp(3px,.8vh,6px) #ffd84a,0 0 clamp(14px,3vh,26px) #ffd84a}.kit-tf-cell{display:grid;place-items:center;margin:0;padding:0;border:1px solid #e3c99b;background:none;border-radius:6px}.kit-tf-cell:nth-child(n+6){border-top:clamp(3px,.8vh,6px) solid #b98a52}.kit-tf-cell.is-hot{outline:clamp(3px,.8vh,6px) solid #ffd84a;outline-offset:-3px;animation:kit-pulse .9s ease-in-out infinite}@keyframes kit-pulse{50%{background:#ffd84a8c}}.kit-nc{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:clamp(60px,17vh,96px);height:clamp(76px,22vh,124px);padding:4px;border:0;border-radius:clamp(10px,2.6vh,18px);background:#f7d9a0;color:#4a2f1c;box-shadow:inset 0 -5px #96642840,0 5px #78502861}.kit-nc-num{font-size:clamp(30px,8.6vh,54px);line-height:1;font-weight:900}.kit-nc-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:70%}.kit-nc-dots i{display:block;aspect-ratio:1;border-radius:50%;background:#e2452f}.kit-nc.is-small{width:clamp(44px,7.6vw,68px);height:clamp(48px,12vh,70px)}.kit-nc.is-small .kit-nc-num{font-size:clamp(24px,6.4vh,38px)}.kit-nc.is-selected{background:#ffe27a;outline:clamp(3px,.8vh,6px) solid #ffb703}.kit-nc.is-bounce{animation:kit-bounce .38s ease-out}@keyframes kit-bounce{40%{transform:translateY(-14px) scale(1.1)}}.kit-nc:disabled{opacity:.55}.kit-nc:active:not(:disabled){transform:translateY(3px)}.kit-counter{display:flex;align-items:center;gap:clamp(10px,3vw,28px)}.kit-counter-items{display:flex;flex-wrap:wrap;gap:clamp(4px,1vh,10px);max-width:62vw}.kit-counter-item{display:grid;place-items:center;width:clamp(34px,9.6vh,56px);height:clamp(34px,9.6vh,56px);border-radius:50%;transition:transform .2s}.kit-counter-item.is-counted{transform:scale(1.1)}.kit-counter-item.is-current{transform:scale(1.3)}.kit-pad{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(3px,.8vh,6px);max-width:96vw}.kit-pad .is-faded{opacity:.4}.kit-answers{display:flex;justify-content:center;gap:clamp(10px,3vw,28px)}.kit-answer{min-width:clamp(84px,22vh,150px);min-height:clamp(64px,18vh,110px);padding:0 clamp(14px,3vh,26px);border:0;border-radius:clamp(14px,3.4vh,26px);background:#fffaf0;font-size:clamp(30px,9vh,64px);font-weight:900;color:#4a2f1c;box-shadow:0 6px #78502861}.kit-answer:active:not(:disabled){transform:translateY(3px)}.kit-answer.is-wrong{opacity:.45}.kit-answer.is-lit{outline:clamp(4px,1vh,8px) solid #ffd84d;outline-offset:2px}.kit-clock{display:block;height:clamp(150px,56vh,300px);aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}.kit-clock-face{fill:#fffaf0;stroke:#b98a52;stroke-width:6}.kit-clock-num{font-size:20px;font-weight:900;fill:#4a2f1c;text-anchor:middle;dominant-baseline:central}.kit-clock-tick{stroke:#b98a52;stroke-width:3;stroke-linecap:round}.kit-clock-hand{stroke-linecap:round}.kit-clock-hand--hour{stroke:#e2452f;stroke-width:11}.kit-clock-hand--minute{stroke:#2f6fd0;stroke-width:7}.kit-clock-grip{cursor:grab;outline:none}.kit-clock-grip--hour circle{fill:#e2452f}.kit-clock-grip--minute circle{fill:#2f6fd0}.kit-clock-grip circle{stroke:#fff;stroke-width:3}.kit-clock-grip:focus-visible circle{stroke:#ffd84a;stroke-width:6}.kit-clock-grip.is-dragging{cursor:grabbing}.kit-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(4px,1.2vh,10px)}.kit-strip-cell{display:grid;place-items:center;width:clamp(44px,12.6vh,72px);height:clamp(44px,12.6vh,72px);margin:0;padding:0;border:0;border-radius:clamp(10px,2.6vh,18px);background:#fffaf0;font-size:clamp(22px,6vh,40px);font-weight:900;box-shadow:0 4px #78502852;transition:transform .15s,background .15s}.kit-strip-cell[data-state=empty]{background:#fffaf08c;border:clamp(3px,.8vh,5px) dashed #b98a52;box-shadow:none}.kit-strip-cell[data-state=unknown]{background:#fff3b8;color:#b8860b}.kit-strip-cell[data-state=gap]{background:transparent;box-shadow:none;opacity:.35;border:clamp(2px,.6vh,4px) dotted #b98a52}.kit-strip-cell.is-playing{background:#ffe27a;transform:scale(1.18)}.kit-zy{display:inline-block;vertical-align:middle;height:1em;width:1em;overflow:visible}.kit-zy path{fill:currentColor;stroke:none;stroke-linejoin:round}.kit-zy path[stroke-width]{stroke:currentColor}.kit-zy .kit-zy-reveal{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.kit-zy--ghost path{fill:#4a2f1c2e}.kit-zyt{display:inline-flex;align-items:flex-start;gap:.06em;vertical-align:middle;color:#4a2f1c}.kit-zyt-syl{position:relative;display:inline-flex;align-items:flex-start;padding:0 .12em}.kit-zyt-syl[data-tone-place=last-upper-right]{padding-right:.7em}.kit-zyt-stack{display:inline-flex;flex-direction:column;align-items:center}.kit-zyt-tone{position:absolute;right:.12em;top:calc((var(--zy-n, 1) - 1) * 1em - .06em);width:.55em;height:.55em}@media(prefers-reduced-motion:reduce){.kit-nc.is-bounce,.kit-tf-cell.is-hot{animation:none}}.kit-zyt-tone .kit-zy{display:block;width:100%;height:100%}.kit-zyt-neutral{width:.5em;height:.5em;margin:-.05em 0 -.15em;align-self:center}.pg{position:fixed;z-index:30;right:1.6vw;top:17vh;display:flex;align-items:center;gap:clamp(8px,1.6vw,22px);background:#fffbf3f7;border-radius:clamp(18px,5vh,36px);padding:clamp(6px,1.6vh,14px) clamp(12px,1.8vw,26px);box-shadow:0 6px #7850284d,0 12px 20px #3c1e0a33;pointer-events:none;animation:pg-in .35s ease-out both}.pg-imgs{position:relative;height:clamp(72px,22vh,132px);aspect-ratio:1;flex:none;border-radius:50%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 55%,#4b3a86,#2a1f55 70%,#1d1540);box-shadow:inset 0 0 0 3px #ffd84d8c}.pg-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pg-imgs img.pg-old,.pg-imgs img.pg-new{inset:auto 13% 8%;width:74%;height:74%;object-position:50% 100%}.pg-fx{mix-blend-mode:screen;pointer-events:none}.pg-fx-halo{animation:pg-halo 1.6s ease-out both;opacity:.8}.pg-fx-fire{animation:pg-fire 1.1s .45s ease-out both}.pg-fx-stars{animation:pg-stars 1.4s .7s ease-in-out infinite alternate both}.pg-fx-beam,.pg-fx-hatch,.pg-fx-orbit,.pg-fx-flash,.pg-fx-big{opacity:0}.pg-fx-beam{animation:pg-beam 1.3s ease-out both;transform-origin:50% 90%}.pg-fx-hatch{animation:pg-hatch 1s .4s ease-out both}.pg-fx-flash{animation:pg-flash .8s .3s ease-out both}.pg-fx-orbit{animation:pg-orbit-in .7s 1s ease-out both,pg-spin 7s 1s linear infinite}.pg-imgs img.pg-fx-big{inset:0 3% auto auto;width:40%;height:40%;animation:pg-big 1.2s 1.1s cubic-bezier(.3,1.5,.5,1) both}.pg-old{animation:pg-old 1.2s ease-in both}.pg-new{animation:pg-new 1.2s .5s cubic-bezier(.3,1.5,.5,1) both}.pg-line{margin:0;font-size:clamp(15px,3.6vh,24px);font-weight:800;line-height:1.4;color:#4a3320}.pg-line b{color:#b3401f}.pg-ok{pointer-events:auto;flex:none;min-width:44px;min-height:44px;border:0;border-radius:999px;background:#fff;color:#4a3320;font:inherit;font-size:clamp(16px,3.6vh,24px);font-weight:800;padding:0 1em;box-shadow:0 3px #78502859;cursor:pointer}@keyframes pg-halo{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pg-fire{0%{opacity:0;transform:scale(.4)}40%{opacity:.9}to{opacity:.45;transform:scale(1.12)}}@keyframes pg-stars{0%{opacity:.25;transform:scale(.94)}to{opacity:.7;transform:scale(1.04)}}@keyframes pg-beam{0%{opacity:0;transform:scaleY(.3)}35%{opacity:.9;transform:scaleY(1)}to{opacity:0;transform:scaleY(1.08)}}@keyframes pg-hatch{0%{opacity:0;transform:scale(.45)}30%{opacity:1}to{opacity:0;transform:scale(1.2)}}@keyframes pg-flash{0%{opacity:0;transform:scale(.5)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes pg-orbit-in{0%{opacity:0}to{opacity:.55}}@keyframes pg-spin{to{transform:rotate(360deg)}}@keyframes pg-big{0%{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:.9;transform:scale(1) rotate(0)}}@keyframes pg-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pg-old{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(.8)}}@keyframes pg-new{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.pg,.pg-old,.pg-new,.pg-fx,.pg-imgs img.pg-fx-big{animation:none}.pg-old{opacity:0}.pg-fx-fire{opacity:.3}.pg-fx-stars{opacity:.55}}.yp-pals{width:100%;max-width:1380px}.yp-pals-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vw,22px)}.yp-pal{display:flex;align-items:center;gap:clamp(6px,1vw,14px);background:#fff;border-radius:clamp(14px,3vh,24px);padding:clamp(6px,1.2vh,12px) clamp(8px,1vw,16px)}.yp-pal img{height:clamp(48px,11vh,84px);aspect-ratio:1;object-fit:contain;flex:none}.yp-pal-text{display:flex;flex-direction:column;gap:.15em;min-width:0;font-size:clamp(13px,2.6vh,20px);line-height:1.3}.yp-pal-name{font-weight:900;font-size:1.15em}.yp-pal-stage{color:#7a5a3a}.yp-pal-next{color:#3f6f58;font-weight:700}@media(max-width:700px){.yp-pals-list{grid-template-columns:repeat(2,1fr)}}.yr{background:#b9d49a;touch-action:none;user-select:none;-webkit-user-select:none}.yr-blur{position:absolute;inset:-4%;background:center / cover;filter:blur(18px) saturate(.9);opacity:.8}.yr-cam{position:absolute;inset:0;transition:transform .6s cubic-bezier(.5,0,.8,.4),opacity .35s ease-in .25s}.yr-cam.is-in{transform:scale(2.6);opacity:0}.yr-cam.is-back{animation:yr-out .55s cubic-bezier(.2,.6,.3,1)}@keyframes yr-out{0%{transform:scale(2.6);opacity:0}to{transform:none;opacity:1}}.yr-stage{position:absolute;left:0;top:0;transform-origin:0 0;background:top left / 100% 100% no-repeat;cursor:pointer}.yr-sprite{position:absolute;pointer-events:none;overflow:hidden;filter:drop-shadow(0 6px 4px rgba(60,30,10,.35))}.yr-sprite>i{display:block;transform-origin:0 0;background-repeat:no-repeat}.yr-dot{position:absolute;width:44px;height:44px;margin:-40px 0 0 -22px;border-radius:50%;background:#3f7fe0;border:5px solid #fff;pointer-events:none}.yr-me{z-index:3}.yr-boss{position:absolute;width:110px;height:165px;margin:-150px 0 0 -55px;border:0;padding:0;background:none;z-index:2}.yr-boss-img{position:absolute;left:50%;top:0;width:120px;height:168px;margin-left:-60px;object-fit:contain;object-position:50% 100%;pointer-events:none}.yr-boss.is-hop{animation:yr-hop .5s ease-out}@keyframes yr-hop{40%{transform:translateY(-22px)}}.yr-name{position:absolute;left:55px;top:-32px;transform:translate(-50%);white-space:nowrap;padding:2px 16px;border-radius:999px;background:#fffaf0f0;font-size:26px;font-weight:900;color:#5a3a1c;box-shadow:0 3px #7850284d}.yr-bench{position:absolute;width:150px;height:124px;margin:-62px 0 0 -75px;border:0;padding:0;background:none;z-index:4}.yr-ring{position:absolute;left:29px;top:32px;width:92px;height:60px;border-radius:50%;border:8px solid #ffd84a;background:#ffec8c59;box-shadow:0 0 22px 8px #ffd84abf,inset 0 0 14px #ffffffe6;animation:yr-pulse 1.5s ease-in-out infinite}@keyframes yr-pulse{50%{transform:scale(1.16);box-shadow:0 0 34px 14px #ffd84ae6,inset 0 0 14px #ffffffe6}}.yr-tag{position:absolute;left:75px;top:18px;transform:translate(-50%,-100%);display:grid;justify-items:center;white-space:nowrap;padding:6px 20px 8px;border-radius:22px;background:#fffaf0;box-shadow:0 5px #78502852;color:#4a2f16}.yr-tag b{font-size:30px;font-weight:900;letter-spacing:.04em}.yr-tag em{font-style:normal;font-size:20px;font-weight:800;color:#8a6238}.yr-bench:disabled{opacity:.85}.yr-bench.is-off{opacity:.6}.yr-bench.is-off .yr-ring{animation:none;box-shadow:none;border-color:#d9c79a}.yr-change{position:absolute;pointer-events:none;filter:drop-shadow(0 5px 4px rgba(60,30,10,.3))}.yr-change.is-new{animation:yr-new 1.2s ease-out 3}@keyframes yr-new{0%{transform:scale(.4);filter:brightness(2) drop-shadow(0 0 16px #fff6a8)}60%{transform:scale(1.18)}to{transform:none}}.yr-debug{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.yr-title{margin:0;align-self:center;padding:.15em 1.1em;border-radius:999px;background:#fffaf0eb;font-size:clamp(18px,4.4vh,32px);font-weight:900;color:#5a3a1c;box-shadow:0 4px #7850284d}.yr-guide{position:absolute;left:1.2vw;bottom:1.2vh;z-index:5;max-width:46%;pointer-events:none}.yr-dark{position:absolute;inset:0;z-index:6;background:#14204a;opacity:0;pointer-events:none;transition:opacity 2.2s}.yr.is-night .yr-dark{opacity:.62}@media(prefers-reduced-motion:reduce){.yr-cam,.yr-cam.is-back,.yr-ring,.yr-change.is-new{animation:none;transition:none}}.y-confirm-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#3c230f8c;padding:3vh 3vw}.y-confirm{display:flex;flex-direction:column;align-items:center;gap:2.2vh;text-align:center;max-width:min(92vw,640px);background:var(--cream);border-radius:clamp(20px,5vh,40px);padding:3.4vh 3.4vw;box-shadow:0 8px #7850284d,0 14px 22px #3c1e0a40}.y-confirm-title{margin:0;font-size:clamp(22px,5.4vh,38px);line-height:1.3;color:var(--ink)}.y-confirm-body{margin:0;font-size:clamp(17px,3.8vh,26px);line-height:1.5;font-weight:700;color:var(--ink)}.y-confirm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4vh 3vw;margin-top:.6vh}.y-confirm-btn{min-height:56px;min-width:150px;font-size:clamp(20px,4.6vh,32px)}.y-confirm-btn--danger{background:#fff;color:var(--red);box-shadow:0 5px #e9b3a8}.y-confirm-btn--danger:disabled{opacity:.55}.y-save-note{position:fixed;left:0;right:0;bottom:0;z-index:150;margin:0;padding:1.4vh 3vw;text-align:center;font-weight:900;font-size:clamp(15px,3.2vh,22px);line-height:1.45;background:#fff0c9;color:#6b3d00;border-top:3px solid #e0a63a}.y-save-note~.yp{padding-bottom:22vh}.ygp-card{background:#fffbf3f7;border-radius:clamp(20px,5vh,40px);padding:3vh 3vw;display:flex;flex-direction:column;align-items:center;gap:2vh;text-align:center;max-width:92vw;box-shadow:0 8px #7850284d,0 14px 22px #3c1e0a33}.ygp-card h1{font-size:clamp(26px,6.4vh,54px);font-weight:900;letter-spacing:.06em}.ygp-card p{font-size:clamp(14px,3.2vh,24px);font-weight:800}.ygp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6vh 1.4vw}.ygp-btn{display:flex;flex-direction:column;align-items:center;gap:.4vh;min-width:14vw;min-height:12vh}.ygp-name{font-size:clamp(20px,5vh,36px);font-weight:900}.ygp-age{font-size:clamp(11px,2.4vh,16px);font-weight:700;opacity:.85}.yp-start{flex:1 1 100%;display:flex;flex-direction:column;align-items:center;gap:.5em}.yp-start-title{font-weight:900}.yp-seg--wrap{flex-wrap:wrap;justify-content:center;border-radius:1.6em}.yp-seg--wrap button{min-width:44px;padding:.35em .7em}.yp-start-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3em;text-align:center}.yp-start-glyphs{display:inline-flex;gap:.15em;font-size:1.5em;line-height:1}.yp-start-glyphs .kit-zy{width:1em;height:1em}:root{--coin: clamp(76px, 21.5vh, 116px);--coin-sm: max(76px, calc(var(--coin) * .86));--ink: #4a2f1c;--cream: #fffaf0;--wood: #c08a4c;--green: #7fcf52;--green-d: #4c9a2f;--red: #e2452f;--shadow: rgba(110, 70, 30, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Arial Rounded MT Bold,PingFang TC,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;color:var(--ink);background:#f6e7cf;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}main{position:relative;height:100vh;height:100dvh;min-height:320px;overflow:hidden}h1,h2,p,ul,ol{margin:0;padding:0}img{-webkit-user-drag:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.y-round{width:clamp(52px,13vh,76px);height:clamp(52px,13vh,76px);border-radius:50%;border:0;background:var(--cream);color:#3d86ee;display:grid;place-items:center;box-shadow:0 4px 0 var(--shadow),0 8px 14px #3c1e0a33}.y-round svg{width:58%;height:58%}.y-round--sm{width:clamp(48px,11vh,64px);height:clamp(48px,11vh,64px);color:#7a5a3a}.y-pill{display:inline-flex;align-items:center;gap:.35em;height:clamp(48px,12vh,72px);padding:0 1em;border:0;border-radius:999px;background:var(--cream);font-weight:900;font-size:clamp(20px,4.6vh,34px);letter-spacing:.06em;box-shadow:0 4px 0 var(--shadow),0 8px 14px #3c1e0a33}.y-pill svg{width:1.3em;height:1.3em}.y-pill:disabled{opacity:.55}.y-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3em;border:0;border-radius:999px;padding:.45em 1.3em;font-weight:900;font-size:clamp(20px,4.4vh,34px);letter-spacing:.06em;text-decoration:none;white-space:nowrap;background:var(--cream);color:var(--ink);box-shadow:0 5px #cdb894}.y-btn svg{width:1em;height:1em}.y-btn--go{background:var(--green);color:#1f4416;box-shadow:0 5px 0 var(--green-d)}.y-btn--go:disabled{background:#cfd8c4;color:#7c8872;box-shadow:0 5px #a9b39c}.y-btn--deep{background:#3f8068;color:#fff;box-shadow:0 5px #29594a}.y-btn--plain{background:#fff}.y-btn--big{font-size:clamp(24px,6vh,44px);padding:.45em 1.6em}.y-btn:active:not(:disabled),.y-round:active,.y-pill:active:not(:disabled){transform:translateY(3px)}.y-bubble{background:#fff;border-radius:1em;padding:.4em .9em;font-weight:900;font-size:clamp(18px,4vh,30px);line-height:1.35;box-shadow:0 4px #6e461e38;max-width:22em}.y-bubble b{color:var(--red);font-size:1.3em;padding:0 .08em}.y-guide{display:flex;align-items:flex-end;gap:.6vw}.y-guide-img{height:min(34vh,21vw);display:block;filter:drop-shadow(0 6px 6px rgba(60,30,10,.3))}.y-guide--avatar .y-guide-img{height:clamp(60px,16vh,132px);background:var(--cream);border-radius:50%;box-shadow:0 0 0 clamp(3px,.8vh,6px) #fff,0 5px 0 var(--shadow)}.y-guide--avatar .y-bubble{margin-bottom:1.5vh}.y-plaque{display:inline-block;padding:.15em 1em;border-radius:.6em;color:#fff5dc;font-weight:900;letter-spacing:.12em;font-size:clamp(30px,8vh,70px);background:linear-gradient(#a9713f,#8a5a30);text-shadow:0 3px 0 #5f3d1f;box-shadow:0 6px #5f3d1f,inset 0 3px #ffffff40}.coin{--d: calc(var(--coin) * var(--k, 1));width:var(--d);height:var(--d);border-radius:50%;display:grid;place-items:center;flex:none;font-weight:900;font-size:calc(var(--d) * .44);color:var(--c-ink);line-height:1;background:radial-gradient(circle at 34% 28%,var(--c-hi),var(--c-mid) 58%,var(--c-lo));box-shadow:inset 0 0 0 calc(var(--d) * .075) var(--c-rim),inset 0 calc(var(--d) * -.05) calc(var(--d) * .08) #00000029,0 calc(var(--d) * .055) 0 var(--c-edge),0 calc(var(--d) * .1) calc(var(--d) * .1) #3c281447}.coin-n{text-shadow:0 2px 0 rgba(255,255,255,.45);transform:translateY(-3%)}.coin[data-v="1"]{--k: .9;--c-hi: #f3b592;--c-mid: #d1825b;--c-lo: #a95e3e;--c-rim: #ba6d49;--c-edge: #8a4a2e;--c-ink: #6e3018}.coin[data-v="5"]{--k: .95;--c-hi: #f6f8fa;--c-mid: #c8ced6;--c-lo: #9ba3ae;--c-rim: #b4bbc5;--c-edge: #7f8792;--c-ink: #59626e}.coin[data-v="10"]{--k: 1;--c-hi: #fdfdf8;--c-mid: #dcdacf;--c-lo: #b0ad9f;--c-rim: #c5c2b4;--c-edge: #8d8a7d;--c-ink: #5d5a4e}.coin[data-v="50"]{--k: 1.1;--c-hi: #ffe78f;--c-mid: #f3bf3f;--c-lo: #d29820;--c-rim: #e1a92d;--c-edge: #a97412;--c-ink: #7a4f06}.coin--bill{width:calc(var(--coin) * 1.45);height:calc(var(--coin) * .78);border-radius:14%/24%;font-size:calc(var(--coin) * .36)}.coin[data-v="100"]{--c-hi: #ffb3a6;--c-mid: #ee8272;--c-lo: #cf5f50;--c-rim: #dc6f60;--c-edge: #a8463a;--c-ink: #7a2419}.coin[data-v="500"]{--c-hi: #e3c19a;--c-mid: #c2966a;--c-lo: #9c7148;--c-rim: #ad8156;--c-edge: #7a5733;--c-ink: #55391c}.coin[data-v="1000"]{--c-hi: #b7d6f5;--c-mid: #7fafe0;--c-lo: #5a8cc2;--c-rim: #6b9cd0;--c-edge: #416f9f;--c-ink: #1f4470}.coin-btn{width:var(--coin);height:var(--coin);flex:none;display:grid;place-items:center;padding:0;border:0;background:none;touch-action:none;cursor:grab;border-radius:50%}.coin-btn--bill{width:calc(var(--coin) * 1.5);border-radius:18%}.coin-btn:disabled{cursor:default}.coin-btn:focus-visible{outline:4px solid #3d86ee;outline-offset:2px}.coin-btn.is-dragging{opacity:.3}.drag-item{touch-action:none;cursor:grab}.drag-item:disabled{cursor:default}.drag-item.is-dragging{opacity:.3}.drag-ghost{position:fixed;left:0;top:0;z-index:99;pointer-events:none;margin:0!important;opacity:1!important;cursor:grabbing}.yh{background:#cfe8f5}.yh:before{content:"";position:absolute;inset:0;background:url(/art/town.webp) center / cover;filter:brightness(1.14) saturate(1.1)}.yh.is-night:before{filter:brightness(.5) saturate(.75)}.yh-parents{position:absolute;top:2.4vh;right:1.6vw;z-index:2}.yh-logo{position:absolute;z-index:1;top:3vh;left:50%;transform:translate(-50%);height:min(38vh,23vw);aspect-ratio:1000 / 588;font-size:min(38vh,23vw)}.yh-logo img{height:100%;display:block;filter:drop-shadow(0 8px 8px rgba(60,30,10,.35))}.yh-ribbon{position:absolute;left:15%;right:15%;top:72%;height:25%;display:flex;align-items:center;justify-content:center;gap:.35em;background:linear-gradient(#f37a57,#de5335);color:#fff7e6;font-weight:900;font-size:.135em;letter-spacing:.2em;text-indent:.2em;border-radius:.25em;box-shadow:0 .12em #a9391f,inset 0 0 0 .06em #ffffff47;text-shadow:0 .06em 0 #a9391f}.yh-ribbon i{font-style:normal;font-size:.8em;letter-spacing:0;text-indent:0}.yh-ribbon:before,.yh-ribbon:after{content:"";position:absolute;top:22%;width:12%;height:100%;background:#c9482c;z-index:-1}.yh-ribbon:before{left:-8%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 50%)}.yh-ribbon:after{right:-8%;clip-path:polygon(0 0,100% 0,65% 50%,100% 100%,0 100%)}.yh-cards{position:absolute;z-index:1;top:44vh;left:50%;transform:translate(-50%);display:flex;gap:2vw}.yh-card{width:min(19vw,40vh);aspect-ratio:300 / 366;border:0;border-radius:clamp(16px,4vh,30px);padding:clamp(6px,1.4vh,12px);background:var(--cream);display:flex;flex-direction:column;gap:clamp(6px,1.4vh,12px);box-shadow:0 8px #78502861,0 14px 22px #3c1e0a40}.yh-card img{flex:1;min-height:0;width:100%;object-fit:cover;border-radius:clamp(10px,2.8vh,22px)}.yh-card-label{border-radius:999px;padding:.16em 0;font-size:clamp(22px,min(5.6vh,2.9vw),46px);font-weight:900;letter-spacing:.1em;text-indent:.1em;color:#2c2416;box-shadow:inset 0 -.14em #00000024}.yh-card--green .yh-card-label{background:#8fd35a}.yh-card--yellow .yh-card-label{background:#ffcf3f}.yh-card--blue .yh-card-label{background:#5aa5ef}.yh-card:active:not(:disabled){transform:translateY(4px)}.yh-card:disabled{filter:grayscale(.5) brightness(.72)}.yh-guide{position:absolute;z-index:2;right:.6vw;bottom:0}.yh-guide .y-guide{flex-direction:column-reverse;align-items:flex-end;gap:0}.yh-guide .y-bubble{margin-right:4%;margin-bottom:-2vh;position:relative;z-index:1;white-space:nowrap}.ym,.yd{background:#e9d3b0 url(/art/stall-bg.webp) top center / cover;display:flex;flex-direction:column;align-items:center;padding:2.4vh 2vw;gap:2vh}.ym-back,.yc-back,.yp-back{position:absolute;top:2.4vh;left:1.6vw;z-index:3}.ym-shelf{display:flex;gap:1vw;background:#fffaf0e6;border-radius:999px;padding:.8vh 2vw;box-shadow:0 4px 0 var(--shadow)}.ym-shelf img{height:clamp(34px,9vh,72px)}.ym-modes{display:flex;gap:2.4vw;flex:1;align-items:center}.ym-mode{width:min(27vw,62vh);border:0;border-radius:clamp(18px,4.5vh,32px);background:var(--cream);padding:2.4vh 1.2vw 2.8vh;display:flex;flex-direction:column;align-items:center;gap:1vh;position:relative;box-shadow:0 8px #78502861,0 14px 22px #3c1e0a40}.ym-mode:active{transform:translateY(4px)}.ym-coins{--coin: clamp(44px, 12vh, 88px);display:flex;align-items:center;justify-content:center;height:calc(var(--coin) * 1.25)}.ym-coins .coin+.coin{margin-left:calc(var(--coin) * -.22)}.ym-coins--receive .coin:nth-child(odd){transform:translateY(-10%) rotate(-8deg)}.ym-coins--receive .coin:nth-child(2n){transform:translateY(12%)}.ym-title{font-size:clamp(26px,7vh,56px);font-weight:900;letter-spacing:.08em}.ym-text{font-size:clamp(16px,3.6vh,26px);font-weight:700;color:#7a5a3a}.ym-tag{position:absolute;top:-1.6vh;right:-.6vw;background:#ffcf3f;border-radius:999px;padding:.2em .8em;font-size:clamp(13px,2.8vh,20px);font-weight:900;box-shadow:0 3px #d39b12}.ym-guide{position:absolute;left:1.6vw;bottom:1.6vh}.yg{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:1.4vh;padding:0 2.2vw 1.6vh;background:#e9d3b0 url(/art/stall-bg.webp) top center / cover no-repeat}.yg-top{position:absolute;z-index:5;top:1.6vh;left:1.6vw;right:1.6vw;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.yg-top>*{pointer-events:auto}.yg-tools{display:flex;align-items:center;gap:1vw}.yg-progress{list-style:none;display:flex;gap:8px;padding:8px 14px;background:#fffaf0d9;border-radius:999px}.yg-progress li{width:14px;height:14px;border-radius:50%;background:#e3d5bf}.yg-progress li.is-done{background:#6cc04a}.yg-progress li.is-now{background:#ffcf3f;box-shadow:0 0 0 3px #fff}.yg-scene{position:relative;min-height:0}.yg-customer{position:absolute;left:61%;bottom:-1.4vh;height:min(38vh,80%);filter:drop-shadow(0 6px 6px rgba(60,30,10,.3));transform-origin:50% 100%;transition:transform .25s}.yg-customer.is-happy{transform:translateY(-4%) scale(1.05)}.yg-order{position:absolute;z-index:1;right:max(22vw,300px);top:3.5vh;display:flex;align-items:center;gap:.5vw;background:#fff;border-radius:clamp(18px,4.5vh,36px);padding:.6vh 1.6vw .6vh 1vw;box-shadow:0 5px #6e461e38;white-space:nowrap}.yg-order:after{content:"";position:absolute;right:18%;bottom:-2.2vh;border:1.4vh solid transparent;border-top:2.4vh solid #fff;border-bottom:0}.yg-item{height:clamp(44px,12vh,104px)}.yg-price{font-size:clamp(22px,5vh,42px);font-weight:900}.yg-price b{font-size:1.9em}.yg-paid{--coin: clamp(40px, 9vh, 72px);display:inline-flex;align-items:center;gap:.3em;margin-left:.8vw;padding-left:.9vw;border-left:3px dashed #e3d5bf;font-size:clamp(18px,4vh,30px);font-weight:900}.yg-guide{position:absolute;left:0;bottom:.6vh;z-index:2;max-width:52%}.yg-counter{position:relative;z-index:2;display:flex;align-items:center;gap:1.4vw;background:#fffdf7f7;border-radius:clamp(18px,4.5vh,32px);padding:1vh 1.4vw;box-shadow:0 6px #7850284d}.yg-counter-label,.yg-table-label{font-weight:900;white-space:nowrap}.yg-counter-label{font-size:clamp(24px,7vh,62px);letter-spacing:.04em}.yg-counter-coins{flex:1;min-width:0;display:flex;align-items:center;min-height:calc(var(--coin-sm) + 1.2vh);padding:0 var(--coin-sm) 0 .6vw;background:#f1ece2;border-radius:clamp(14px,3.4vh,24px)}.yg-counter-coins[data-drop-hot],.yg-counter[data-drop-hot] .yg-counter-coins{background:#fff3c4;box-shadow:inset 0 0 0 clamp(3px,.8vh,6px) #ffb21e}.yg-counter .coin-btn{--coin: var(--coin-sm)}.yg-counter-coins .coin-btn{flex:0 1 var(--coin);min-width:0;justify-items:start}.yg-counter-coins .coin-btn--bill{flex-basis:calc(var(--coin) * 1.5)}.yg-counter-coins .coin-btn.is-current .coin{outline:clamp(3px,.8vh,6px) solid #ff8a3c;outline-offset:2px;transform:translateY(-8%) scale(1.05)}.yg[data-phase=counting] .yg-counter-coins .coin-btn:not(.is-counted){opacity:.4}.yg-total{min-width:2.5em;text-align:center;background:#cfe6fb;border-radius:clamp(14px,3.4vh,24px);font-size:clamp(34px,9vh,84px);font-weight:900;line-height:1.22;padding:0 .25em}.yg-total.is-counting{background:#ffe9a8}.yg-submit{font-size:clamp(22px,5.2vh,40px)}.yg-bottom{position:relative;display:flex;align-items:stretch;gap:1.2vw}.yg-tray{flex:1;display:flex;background:linear-gradient(#e5bc82,#d6a86d);border:clamp(7px,1.8vh,16px) solid var(--wood);border-radius:clamp(14px,3.4vh,24px);box-shadow:inset 0 6px 10px #5a320a40,0 6px #9c6a35}.yg-tray[data-drop-hot]{box-shadow:inset 0 6px 10px #5a320a40,0 6px #9c6a35,0 0 0 clamp(3px,.8vh,6px) #ffb21e}.yg-table[data-drop-hot]{border-radius:clamp(14px,3.4vh,24px);box-shadow:inset 0 0 0 clamp(3px,.8vh,6px) #ffb21e}.yg-slot{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:.8vh 0;min-height:calc(var(--coin) * 1.14 + 1.6vh)}.yg-slot+.yg-slot{border-left:clamp(6px,1.4vh,12px) solid var(--wood)}.yg-slot .coin-btn+.coin-btn{margin-left:calc(var(--coin) * -.5)}.yg-slot.is-lit{background:#fff4a0bf;box-shadow:inset 0 0 0 clamp(3px,.8vh,6px) #ffb21e}.yg[data-kind=receive]{grid-template-rows:minmax(0,1fr) auto}.yg-desk{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.4vw;align-items:stretch;background:linear-gradient(#e5bc82,#d6a86d);border-radius:clamp(14px,3.4vh,24px);padding:clamp(8px,2vh,20px) 1.2vw;box-shadow:inset 0 5px #ffffff40,0 6px #9c6a35}.yg-table{position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.yg-table-label{position:absolute;top:-.4vh;left:0;background:#fffaf0e6;border-radius:999px;padding:.05em .7em;font-size:clamp(13px,2.6vh,20px);z-index:1}.yg-table-coins{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 .4vw;padding-top:1.6vh}.tilt-0{transform:translateY(-5%) rotate(-8deg)}.tilt-1{transform:translateY(6%) rotate(5deg)}.tilt-2{transform:translateY(-3%) rotate(10deg)}.tilt-3{transform:translateY(5%) rotate(-4deg)}.yg-desk-side{min-width:0;display:flex;flex-direction:column;gap:clamp(6px,1.6vh,16px);justify-content:center}.yg-counter--count{flex-wrap:wrap;row-gap:.4vh;box-shadow:0 4px #7850284d}.yg-counter--count .yg-counter-label{flex-basis:100%;font-size:clamp(16px,4vh,36px);padding-left:.4em;line-height:1.1}.yg-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9vw}.yg-choice{border-radius:999px;padding:.3em .2em;min-height:56px;color:#fff;font-size:clamp(20px,5.4vh,44px);text-shadow:0 2px 0 rgba(0,0,0,.22);border:clamp(3px,.7vh,6px) solid #fff7e6}.yg-choice--exact{background:#49b94a;box-shadow:0 5px #2f8a31}.yg-choice--short{background:#f28a2e;box-shadow:0 5px #c26414}.yg-choice--over{background:#4a9be8;box-shadow:0 5px #2f73b8}.yg-choice.is-lit{outline:clamp(4px,1vh,8px) solid #ffd84d;outline-offset:2px}.yg-choice:disabled{color:#fff}.yg-next{position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:#fffaf099;border-radius:clamp(14px,3.4vh,24px)}@media(min-height:640px){.yg-slot{padding:3.2vh 0}.yg-slot[data-pile="3"] .coin-btn+.coin-btn{margin-left:calc(var(--coin) * -.28)}.yg-slot[data-pile="3"] .coin-btn:nth-child(1){transform:translateY(-22%)}.yg-slot[data-pile="3"] .coin-btn:nth-child(2){transform:translateY(24%)}.yg-slot[data-pile="3"] .coin-btn:nth-child(3){transform:translateY(-14%)}}@media(max-height:520px){.yg-order{right:.4vw;top:auto;bottom:3vh}.yg-order:after{right:auto;left:-2.2vh;bottom:30%;border:1.2vh solid transparent;border-right:2.4vh solid #fff;border-left:0}.yg-customer{left:49%}.yg-slot .coin-btn:not(:last-child) .coin-n{visibility:hidden}.yg-slot .coin-btn+.coin-btn{margin-left:calc(var(--coin) * -.72)}.yg-guide{max-width:46%}.yg-guide .y-bubble{font-size:clamp(16px,4.4vh,20px)}}.yd{justify-content:center}.yd:before{content:"";position:absolute;inset:0;background:#fff4dc73}.yd-card{position:relative;z-index:1;background:var(--cream);border-radius:clamp(20px,5vh,40px);padding:3.4vh 3vw;display:flex;flex-direction:column;align-items:center;gap:2.4vh;max-width:86vw;box-shadow:0 8px #78502861,0 14px 22px #3c1e0a40}.yd-title{--rb: clamp(28px, 7.4vh, 60px);font-size:var(--rb);font-weight:900;letter-spacing:.06em;line-height:1.15;margin:0;padding:.42em .3em;color:#fffaf0;text-shadow:0 2px 0 rgba(120,20,10,.55),0 0 6px rgba(120,20,10,.45);border-style:solid;border-width:0 1.5em;border-image:url(/art/q15/done-banner.webp) 0 27% fill / 0 1.5em stretch;max-width:80vw;text-align:center}.yd-confetti{position:absolute;z-index:0;top:5vh;height:clamp(70px,24vh,190px);pointer-events:none;animation:yd-fall .9s ease-out both}.yd-confetti--l{left:3vw}.yd-confetti--r{right:3vw;transform:scaleX(-1);animation-name:yd-fall-r}@keyframes yd-fall{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:none}}@keyframes yd-fall-r{0%{opacity:0;transform:scaleX(-1) translateY(-30%)}to{opacity:1;transform:scaleX(-1)}}@media(prefers-reduced-motion:reduce){.yd-confetti{animation:none}}.yd-line{font-size:clamp(18px,4.2vh,32px);font-weight:800}.yd-shelf{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:1vw;background:linear-gradient(#e5bc82,#d6a86d);border:clamp(6px,1.4vh,12px) solid var(--wood);border-radius:clamp(14px,3.4vh,24px);padding:1.4vh 1.6vw}.yd-item{height:clamp(40px,11vh,96px)}.yd-item--new{height:clamp(56px,16vh,136px);filter:drop-shadow(0 0 .8vh #fff7c2) drop-shadow(0 0 1.6vh #ffd84d);animation:y-pop .7s ease-out 1 both}@keyframes y-pop{0%{transform:scale(.2) translateY(30%);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.yd-actions{display:flex;gap:2vw}.yd>.y-guide{position:absolute;right:1vw;bottom:0;z-index:2}.yp,.yc,.ys{display:flex;flex-direction:column;align-items:center;padding:2.4vh 2.4vw;gap:2vh;overflow-y:auto}.yp:before,.yc:before,.ys:before{content:"";position:fixed;inset:-12px;background:url(/art/town.webp) center / cover;filter:blur(4px) brightness(1.06);z-index:0}.yp>*,.yc>*,.ys>*{position:relative;z-index:1}.yp>.yp-back,.yc>.yc-back{position:absolute}.yp-cards{width:100%;max-width:1380px;display:grid;grid-template-columns:1.12fr .92fr 1.12fr;gap:1.6vw;align-items:start}.yp-card{background:#fffbf3f7;border-radius:clamp(18px,4vh,34px);padding:clamp(12px,2.6vh,28px) clamp(12px,1.6vw,28px);display:flex;flex-direction:column;gap:clamp(8px,1.6vh,16px);box-shadow:0 8px #7850284d,0 14px 22px #3c1e0a33}.yp-card h2{display:flex;align-items:center;gap:.4em;font-size:clamp(22px,2.9vw,46px);font-weight:900;letter-spacing:.04em}.yp-ico:before{font-size:1.1em}.yp-ico--list:before{content:"📝"}.yp-ico--clock:before{content:"⏰"}.yp-ico--book:before{content:"📖"}.yp-list{list-style:none;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px)}.yp-row{display:flex;align-items:center;gap:.6em;border-radius:.8em;padding:.5em .7em;font-size:clamp(15px,1.75vw,28px);font-weight:800}.yp-row svg{width:1.5em;height:1.5em;flex:none}.yp-row--ok{background:#e7f3e2}.yp-row--earlier{background:#f1f1ea;color:#6b6558;font-size:clamp(14px,1.5vw,24px)}.yp-row--practice{background:#fdeeda;color:#d9731a}.yp-row--empty{background:#f6f1e6;color:#7a6a55;font-weight:700;font-size:clamp(15px,1.5vw,24px)}.yp-card--time{align-items:center;text-align:center}.yp-card--time h2{align-self:stretch;justify-content:center}.yp-limit{font-size:clamp(22px,2.8vw,44px);font-weight:900;color:#2f7f55}.yp-limit b{font-size:2.2em}.yp-range{-webkit-appearance:none;appearance:none;width:92%;height:clamp(18px,3vh,28px);border-radius:999px;background:linear-gradient(to right,#63b95a 0,#63b95a var(--fill),#d8d4c8 var(--fill),#d8d4c8 100%);outline-offset:6px;margin:.6vh 0 0}.yp-range::-webkit-slider-thumb{-webkit-appearance:none;width:clamp(40px,6vh,56px);height:clamp(40px,6vh,56px);border-radius:50%;background:radial-gradient(circle,#63b95a 0 38%,#fffaf0 42%);box-shadow:0 3px 6px #3c1e0a59;cursor:pointer}.yp-range::-moz-range-thumb{width:44px;height:44px;border:0;border-radius:50%;background:radial-gradient(circle,#63b95a 0 38%,#fffaf0 42%);box-shadow:0 3px 6px #3c1e0a59}.yp-ticks{width:86%;display:flex;justify-content:space-between}.yp-ticks i{width:4px;height:10px;border-radius:2px;background:#c9c3b4}.yp-note{font-size:clamp(15px,1.7vw,26px);font-weight:800}.yp-used{font-size:clamp(14px,1.4vw,22px);color:#7a6a55;font-weight:700}.yp-settings{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8em 1.2em;border-top:3px dashed #e8dcc6;padding-top:clamp(8px,1.6vh,16px);align-self:stretch;font-size:clamp(15px,1.5vw,22px);font-weight:800}.yp-seg{display:inline-flex;border-radius:999px;background:#efe7d6;padding:4px}.yp-seg button{border:0;background:none;border-radius:999px;padding:.35em 1em;font-weight:900;min-height:44px}.yp-seg button.is-on{background:#63b95a;color:#fff}.yp-check{display:inline-flex;align-items:center;gap:.4em;min-height:44px}.yp-check input{width:1.5em;height:1.5em;accent-color:#63b95a}.yp-main-img{width:100%;aspect-ratio:16 / 7.4;object-fit:cover;border-radius:clamp(12px,2.6vh,22px)}.yp-points{list-style:none;display:grid;gap:.35em;font-size:clamp(15px,1.7vw,26px);font-weight:800}.yp-points li{display:flex;align-items:center;gap:.6em}.yp-points li:before{content:"";width:.62em;height:.62em;border-radius:50%;background:#f2a52e;flex:none}.yp-card--main .y-btn{align-self:stretch}.yp-privacy{align-self:stretch;gap:clamp(6px,1.2vh,12px)}.yp-privacy h2{font-size:clamp(18px,2.2vw,32px)}.yp-privacy ul{margin:0;padding-left:1.3em;display:flex;flex-direction:column;gap:.3em;font-size:clamp(14px,1.4vw,20px);font-weight:700;line-height:1.5}.yp-foot{font-size:clamp(14px,1.5vw,22px);font-weight:800;background:#fffbf3d9;border-radius:999px;padding:.3em 1.2em}.yp-clear{border:0;background:none;text-decoration:underline;font-size:clamp(13px,1.2vw,18px);color:#5d4630;min-height:44px;padding:0 1em;background:#fffbf3b3;border-radius:999px}.yp--gate{justify-content:center}.yp-gate{background:#fffbf3f7;border-radius:clamp(18px,4vh,34px);padding:3vh 3vw;display:flex;flex-direction:column;align-items:center;gap:1.4vh;box-shadow:0 8px #7850284d}.yp-gate h1{font-size:clamp(22px,5vh,40px);font-weight:900}.yp-gate-q{font-size:clamp(20px,4.6vh,36px);font-weight:900}.yp-gate-q output{display:inline-block;min-width:2.4em;text-align:center;background:#cfe6fb;border-radius:.4em;padding:0 .3em}.yp-gate-msg{font-size:clamp(14px,3vh,22px);color:#7a6a55;font-weight:700}.yp-keys{display:grid;grid-template-columns:repeat(6,auto);gap:1vh .8vw}.yp-key{min-width:clamp(52px,12vh,76px);height:clamp(48px,10vh,68px);border:0;border-radius:16px;background:#fff;font-weight:900;font-size:clamp(20px,4.4vh,32px);box-shadow:0 4px #cdb894}.yp-key--soft{font-size:clamp(15px,3vh,22px)}.yp-key--go{background:var(--green);box-shadow:0 4px 0 var(--green-d);font-size:clamp(16px,3.4vh,24px)}.yp-key--go:disabled{background:#cfd8c4;box-shadow:0 4px #a9b39c;color:#7c8872}.yc,.ys{justify-content:center}.yc-card,.ys-card{background:#fffbf3f7;border-radius:clamp(20px,5vh,40px);padding:3vh 3vw;display:flex;flex-direction:column;align-items:center;gap:1.8vh;text-align:center;box-shadow:0 8px #7850284d,0 14px 22px #3c1e0a33}.yc-card img{height:38vh;border-radius:clamp(14px,3.4vh,26px)}.yc-card h1,.ys-card h1{font-size:clamp(26px,6.4vh,54px);font-weight:900;letter-spacing:.06em}.yc-card p,.ys-card p{font-size:clamp(18px,4vh,30px);font-weight:800}.yc-guide,.ys-guide{position:absolute!important;right:1vw;bottom:0}.ys:before{filter:blur(3px) brightness(.42) saturate(.8)}.ys-card{background:#282e52e0;color:#fff6dc;box-shadow:0 8px #0f122899}.yl{background:linear-gradient(#fdf1d8,#f6dfb6);display:flex;flex-direction:column;align-items:center;padding:2.4vh 2vw 4vh;overflow-y:auto;overscroll-behavior:contain}.yl-back{position:absolute;top:2.4vh;left:1.6vw;z-index:3}.yl-list{margin-top:2.4vh;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2vh 1.6vw;width:min(92vw,1100px);padding-left:clamp(0px,9vw,120px)}.yl-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:1vw;align-items:center;text-align:left;border:0;border-radius:clamp(16px,4vh,30px);padding:1.6vh 1.2vw;min-height:clamp(96px,27vh,190px);background:var(--cream);box-shadow:0 6px #7850284d,0 10px 16px #3c1e0a29}.yl-card.is-open{background:#eaf8dc;outline:4px solid var(--green)}.yl-card[data-district]{background-image:linear-gradient(var(--tint),var(--tint)),var(--bn);background-size:cover;background-position:center;--tint: rgba(255, 250, 238, .86)}.yl-card.is-open[data-district]{--tint: rgba(234, 248, 220, .84)}.yl-card.is-soon[data-district]{--tint: rgba(243, 234, 217, .9)}.yl-card[data-district=qiaoshou]{--bn: url(/art/q15/district-qiaoshou.webp)}.yl-card[data-district=numbers]{--bn: url(/art/q15/district-numbers.webp)}.yl-card[data-district=plaza]{--bn: url(/art/q15/district-plaza.webp)}.yl-card[data-district=sound]{--bn: url(/art/q15/district-sound.webp)}.yp-header{width:100%;max-width:1380px;height:clamp(72px,20vh,170px);object-fit:cover;object-position:50% 25%;border-radius:clamp(12px,2.6vh,22px);box-shadow:0 5px #78502840}.yl-card.is-soon{background:#f3ead9}.yl-card.is-soon .yl-icon{filter:saturate(.55);opacity:.85}.yl-icon{grid-row:1 / span 3;width:clamp(54px,15vh,104px);height:clamp(54px,15vh,104px);background:#fff;border-radius:28%;padding:10%;box-shadow:inset 0 -4px #78502824}.yl-icon svg,.yt-sign-icon svg,.yt-door-icon svg,.yt-pop svg{width:100%;height:100%;display:block}.yt-icon-img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.yl-name{font-size:clamp(20px,5vh,36px);font-weight:900;letter-spacing:.04em}.yl-place{font-size:clamp(14px,3.2vh,22px);font-weight:800;color:#8a6238}.yl-tease{font-size:clamp(13px,3vh,20px);font-weight:700;color:#6b4a2c;line-height:1.25}.yl-card.is-open .yl-tease{color:var(--green-d);font-weight:900}.yl-tag,.yt-sign-tag{background:#f2b632;color:#5a3a10;font-weight:900;border-radius:999px;padding:.1em .7em;font-size:clamp(12px,2.8vh,18px)}.yl-tag{position:absolute;top:-1.2vh;right:.8vw;box-shadow:0 3px #78502840}.yl-guide{position:absolute;left:1.6vw;bottom:1.6vh}.yt{background:#9fd27c;touch-action:none}.yt-world{position:absolute;inset:0}.yt-world canvas{display:block}.yt-top{position:absolute;z-index:6;top:1.6vh;left:1.6vw;right:1.6vw;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.yt-top>*{pointer-events:auto}.yt-tools{display:flex;gap:1vw}.yt-tools svg{width:64%;height:64%}.yt-world div:has(>.yt-sign),.yt-world div:has(>.yt-pop){pointer-events:none!important}.yt-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(22px,5vh,38px);font-weight:900;color:#3f6b2a}.yt-fallback{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);background:#fffbf3f7;border-radius:clamp(20px,5vh,40px);padding:3vh 3vw;display:flex;flex-direction:column;align-items:center;gap:1.8vh;text-align:center;box-shadow:0 8px #7850284d}.yt-fallback h1{font-size:clamp(24px,6vh,46px);font-weight:900}.yt-fallback p{font-size:clamp(16px,3.8vh,28px);font-weight:800}.yt-sign{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em .4em;max-width:13em;padding:.3em .7em .3em .35em;border-radius:999px;background:var(--cream);border:3px solid var(--wood);box-shadow:0 4px #5a3c1e59;font-size:clamp(14px,3.4vh,22px);font-weight:900;white-space:nowrap;pointer-events:none}.yt-sign.is-open{border-color:var(--green-d);background:#f2ffe6}.yt-sign.is-soon{background:#f6efe2}.yt-sign.is-near{transform:scale(1.12);transform-origin:50% 100%}.yt-sign-icon{width:1.9em;height:1.9em;background:#fff;border-radius:50%;padding:.22em;flex:none}.yt-sign-shelf{flex-basis:100%;display:flex;justify-content:center;gap:.1em}.yt-sign-shelf img{width:1.5em;height:1.5em;object-fit:contain}.yt-sign-shelf img.is-new{animation:yt-new .9s ease-out 3}.yt-sign:has(.yt-sign-shelf){border-radius:1.2em}.yt-sign.is-compact{padding:.2em;border-radius:50%}.yt-sign.is-compact>:not(.yt-sign-icon){display:none}.yt-pop{width:clamp(52px,14vh,84px);height:clamp(52px,14vh,84px);background:#fff;border-radius:50%;padding:16%;box-shadow:0 5px #5a3c1e4d;animation:yt-pop 1.8s ease-out both;pointer-events:none}.yt-door{position:absolute;z-index:6;right:1.6vw;bottom:2.4vh;display:flex;align-items:center;gap:1.2vw;background:#fffbf3f7;border-radius:clamp(18px,5vh,36px);padding:1.4vh 1.4vw;box-shadow:0 6px #7850284d,0 12px 20px #3c1e0a33}.yt-door-icon{width:clamp(48px,13vh,84px);height:clamp(48px,13vh,84px);background:#fff;border-radius:28%;padding:1vh;flex:none}.yt-door-text{display:flex;flex-direction:column}.yt-door-text b{font-size:clamp(20px,5vh,36px);font-weight:900;white-space:nowrap}.yt-door-text i{font-style:normal;font-size:clamp(14px,3.2vh,22px);font-weight:800;color:#8a6238;white-space:nowrap}.yt-guide{position:absolute;z-index:5;left:1.6vw;bottom:1.6vh;max-width:40vw;pointer-events:none}.yt-dark{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(#141846c7,#301e50b3);transition:opacity 1.8s ease-in}.yt.is-night .yt-dark{opacity:1}@keyframes yt-pop{0%{transform:translateY(18px) scale(.3);opacity:0}18%{transform:translateY(-8px) scale(1.15);opacity:1}30%{transform:translateY(0) scale(1)}80%{transform:translateY(-6px) scale(1);opacity:1}to{transform:translateY(-30px) scale(.8);opacity:0}}@keyframes yt-new{0%,to{transform:scale(1)}50%{transform:scale(1.5) rotate(-8deg)}}@media(max-height:520px){.yl-list{gap:2.6vh 1.4vw}.yt-guide{max-width:40vw}}@media(orientation:portrait)and (max-width:700px){body:after{content:"把手機轉成橫的，比較好玩";position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:2em;text-align:center;background:#fdf3e7;font-size:26px;font-weight:900}}@media(prefers-reduced-motion:reduce){.yd-item--new{animation:none}.yg-customer{transition:none}}