/* Round eleven: fewer controls at once, clear little notes, original character proportions. */
.original-toon{display:block;max-width:100%;max-height:100%;overflow:visible}.original-toon .character-pose{transform-box:fill-box;transform-origin:50% 90%;transition:transform .7s cubic-bezier(.22,.7,.25,1)}.original-toon .shin-blush{opacity:0;transition:opacity .65s}.bubble-performer>.original-toon{width:100%;height:100%}.bubble-post-v10 .sponge-actor.inhaling .character-pose{transform:rotate(-3deg)}.bubble-post-v10 .sponge-actor.exhaling .character-pose{transform:rotate(2deg)}.post-wand{filter:drop-shadow(0 2px 2px #54809125)}
.shin-performer{left:22%;width:auto;height:90%;aspect-ratio:340/420;bottom:0;transform:none!important}.shin-performer>.original-toon{width:100%;height:100%}.shin-vignette[data-act=peek] .character-pose{transform:rotate(-9deg) translateX(-12px)}.shin-vignette[data-act=hello] .character-pose{transform:rotate(4deg)}.shin-vignette[data-act=gift] .character-pose{transform:rotate(-4deg)}.shin-vignette[data-act=wishing] .character-pose{animation:shin-original-nod 1.2s ease-in-out both}.shin-vignette[data-act=shy] .character-pose{transform:rotate(9deg) translateY(3px)}.shin-vignette[data-act=shy] .shin-blush{opacity:.7}.shin-vignette .shin-offering{left:3%;top:37%;bottom:auto;width:17%;height:19%;z-index:3;transform:rotate(-12deg);transform-origin:100% 20%;pointer-events:none}.shin-vignette[data-act=shy] .shin-offering{transform:translate(8px,-9px) rotate(-2deg);transition:transform .7s}.shin-vignette .shin-line{left:63%;right:4%;top:25%;font-size:clamp(15px,2.3vw,22px)}.visitor-button .original-toon{object-fit:contain;overflow:hidden}
@keyframes shin-original-nod{0%,100%{transform:rotate(-4deg)}40%{transform:translateY(7px) rotate(3deg)}70%{transform:translateY(-2px) rotate(1deg)}}
.little-note{position:relative;font:17px/1.9 var(--serif);letter-spacing:.035em;color:var(--ink);padding:17px 23px;border-left:2px solid #b998a4;background:linear-gradient(105deg,#bf9aaf12,#f3e5d017);border-radius:2px 15px 15px 2px;text-align:left;max-width:650px;margin:18px auto;isolation:isolate}.little-note:empty{display:none}.letter-paper .letter-kind-line{margin:21px 0 19px;padding:13px 0 13px 18px;border-left:2px solid #bfa2af;font-size:18px;line-height:1.8;color:var(--ink);background:linear-gradient(90deg,#b694a30a,transparent)}.letter-signature{justify-content:flex-end}.letter-signature .personal-mark{width:39px;height:43px}.bubble-thought.little-note{position:relative;inset:auto;min-height:0;font-size:17px;padding:14px 21px;margin:14px auto 0;transform:none;transition:opacity .65s;color:var(--ink);background:linear-gradient(105deg,#90b9c315,#d6c29f0e);border-color:#92b4c0;max-width:650px;pointer-events:auto;z-index:auto}.bubble-thought:not(.visible){display:none}.moment-instruction.little-note{font-size:17px;padding:12px 21px;margin:10px auto 14px;max-width:610px}.visitor-response.little-note{font-size:15px;margin:13px auto 4px;max-width:550px}
.snow-play-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px auto 14px;max-width:710px}.snow-play-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 9px;border:1px solid var(--line);border-radius:17px;background:var(--surface);color:var(--muted);font:13px var(--serif);min-height:48px;transition:background .35s,box-shadow .35s,transform .35s}.snow-play-tabs button>span{font:26px Georgia;color:#8caabd}.snow-play-tabs button:hover{transform:translateY(-2px)}.snow-play-tabs button[aria-pressed=true]{color:var(--ink);background:#bed4df2b;border-color:#b5cddf;box-shadow:0 6px 14px #698fa20b}.snow-world{height:clamp(300px,48vh,440px);border-radius:24px;overflow:hidden}.snow-viewport{height:100%}.snow-viewport[data-mode=roll],.snow-viewport[data-mode=roll] canvas{cursor:grab}.snow-viewport[data-rolling=true],.snow-viewport[data-rolling=true] canvas{cursor:grabbing}.snow-status{font-size:12px;line-height:1.5;bottom:14px;border-radius:20px;padding:7px 16px;background:#f7fbfbe0;color:#637987;max-width:90%;box-shadow:0 2px 15px #3e6e840a}.snow-tools{justify-content:space-between;padding:9px 3px;gap:8px;border-bottom:1px solid var(--line)}.snow-tools button{font-size:12px;min-height:35px;background:none;color:var(--muted);padding:7px 10px;border-radius:20px}.snow-look-tools{display:flex;gap:4px;flex-wrap:wrap}.snow-look-tools button[aria-pressed=true]{background:#a6bdcd1b;color:var(--ink)}.snow-tool-drawer{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;margin:12px 0 0;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:17px;animation:soft-in .4s both}.snow-tool-drawer[hidden]{display:none}.snow-tool-drawer p{font:13px/1.6 var(--serif);margin:0;color:var(--muted)}.snow-tool-drawer .text-button{font-size:12px;min-height:34px;padding:6px 10px}.snow-tool-drawer label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.snow-tool-drawer input{width:82px;accent-color:#8faab7}.snow-pocket{margin:15px 0 0}.snow-pocket>summary{cursor:pointer;text-align:center;font:13px var(--serif);color:var(--muted);list-style:none;padding:8px}.snow-pocket>summary:after{content:' ＋';color:#a6b6c5}.snow-pocket[open]>summary:after{content:' −'}.snow-visitors{border-top:0;margin-top:4px;padding-top:0}.snow-builder:not([hidden]){margin-top:12px;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface)}.snow-builder-main{gap:10px 15px}.snow-builder-main label{font-size:12px}.snow-builder-main .button{min-height:36px;font-size:12px;padding:9px 14px}.snow-accessories button{font-size:12px;min-height:35px}.snow-save-note{margin-top:14px}.snow-intro{margin:5px 0}.snow-intro small{font-size:9px;letter-spacing:.2em;color:#9ba9b5}.snow-intro p{font:15px/1.8 var(--serif);color:var(--ink)}
.highfive-area{position:relative;isolation:isolate}.highfive-pair,.clap-counter,.highfive-button,.clap-help{z-index:1;position:relative}.clap-surprise{position:absolute;inset:-45px -75px -15px;pointer-events:none;z-index:0;animation:milestone-in .7s both}.clap-surprise canvas{width:100%;height:100%}.clap-surprise-note{position:absolute;inset:18% 0 auto;text-align:center;color:#bc98a74d}.clap-surprise-note b{font:italic 74px Georgia;letter-spacing:.07em}.clap-surprise-note span{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden}.clap-surprise[data-number="3"] .clap-surprise-note{top:8%}.clap-surprise[data-number="3"] b{font-size:35px}.clap-surprise[data-number="919"] b{font-size:55px}.flower-collection{margin:19px 0 24px;padding:18px 21px;border:1px solid var(--line);border-radius:19px;background:#be8eab05}.flower-collection>div:first-child{display:flex;justify-content:space-between;gap:14px;font:13px/1.6 var(--serif);color:var(--ink)}.flower-collection b{font-weight:normal;white-space:nowrap;color:var(--rose)}.flower-collection-track{height:3px;background:#b69baf22;margin:14px 0 11px;overflow:hidden;border-radius:3px}.flower-collection-track i{display:block;height:100%;width:0;background:#c398a5;transition:width 1s}.flower-collection p{font-size:11px;color:var(--muted);margin:0}.flower-collection .text-button{font-size:12px;padding:8px 0 0}
.gentle-dialog{width:min(910px,94vw);max-height:91dvh;border:1px solid #ddceda;border-radius:27px;padding:27px 32px;color:var(--ink);background:var(--paper,#fcf8f6);box-shadow:0 40px 120px #14263833;overflow:auto}.gentle-dialog::backdrop{background:#18203388;backdrop-filter:blur(11px)}.gentle-close{border:1px solid #c2b4c633;width:36px;height:36px;border-radius:50%;font:23px var(--serif);color:inherit;background:transparent;cursor:pointer}.flower-finale{position:relative;text-align:center;background:#faf5f4}.flower-finale>.gentle-close{position:absolute;right:23px;top:20px;color:#9f8797}.flower-finale>.eyebrow{margin:12px 0 15px;color:#a68795;font-size:10px}.flower-finale h2{font:32px var(--serif);font-weight:normal;color:#846f7e;margin:0}.garden-message{color:#9c8490;font:15px/1.8 var(--serif);margin:15px 0 0}.flower-finale canvas{display:block;width:100%;height:clamp(220px,43vh,390px);border-radius:21px;margin:20px 0 15px}.garden-actions{display:flex;justify-content:center;align-items:center;gap:23px}
.night-lights-open{color:#c6cfe0;margin-top:0}.night-lights-dialog{background:#182235;color:#e3d8db;border-color:#8d9dba35}.night-light-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.night-light-heading small{font:9px Georgia;letter-spacing:.16em;color:#91a5bd}.night-light-heading h2{font:27px var(--serif);font-weight:normal;letter-spacing:.06em;margin:9px 0 0}.night-light-subtitle{font:13px/1.8 var(--serif);color:#a8b5c8;margin:17px 0}.night-light-world{position:relative;border:1px solid #a0aecd2a;border-radius:22px;overflow:hidden}.night-light-world canvas{display:block;width:100%;height:clamp(250px,44vh,450px);touch-action:none;cursor:grab}.night-light-world canvas:active{cursor:grabbing}.light-empty-note{position:absolute;left:0;right:0;top:40%;text-align:center;color:#c3c0d1;font:15px var(--serif);pointer-events:none}.light-selection{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;justify-content:center;white-space:nowrap;padding:5px 12px;border:1px solid #a6b3cd33;border-radius:23px;background:#1c2947e6;box-shadow:0 6px 20px #0001;backdrop-filter:blur(8px)}.light-selection[hidden]{display:none}.light-selection button{font-size:11px;min-height:32px;color:#ccd2e0;background:none;padding:7px 9px;border-radius:16px;cursor:pointer}.light-selection button:hover{background:#c0c9dc14}.light-selection label{font-size:11px;color:#abbace;display:flex;align-items:center;gap:6px;padding-right:7px;border-right:1px solid #ccc1}.light-selection input{width:66px;accent-color:#b3a2be}.light-palette{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:17px 0 7px}.light-palette button{display:flex;align-items:center;gap:8px;font:12px var(--serif);color:#c2c9d8;padding:9px 17px;min-height:42px;border:1px solid #c0c9db2b;background:#6b78930c;border-radius:17px;transition:background .3s,transform .3s;cursor:pointer}.light-palette button>span{font:23px Georgia;color:#d9c7b6}.light-palette button:hover{background:#b8bbd11c;transform:translateY(-2px)}.night-light-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px}.night-light-footer .little-note{flex:1;font-size:14px;white-space:nowrap;padding:10px 16px;background:none;border-color:#af9aa862;color:#c1bbc9;margin:12px 0}.night-light-footer .text-button{font-size:12px;color:#b7bdcf}.night-light-footer .button{font-size:12px;color:#d4cbd9;border-color:#bbc5dd38;background:#64789318;min-height:37px;padding:9px 16px}
@keyframes milestone-in{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.gentle-dialog{padding:21px 17px;border-radius:22px}.snow-play-tabs{gap:5px}.snow-play-tabs button{font-size:11px;padding:9px 4px;gap:4px;flex-direction:column}.snow-play-tabs button>span{font-size:23px}.snow-world{height:330px}.snow-tools{justify-content:center}.snow-look-tools{justify-content:center}.snow-status{font-size:10px}.snow-tool-drawer{gap:3px 8px}.snow-intro p{font-size:13px}.light-selection{padding:5px;flex-wrap:wrap;width:90%;white-space:normal;gap:0}.light-selection input{width:52px}.light-selection button{font-size:10px;padding:4px 7px}.light-palette{gap:6px}.light-palette button{font-size:11px;padding:7px 10px}.night-light-heading h2{font-size:23px}.night-light-footer{justify-content:center;gap:5px 12px}.night-light-footer .little-note{flex-basis:100%;text-align:center;border:0;font-size:14px;padding:7px;margin:7px 0}.shin-performer{left:12%;height:81%;width:auto;max-width:70%}.shin-vignette .shin-line{left:57%;right:4%;top:7%;font-size:16px}.letter-paper .letter-kind-line{font-size:16px;padding-left:12px}.bubble-thought.little-note{font-size:15px;padding:13px 17px}.flower-collection>div:first-child{flex-wrap:wrap;gap:7px}.garden-actions .button{font-size:12px}.clap-surprise{inset:-30px -28px -15px}}
@media(max-height:430px) and (orientation:landscape){.snow-world{height:55vh;min-height:205px}.snow-play-tabs{margin:9px auto;gap:7px}.snow-play-tabs button{padding:8px;min-height:37px;font-size:12px;flex-direction:row}.snow-play-tabs button>span{font-size:22px}.snow-intro p{font-size:12px;margin:4px 0}.snow-intro small{display:none}.snow-status{font-size:10px}.snow-tools{padding:5px 0}.snow-tool-drawer{padding:6px;margin-top:7px}.gentle-dialog{padding:17px 23px}.night-light-heading h2{font-size:22px}.night-light-heading small{font-size:8px}.night-light-subtitle{font-size:11px;margin:8px 0}.night-light-world canvas{height:55vh;min-height:200px}.light-palette{margin:12px 0 6px;gap:6px}.light-palette button{min-height:36px;padding:7px 13px;font-size:11px}.night-light-footer .little-note{font-size:12px;padding:5px 11px}.night-lights-open{grid-row:3;grid-column:3;justify-self:start;font-size:12px}.flower-finale canvas{height:53vh;min-height:190px}.flower-finale h2{font-size:24px}.flower-finale>.eyebrow{margin:4px 0 8px}.garden-message{font-size:13px;margin-top:8px}.clap-surprise-note b{font-size:57px}.clap-surprise[data-number="919"] b{font-size:42px}.clap-surprise{inset:-20px -24px 0}.letter-paper .letter-kind-line{font-size:14px;padding:7px 0 7px 12px;margin:9px 0}.bubble-thought.little-note,.moment-instruction.little-note{font-size:14px;padding:10px 17px}}
@media(prefers-reduced-motion:reduce){.original-toon .character-pose,.shin-offering,.snow-play-tabs button,.light-palette button,.clap-surprise{transition:none!important;animation:none!important}}
.shin-gift .gift-art{animation:offering-arrive .9s cubic-bezier(.22,.7,.25,1) both}
@media(max-height:430px) and (orientation:landscape){.night-lights-dialog{padding:12px 20px}.night-light-heading{height:36px}.night-light-heading small,.night-light-subtitle{display:none}.night-light-heading h2{margin:0;font-size:22px}.night-light-world{margin-top:10px}.night-light-world canvas{height:46vh;min-height:175px}.light-palette{margin:8px 0 3px}.night-light-footer .little-note{margin:4px 0;font-size:12px}.night-light-footer .button{min-height:33px}.light-selection{bottom:25px;padding:2px 8px}}
@keyframes peek-and-blow{0%{opacity:0;transform:translate(-45px,60px) rotate(-12deg)}18%{opacity:1;transform:translate(0,4px) rotate(-3deg)}30%{transform:translateY(2px) rotate(-4deg)}43%{transform:translate(3px,-2px) rotate(3deg)}65%{opacity:1;transform:none}100%{opacity:0;transform:translate(-20px,60px) rotate(-7deg)}}