#pebbles-scene{width:min(1000px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;background:#f4e8cd;color:#27493c;border:1px solid #baa371;border-radius:20px}#pebbles-scene::backdrop{background:#142e2bdf;backdrop-filter:blur(5px)}.pebbles-nav{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 14px;background:#f4e8cd;border-bottom:1px solid #c8b78c;font:13px system-ui}.pebbles-nav button{background:none;border:0;padding:8px;color:#315941;min-height:42px;cursor:pointer}.pebbles-content{text-align:center;padding:10px 22px}.pebbles-content h1{font:600 clamp(21px,2.8vw,28px)/1.1 Georgia;margin:5px 0 10px}.pebbles-stage{position:relative;width:min(100%,calc(max(180px,100svh - 300px)*1.5));aspect-ratio:3/2;margin:auto;overflow:hidden;border-radius:14px;background:#c3a078;isolation:isolate}.pebbles-stage [hidden]{display:none}.pebbles-room,.pebbles-background,.pebbles-road{position:absolute;inset:0;width:100%;height:100%}.pebbles-background{object-fit:cover}.pebbles-dresser,.pebbles-drawer-front,.pebbles-guide-arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pebbles-dresser{z-index:3}.pebbles-drawer-front{z-index:11}.pebbles-agy{position:absolute;left:28.5%;top:87%;width:23%;height:46%;transform:translate(-50%,-100%);z-index:8}.pebbles-agy svg{width:100%;height:100%;overflow:hidden}.pebbles-guide-arc{z-index:12}.pebbles-target{position:absolute;left:67%;top:47%;width:23%;height:9%;border:2px dashed #e8d595;border-radius:5px;z-index:4;pointer-events:none;background:#f4df8722;box-sizing:border-box}.pebbles-target.green{border-color:#b1db8c;background:#add08233}.pebbles-bundle{position:absolute;left:30%;top:60%;width:8%;height:9%;min-width:44px;min-height:44px;transform:translate(-50%,-50%);z-index:9;padding:0;border:0;background:none;touch-action:none;cursor:grab;filter:drop-shadow(0 3px 2px #463b2c55)}.pebbles-bundle svg{width:100%;height:100%}.pebbles-bundle:focus-visible{outline:3px solid #f4e3b6;outline-offset:2px;border-radius:7px}.pebbles-bundle:active{cursor:grabbing}.pebbles-guide{height:48px;margin:8px 0 4px;font:13px/1.3 system-ui}.pebbles-controls{display:flex;justify-content:center;gap:12px;min-height:44px}.pebbles-controls button{min-height:44px;padding:10px 16px;background:#315941;color:#fff7de;border:1px solid #a68f61;border-radius:10px;font:600 14px system-ui;cursor:pointer}.pebbles-story,.pebbles-line{position:absolute;left:4%;top:5%;width:53%;padding:10px 12px;margin:0;border:2px solid #b8946e;background:#fff2d1;border-radius:14px;font:600 clamp(14px,1.9vw,22px)/1.25 Georgia;z-index:12;color:#4a3a2d}.pebbles-road{background:linear-gradient(90deg,#a5ae71 0 29%,#d8c8a0 29% 31%,#766b5e 31% 69%,#d8c8a0 69% 71%,#a5ae71 71%)}.pebbles-road:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 13% 25%,#6b865b 0 19px,#839566 20px 28px,transparent 29px),radial-gradient(ellipse at 87% 75%,#6b865b 0 23px,#839566 24px 32px,transparent 33px);background-size:100% 160px;animation:scenery-pass 2.8s linear 4}.pebbles-road:after{content:'';position:absolute;left:49%;top:0;width:1%;height:100%;background:repeating-linear-gradient(0deg,transparent 0 45px,#ebd7a8 45px 90px,transparent 90px 135px);animation:road-pass 1.8s linear 6}.pebbles-car{position:absolute;left:14%;top:39%;width:67%;height:51%;object-fit:contain;z-index:3;animation:car-settle .8s ease-in-out 4}.pebbles-driver-label{position:absolute;left:25%;top:56%;font:700 clamp(11px,1.6vw,17px) system-ui;color:#f7e6c0;background:#3b5e4b;padding:4px 8px;border-radius:8px;z-index:4}.pebbles-stop svg{width:57%;height:57%;filter:drop-shadow(0 3px 3px #353d3655)}@keyframes road-pass{to{background-position:0 135px}}@keyframes scenery-pass{to{background-position:0 160px}}@keyframes car-settle{50%{transform:translateY(2px)}}@media(max-width:600px){.pebbles-content{padding:9px 10px}.pebbles-nav{padding:6px 8px;font-size:11px}.pebbles-nav span{max-width:88px}.pebbles-stage{width:100%}.pebbles-guide{font-size:11px;height:49px}.pebbles-story,.pebbles-line{font-size:13px;padding:7px;width:58%}.pebbles-bundle{width:10%;height:12%}}@media(prefers-reduced-motion:reduce){.pebbles-road:before,.pebbles-road:after,.pebbles-car{animation:none}}

.pebbles-stage.ready .pebbles-bundle svg{width:70%;height:70%;transform:translateY(22%)}.pebbles-stage.flying .pebbles-bundle,.pebbles-stage.ending .pebbles-bundle{width:6%;height:6%;min-width:0;min-height:0}.pebbles-stage.ending .pebbles-agy{z-index:13}
.pebbles-stage.ready .pebbles-bundle{outline:2px dashed #f0d991;outline-offset:3px;border-radius:10px}

.pebbles-stones{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:14;display:none}.pebbles-stage.ending:not(.complete) .pebbles-stones{display:block}.pebbles-stones span{position:absolute;top:-12%;width:clamp(8px,1.8%,18px);height:20px;animation:stone-shower 1.2s var(--delay) ease-in both}.pebbles-stones svg{width:100%;height:100%}@keyframes stone-shower{0%{transform:translateY(0) rotate(0);opacity:0}8%{opacity:1}90%{opacity:1}100%{transform:translateY(640px) rotate(var(--turn));opacity:0}}@media(prefers-reduced-motion:reduce){.pebbles-stones span{animation:none;top:83%;opacity:.65}.pebbles-stones span:nth-child(n+7){display:none}}

.pebbles-maid{position:absolute;left:-18%;top:79%;width:23%;height:46%;transform:translate(-50%,-100%);z-index:15}.pebbles-maid svg{width:100%;height:100%;overflow:hidden}.pebbles-maid-bubble{position:absolute;left:66%;top:26%;padding:7px 10px;border:2px solid #ad8560;border-radius:12px;background:#fff3d5;color:#523d31;font:700 clamp(17px,2.2vw,25px) Georgia;z-index:16;margin:0}.pebbles-stage.paused *{animation-play-state:paused}