:root{font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:#76531e;background:#fff6d9;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{overflow-x:hidden}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d99022;outline-offset:3px}.squishy-page{width:100%;max-width:760px;margin:0 auto;background:radial-gradient(ellipse at 78% 60%,#ffe5edb3,transparent 55%),radial-gradient(ellipse at 8% 22%,#ffe58c99,transparent 36%),#fff6d9}.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;max-width:430px;margin:auto;min-height:68px;padding:calc(12px + env(safe-area-inset-top)) 24px 12px;background:#fff6d9f5}.site-logo{display:flex;align-items:center;gap:8px;color:#76531e;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.1em;white-space:nowrap}.site-logo img{border-radius:11px;box-shadow:2px 3px #f5d075}.site-menu{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;min-width:44px;min-height:44px;border:0;border-radius:15px;background:#ffe59a;cursor:pointer}.site-menu span{width:22px;height:1.5px;background:#76531e;border-radius:2px}.site-menu.logged-in span{display:none}.site-menu img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid white}.squishy-main{position:relative}#squishy-stage{position:relative;width:100%;height:calc(100svh - 68px - env(safe-area-inset-top));height:calc(100dvh - 68px - env(safe-area-inset-top));min-height:0;background:transparent;overflow:hidden;isolation:isolate}#squishy-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#e7b5c366 1.5px,transparent 2px);background-size:43px 43px;-webkit-mask-image:radial-gradient(ellipse,transparent 48%,#000 100%);mask-image:radial-gradient(ellipse,transparent 48%,#000 100%)}#squishy-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.toy-title{position:absolute;left:50%;top:0;z-index:20;margin:0;width:min(300px,calc(100% - 32px));transform:translate(-50%);pointer-events:none;line-height:0}.toy-title img{display:block;width:100%;height:auto}.counter-bar{position:absolute;top:103px;left:20px;right:24px;z-index:20;display:flex;justify-content:space-between;gap:8px;font-size:11px;flex-wrap:wrap;align-items:center;pointer-events:none}.counter-bar div{display:flex;align-items:baseline;gap:2px;padding:2px 5px;white-space:nowrap;color:#855917;background:linear-gradient(175deg,transparent 22%,#ffe59ab3 22%,#ffe59ab3 85%,transparent 85%);transform:rotate(-3deg)}.counter-bar div+div{color:#9d5770;background:linear-gradient(175deg,transparent 22%,#f8d9e4a6 22%,#f8d9e4a6 85%,transparent 85%);transform:rotate(2deg);margin-top:5px}.counter-bar span{margin-right:5px}.counter-bar strong{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.counter-bar small{font-size:11px}.site-drawer{position:fixed;inset:0 0 0 auto;width:260px;height:100dvh;max-height:100dvh;max-width:90vw;margin:0;padding:80px 28px 32px;border:0;background:#fff5d9fa;color:#76531e;overflow-y:auto;overscroll-behavior:contain;box-shadow:-4px 0 20px #0001}.site-drawer::backdrop{background:#0003}.site-drawer nav{display:flex;flex-direction:column;gap:28px;font-weight:600;font-size:16px;letter-spacing:.08em}.site-drawer a{color:#76531e;text-decoration:none}.site-drawer .nav-sub{display:flex;flex-direction:column;gap:16px;margin-top:12px;padding-left:16px;border-left:2px solid #f5cc65;font-size:13px;font-weight:400;letter-spacing:normal}#site-menu-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border:0;background:none;color:#76531e;font-size:22px;cursor:pointer}.interaction-guide{position:absolute;left:16px;right:20px;top:143px;z-index:20;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.interaction-guide>span{position:relative;display:flex;align-items:center;gap:5px;min-height:28px;padding:2px 4px;color:#a1697c;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;transform:rotate(-5deg);transition:color .18s,transform .18s}.interaction-guide .guide-camera{transform:rotate(4deg);color:#9a6b20;margin-top:3px}.interaction-guide svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.guide-model>span{border-bottom:2px dashed #e7b3c3}.guide-camera>span{border-bottom:2px dashed #edc76d}.guide-model:after{content:"";position:absolute;left:42px;top:30px;width:13px;height:20px;border-right:1.5px solid #d49aac;border-bottom:1.5px solid #d49aac;border-radius:0 0 8px;transform:rotate(15deg)}#squishy-stage[data-mode=interaction] .guide-model{color:#b94876;transform:translateY(-2px) rotate(-5deg)}#squishy-stage[data-mode=camera] .guide-camera{color:#b37012;transform:translateY(-2px) rotate(4deg)}.squishy-hint{position:absolute;left:50%;top:185px;transform:translate(-50%) rotate(-2deg);z-index:20;pointer-events:none;width:max-content;max-width:calc(100% - 28px);padding:8px 12px;border-radius:5px 12px 8px 3px;background:#fffef6eb;color:#956278;font-size:12px;line-height:1.6;text-align:center;animation:hint-arrive .35s ease-out}.squishy-hint:after{content:"";position:absolute;bottom:-6px;left:35%;width:12px;height:12px;transform:rotate(45deg);background:#fffef6}@keyframes hint-arrive{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}.touch-word-layer{position:absolute;inset:0;z-index:15;pointer-events:none;overflow:hidden}.touch-word{position:absolute;height:auto;max-height:54px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;animation:touch-word-float .65s ease-out both;filter:drop-shadow(0 2px 2px #be78902b)}.touch-word[data-feel=stretch]{animation:touch-word-stretch .74s ease-out both}.touch-word[data-feel=release]{animation:touch-word-release .7s ease-out both}@keyframes touch-word-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.65,.8) rotate(var(--word-tilt))}15%{opacity:1;transform:translate(-50%,-55%) scale(1.12,.92) rotate(var(--word-tilt))}40%{opacity:1;transform:translate(-50%,-65%) scale(1) rotate(var(--word-tilt))}to{opacity:0;transform:translate(calc(-50% + var(--word-drift)),calc(-50% - 28px)) scale(.94) rotate(var(--word-tilt))}}@keyframes touch-word-stretch{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.6) rotate(var(--word-tilt))}20%{opacity:1;transform:translate(-50%,-55%) scale(1.12,.94) rotate(var(--word-tilt))}55%{opacity:1;transform:translate(calc(-50% + var(--word-drift)),-65%) scale(1) rotate(var(--word-tilt))}to{opacity:0;transform:translate(calc(-50% + var(--word-drift)),calc(-50% - 22px)) scale(.95) rotate(var(--word-tilt))}}@keyframes touch-word-release{0%{opacity:0;transform:translate(-50%,-50%) scale(.8,.7) rotate(var(--word-tilt))}20%{opacity:1;transform:translate(-50%,calc(-50% - 18px)) scale(.95,1.1) rotate(var(--word-tilt))}45%{opacity:1;transform:translate(-50%,calc(-50% - 10px)) scale(1.03,.98) rotate(var(--word-tilt))}to{opacity:0;transform:translate(calc(-50% + var(--word-drift)),calc(-50% - 30px)) scale(1) rotate(var(--word-tilt))}}.combo-word{position:absolute;z-index:18;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:ui-rounded,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;font-weight:900;line-height:1.35;letter-spacing:-.03em;color:#e86798;-webkit-text-stroke:4px #fffdf9;paint-order:stroke fill;text-shadow:0 1px 0 #ffd8e9,0 3px 0 #bd527b,0 5px 0 #f9c2d8;animation:combo-pop .72s ease-out both;will-change:transform,opacity}.combo-kick{animation-name:combo-bounce;animation-duration:.78s}.combo-milestone:before,.combo-milestone:after{content:"✦";position:absolute;color:#efbb37;-webkit-text-stroke:0;text-shadow:0 1px 0 white;font-size:14px;top:1px}.combo-milestone:before{left:-20px;transform:rotate(-15deg)}.combo-milestone:after{right:-20px;top:12px;color:#eac15f;transform:rotate(15deg)}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(var(--combo-tilt))}18%{opacity:1;transform:translate(-50%,-55%) scale(1.07) rotate(var(--combo-tilt))}45%{opacity:1;transform:translate(-50%,-60%) scale(1) rotate(var(--combo-tilt))}to{opacity:0;transform:translate(-50%,calc(-50% - 20px)) scale(.96) rotate(var(--combo-tilt))}}@keyframes combo-bounce{0%{opacity:0;transform:translate(-50%,-50%) scale(.65,.8) rotate(var(--combo-tilt))}18%{opacity:1;transform:translate(-50%,calc(-50% - 12px)) scale(1.16,.94) rotate(var(--combo-tilt))}38%{opacity:1;transform:translate(-50%,calc(-50% - 6px)) scale(.98,1.06) rotate(var(--combo-tilt))}58%{opacity:1;transform:translate(-50%,calc(-50% - 12px)) scale(1) rotate(var(--combo-tilt))}to{opacity:0;transform:translate(-50%,calc(-50% - 25px)) scale(.98) rotate(var(--combo-tilt))}}@media(max-width:359px){.site-header{padding-inline:12px}.site-logo{font-size:12px}.toy-title{width:min(300px,calc(100% - 24px))}.counter-bar{left:12px;right:14px;font-size:10px;gap:6px}.counter-bar strong{font-size:13px}.counter-bar small{font-size:10px}.interaction-guide{left:10px;right:14px}.interaction-guide>span{font-size:11px}.interaction-guide svg{width:16px}}@media(prefers-reduced-motion:reduce){.touch-word,.touch-word[data-feel],.combo-word,.combo-kick{animation-name:touch-word-fade;will-change:opacity}.interaction-guide>span{transition:none}.squishy-hint{animation:none}@keyframes touch-word-fade{0%,to{opacity:0;transform:translate(-50%,-50%)}20%,70%{opacity:1;transform:translate(-50%,-50%)}}}@media(max-height:560px){.toy-title{width:min(260px,calc(100% - 32px))}.counter-bar{top:90px}.interaction-guide{top:124px}.squishy-hint{top:162px}}.toy-info{position:absolute;inset:0 0 auto;z-index:20;pointer-events:none}.toy-title{position:relative}.counter-bar{position:relative;top:auto;left:auto;right:auto;margin:3px 24px 14px}.interaction-guide{position:relative;top:auto;left:auto;right:auto;margin:0 20px;flex-wrap:wrap}.squishy-hint{position:relative;top:auto;left:auto;margin:12px auto 0;transform:rotate(-2deg)}.sync-status{margin:10px 20px 0;color:#956278;font-size:10px;text-align:center}.sync-status[hidden]{display:none}.sound-toggle{position:absolute;z-index:21;right:16px;bottom:max(16px,env(safe-area-inset-bottom));min-width:64px;min-height:44px;padding:8px 12px;border:1px solid #efcf82;border-radius:14px;background:#fff6d9ed;color:#76531e;font-size:12px;cursor:pointer}.renderer-fallback{position:absolute;z-index:25;inset:42% 20px auto;padding:24px;border:1px solid #efcf82;border-radius:18px;background:#fff9eb;color:#76531e;text-align:center;font-size:14px;line-height:1.8}.renderer-fallback button{min-height:44px;padding:8px 20px;border:0;border-radius:12px;background:#ffe59a;color:#76531e;cursor:pointer}@media(max-width:359px){.counter-bar{margin-inline:12px}.interaction-guide{margin-inline:10px}}@media(max-height:560px){.squishy-hint{display:none}.sound-toggle{bottom:12px}}