:root{font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;color:#2d2430;background:#fff6e7;--ink: #2d2430;--paper: #fffaf1;--line: rgba(76, 47, 55, .16);--rose: #ef5c8a;--teal: #0ea5a4;--sun: #f9c74f;--leaf: #48b66d;--sky: #55b7ef}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh}button{border:0;font:inherit}.color-match-app{position:relative;min-height:100vh;overflow-x:hidden;padding:18px;background:linear-gradient(135deg,#fff7e0f5,#e9f9fff0),repeating-linear-gradient(45deg,#ef5c8a14 0 12px,#0ea5a40f 12px 24px)}.stage-band{display:grid;grid-template-columns:minmax(112px,230px) minmax(280px,1fr) minmax(112px,230px);align-items:end;gap:16px;max-width:1180px;min-height:250px;margin:0 auto 16px}.character-card{display:grid;justify-items:center;align-content:end;min-height:230px}.character-card img{width:min(100%,230px);max-height:235px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(61,43,52,.18))}.character-card.right img{transform:scaleX(-1)}.character-card span{width:min(100%,140px);margin-top:-18px;padding:8px 10px;border:2px solid white;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--rose),#a93a75);box-shadow:0 10px 20px #6129402e;font-size:1.08rem;font-weight:900;text-align:center}.game-title{align-self:center;padding:18px;text-align:center}.kicker{margin:0 0 4px;color:#8f2c5b;font-size:1rem;font-weight:900}h1,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2.5rem,6vw,5rem);line-height:.94;letter-spacing:0}.game-title p:not(.kicker){max-width:560px;margin:0 auto 14px;font-size:1.12rem;line-height:1.45}.status-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:8px;max-width:720px;min-height:58px;margin:0 auto;padding:8px;border:2px solid rgba(255,255,255,.78);border-radius:8px;background:#ffffffc2;box-shadow:0 14px 28px #482e381a}.status-row span,.round-helper span{color:#7f3156;font-size:.92rem;font-weight:900}.status-row strong{min-width:0;font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.25}.playfield{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;max-width:1180px;margin:0 auto;padding:16px;border:2px solid rgba(255,255,255,.84);border-radius:8px;background:#ffffffa8;box-shadow:0 22px 40px #4d303d24}.round-helper{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:12px 14px;border-radius:8px;background:#fff3d1}.round-helper strong{display:block;margin-top:2px;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1}.mini-count{display:grid;place-items:center;width:64px;height:48px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),#2379ba);font-size:1.28rem;font-weight:900}.drop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.drop-basket{position:relative;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto 1fr;align-items:center;gap:10px;min-height:180px;padding:12px;border:4px solid white;border-radius:8px;color:var(--ink);background:linear-gradient(180deg,#fffc,#ffffff6b),var(--basket-soft);box-shadow:inset 0 -14px #ffffff59,0 12px 24px #4d2f3a1f;cursor:pointer}.drop-basket:focus-visible,.game-item:focus-visible,.celebration button:focus-visible{outline:4px solid #111827;outline-offset:3px}.drop-basket.is-happy{animation:happy-pop .52s ease}.color-swatch{display:block;width:52px;aspect-ratio:1;border:4px solid white;border-radius:50%;background:var(--basket);box-shadow:inset 0 -10px 14px #0000002e}.drop-basket strong,.drop-basket small{display:block;text-align:left}.drop-basket strong{font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1}.drop-basket small{margin-top:3px;color:#2d2430b3;font-size:.9rem;font-weight:900}.basket-shelf{grid-column:1 / -1;display:flex;align-items:end;justify-content:center;min-height:72px;padding:8px;border-radius:8px;background:linear-gradient(180deg,#ffffff73,#ffffff29),linear-gradient(0deg,var(--basket-dark),var(--basket));box-shadow:inset 0 8px 14px #0000001f}.item-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:196px;padding:12px;border:2px dashed rgba(92,63,73,.28);border-radius:8px;background:#fffaf1}.game-item{position:relative;z-index:1;display:grid;place-items:center;min-height:168px;padding:12px;border:4px solid white;border-radius:8px;background:linear-gradient(180deg,#fffffff2,#ffffffb3),var(--toy-soft);box-shadow:0 14px 22px #4b2f3a1f;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.game-item.is-selected{outline:4px solid var(--toy);outline-offset:2px}.game-item.is-dragging{z-index:20;cursor:grabbing;pointer-events:none;transition:none;filter:drop-shadow(0 18px 18px rgba(45,36,48,.26))}.game-item.is-shaking{animation:shake .42s ease}.game-item>span:last-child{margin-top:8px;font-size:clamp(1.3rem,3vw,2rem);font-weight:900}.toy-shape{position:relative;display:inline-grid;place-items:center;width:min(24vw,118px);aspect-ratio:1;color:var(--toy);filter:drop-shadow(0 10px 12px rgba(62,43,52,.2))}.toy-shape.compact{width:48px;margin-inline:-2px}.toy-ball{border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.78) 0 18%,transparent 19%),radial-gradient(circle at 34% 28%,rgba(255,255,255,.55),transparent 18%),linear-gradient(145deg,var(--toy),var(--toy-dark));box-shadow:inset -12px -16px 20px #0000002e}.toy-ball i{width:76%;height:16%;border-radius:999px;background:#ffffffc7;transform:rotate(-24deg)}.toy-candy{width:min(28vw,138px)}.toy-candy:before,.toy-candy:after{content:"";position:absolute;top:50%;width:34%;height:42%;border-radius:8px 50% 50% 8px;background:linear-gradient(135deg,var(--toy),var(--toy-dark))}.toy-candy:before{left:0;transform:translateY(-50%) rotate(180deg)}.toy-candy:after{right:0;transform:translateY(-50%)}.toy-candy i{position:relative;z-index:1;width:62%;height:48%;border:5px solid rgba(255,255,255,.78);border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.64) 0 18%,transparent 18% 32%,rgba(255,255,255,.64) 32% 50%,transparent 50% 64%,rgba(255,255,255,.64) 64% 78%,transparent 78%),linear-gradient(145deg,var(--toy),var(--toy-dark));box-shadow:inset -9px -12px 16px #00000024}.toy-star{background:linear-gradient(145deg,var(--toy),var(--toy-dark));clip-path:polygon(50% 4%,61% 34%,94% 34%,67% 54%,78% 88%,50% 68%,22% 88%,33% 54%,6% 34%,39% 34%);box-shadow:inset -10px -12px 18px #0000001f}.toy-star i{width:24%;aspect-ratio:1;border-radius:50%;background:#ffffffa6;transform:translate(-28%,-34%)}.empty-bank{grid-column:1 / -1;display:grid;place-items:center;min-height:160px;color:#7f3156;font-size:1.4rem;font-weight:900;text-align:center}.celebration{position:fixed;inset:0;z-index:30;display:none;place-items:center;padding:18px;background:#241a257a}.celebration.show{display:grid}.celebration>div{display:grid;justify-items:center;width:min(440px,100%);padding:20px;border:4px solid white;border-radius:8px;background:#fffaf1;box-shadow:0 24px 46px #1d162047;text-align:center}.celebration img{width:180px;max-width:70%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(67,41,56,.18))}.celebration strong{font-size:clamp(1.8rem,6vw,2.7rem);line-height:1.05}.celebration p{margin:10px 0 16px;line-height:1.45}.celebration button{min-height:54px;padding:12px 22px;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--teal),#2478bf);box-shadow:0 12px 20px #1c5f8438;font-size:1.12rem;font-weight:900;cursor:pointer}@keyframes happy-pop{0%,to{transform:scale(1)}45%{transform:scale(1.04)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-9px)}50%{transform:translate(7px)}75%{transform:translate(-4px)}}@media(max-width:900px){.color-match-app{padding:12px}.stage-band{grid-template-columns:92px minmax(0,1fr) 92px;gap:6px;min-height:190px}.character-card{min-height:170px}.character-card img{max-height:170px}.character-card span{font-size:.88rem}.game-title{padding:8px 2px}.game-title p:not(.kicker){font-size:1rem}.status-row{grid-template-columns:1fr}.drop-grid,.item-bank{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.stage-band{grid-template-columns:62px minmax(0,1fr) 62px;min-height:152px}.character-card{min-height:132px}.character-card img{max-height:128px}.character-card span{display:none}h1{font-size:2.22rem}.kicker{font-size:.86rem}.game-title p:not(.kicker){display:none}.status-row strong{font-size:.98rem}.playfield{padding:10px}.round-helper{min-height:58px}.drop-basket{grid-template-columns:40px 1fr;min-height:146px;padding:9px}.color-swatch{width:40px}.basket-shelf{min-height:54px}.toy-shape.compact{width:34px}.item-bank{gap:10px;padding:10px}.game-item{min-height:132px;padding:8px}.toy-shape{width:82px}.toy-candy{width:96px}}@media(prefers-reduced-motion:no-preference){.character-card img{animation:soft-float 4.6s ease-in-out infinite}.character-card.right img{animation-delay:-1.5s}.game-item{transition:transform .16s ease,box-shadow .16s ease,outline-color .16s ease}.game-item:hover{transform:translateY(-3px)}@keyframes soft-float{0%,to{translate:0 0}50%{translate:0 -7px}}}