:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f1f8ff;background:#071324}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#174569,#071324 55%)}button,input,select{font:inherit}button{cursor:pointer}.app{max-width:1660px;margin:auto;padding:18px clamp(12px,2vw,32px) 45px}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 5px 18px}.eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.2em;color:#8ee4fa}.top h1{margin:5px 0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.06em}.top p{margin:0;color:#a7c9dc}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.top-actions button,.live-controls button,#settingsDone{padding:10px 15px;border:1px solid #79cde9;border-radius:12px;background:#113b59;color:#e5f8ff;font-weight:850}.layout{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1.9fr) minmax(150px,.34fr);gap:14px;align-items:start}.side{padding:17px 12px;border:1px solid #568dad88;border-radius:20px;background:#0d2034}.side-red{border-color:#ff7d8180}.side-blue{border-color:#72d7c68a}.side h2{margin:0;font-size:.84rem;letter-spacing:.12em}.side-red h2{color:#ffadb0}.side-blue h2{color:#a2f3da}.side p{min-height:35px;color:#a7bfd2;font-size:.71rem;line-height:1.4}.gift-rail{display:grid;gap:7px}.gift-slot{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:5px;padding:7px;border:1px solid #ffffff21;border-radius:10px;background:#ffffff0a}.gift-slot img,.gift-slot .gift-emoji{width:31px;height:31px;object-fit:contain;font-size:1.55rem;text-align:center}.gift-slot b{display:block;font-size:.72rem;line-height:1.1}.gift-slot small{color:#b9c9d6;font-size:.62rem}.gift-slot.flash{animation:slotFlash .55s ease-out}@keyframes slotFlash{50%{background:#fbd45a80;transform:scale(1.04)}}.game-panel{min-width:0}.game-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:clamp(.62rem,1.15vw,.85rem);font-weight:900;letter-spacing:.04em}.game-hud span{padding:9px 12px;border:1px solid #84d7e767;border-radius:10px;background:#10263b}.game-hud b{color:#fff;font-size:1.16em}.stage{position:relative;width:100%;aspect-ratio:1.15;min-height:540px;max-height:840px;overflow:hidden;border:6px solid #163a52;border-radius:24px;background:radial-gradient(circle at 76% 22%,#f9dc9d 0 8%,transparent 8.3%),linear-gradient(#3fb8dc,#7fdaea 69%,#1f5574 70%);box-shadow:0 22px 60px #0009,inset 0 0 0 3px #b2f2ff60}.stage:before,.stage:after{content:"";position:absolute;z-index:0;width:110px;height:24px;border-radius:99px;background:#eaffffe0;box-shadow:36px 8px 0 #eaffff9c;top:20%;left:7%;animation:cloudFloat 16s ease-in-out infinite alternate}.stage:after{top:37%;left:auto;right:7%;transform:scale(.65);animation-duration:20s}@keyframes cloudFloat{to{translate:45px}}.building{position:absolute;z-index:1;left:22%;right:22%;top:8%;bottom:4%;padding:12px;border:8px solid #a62e36;border-radius:8px 8px 0 0;background:repeating-linear-gradient(90deg,#a5383a 0 20px,#b84543 20px 24px);box-shadow:15px 14px 0 #173a50,0 0 0 4px #5e2830}.roof{position:absolute;left:-6%;right:-6%;top:-21px;height:27px;display:grid;place-items:center;border:4px solid #762931;background:#d45150;color:#fff8d6;font-size:clamp(.39rem,.85vw,.7rem);font-weight:900;letter-spacing:.12em;text-align:center}.windows{height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:5px}.window{position:relative;min-width:0;min-height:0;padding:0;border:4px solid #264e6b;border-radius:5px;background:linear-gradient(135deg,#e5f7fc,#bfeaf6 62%,#8ccce4);overflow:hidden;box-shadow:inset 0 0 0 2px #ffffffa0,inset 0 -14px 20px #65afcd55}.window:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,#ffffff8a 7%,transparent 8% 47%,#fff8 48% 52%,transparent 53%);pointer-events:none}.window .haze{position:absolute;z-index:1;inset:0;background:repeating-linear-gradient(132deg,#8ca5ad88 0 10px,#adbfbd75 11px 28px);opacity:0;transition:opacity .28s}.window.dirty-1 .haze{opacity:.45}.window.dirty-2 .haze{opacity:.68}.window.dirty-3 .haze,.window.dirty-4 .haze{opacity:.88}.window.clean:before{content:"✦";position:absolute;z-index:2;right:12%;top:10%;color:#fff;font-size:1.5rem;text-shadow:0 0 14px #fff;animation:sparkle 2.5s ease-in-out infinite}@keyframes sparkle{50%{opacity:.35;scale:.75}}.window.wipe{animation:wipeGlow .4s ease}@keyframes wipeGlow{50%{filter:brightness(1.5)}}.window:hover{outline:3px solid #fce778}.gondola{position:absolute;z-index:5;left:-4%;right:-4%;height:76px;top:74%;border-bottom:9px solid #5e6971;pointer-events:none;transition:top .55s ease}.gondola:before,.gondola:after{content:"";position:absolute;bottom:0;top:-60px;width:4px;background:#4b5966}.gondola:before{left:0}.gondola:after{right:0}.cleaner{position:absolute;left:16.6%;bottom:6px;width:56px;height:95px;transform:translateX(-50%);transition:left .3s ease,transform .3s ease;filter:drop-shadow(0 5px 5px #0008)}.cleaner-head{position:absolute;top:3px;left:13px;width:31px;height:31px;border-radius:45% 45% 48% 48%;background:#f5bb83;border-top:9px solid #203650}.cleaner-head i{position:absolute;top:6px;width:3px;height:3px;border-radius:50%;background:#25334c}.cleaner-head i:first-child{left:8px}.cleaner-head i:last-child{right:8px}.cleaner-body{position:absolute;top:34px;left:12px;width:34px;height:39px}.vest{display:block;width:100%;height:100%;border-radius:10px 10px 7px 7px;background:linear-gradient(90deg,#ffa739,#f6d35c 55%,#f69432);border:3px solid #174668}.arm{position:absolute;z-index:2;top:4px;width:10px;height:30px;border-radius:9px;background:#f1bc8c;transform-origin:top}.arm-left{left:-8px;transform:rotate(15deg)}.arm-right{right:-8px;transform:rotate(-25deg)}.arm-right em{position:absolute;top:22px;left:-5px;font-size:1.23rem;font-style:normal}.cleaner.scrubbing .arm-right{animation:scrubArm .15s ease-in-out 5 alternate}.cleaner.scrubbing{animation:cleanerBounce .2s ease-in-out 4 alternate}@keyframes scrubArm{to{transform:rotate(-80deg)}}@keyframes cleanerBounce{to{translate:0 -3px}}.cleaner-legs{position:absolute;top:72px;left:17px;display:flex;gap:8px}.cleaner-legs span{width:9px;height:20px;border-radius:2px 2px 6px 6px;background:#174a76}.building-base{position:absolute;left:-9%;right:-9%;bottom:-13px;height:13px;background:#612c38}.effects{position:absolute;z-index:8;inset:0;pointer-events:none}.effect{position:absolute;left:50%;top:-15%;font-size:clamp(2rem,5vw,4rem);filter:drop-shadow(0 7px 7px #0007);animation:effectDrop 1.15s ease-in forwards}@keyframes effectDrop{65%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(26deg) scale(1.1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(90deg) scale(1.5)}}.effect.rain{top:-20%;animation:rainFall 1.2s linear forwards}@keyframes rainFall{to{opacity:0;transform:translate(var(--dx),110vh)}}.countdown{position:absolute;z-index:10;top:12px;left:50%;transform:translateX(-50%);padding:10px 18px;border:2px solid #fff3ac;border-radius:15px;background:#173d58ed;color:#fff;text-align:center;font-weight:950;font-size:1.1rem;box-shadow:0 8px 25px #0007}.countdown[hidden],.result[hidden]{display:none}.result{position:absolute;z-index:12;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#071421d9;text-align:center}.result strong{font-size:clamp(2rem,5vw,4rem);color:#fbdf83;text-shadow:0 0 25px #ffd065}.result span{color:#e5f4ff;font-weight:850}.toast{position:absolute;z-index:11;left:50%;bottom:20px;transform:translateX(-50%) translateY(15px);max-width:90%;padding:9px 16px;border:1px solid #f7d66e;border-radius:12px;background:#10283ef0;color:#fff;font-size:.8rem;font-weight:850;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px;color:#afd0df;font-size:.75rem;font-weight:750}.controls button{padding:13px 20px;border:2px solid #ffe38a;border-radius:12px;background:linear-gradient(#ffe28a,#f5ac47);color:#3d2712;font-size:1rem;font-weight:950;box-shadow:0 5px 0 #9b601e}.controls button:active{transform:translateY(4px);box-shadow:0 1px 0 #9b601e}.lower{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.lower>div{padding:19px;border:1px solid #5a9aba66;border-radius:18px;background:#0e263a}.lower h2{margin:0 0 10px;font-size:1.15rem}.lower p,.lower small{color:#b5d0df;font-size:.82rem}.live-panel label{display:block;margin-bottom:7px;font-size:.77rem;font-weight:850}.live-controls{display:flex;gap:8px}.live-controls input{min-width:0;flex:1;padding:10px 12px;border:1px solid #80bdd5;border-radius:10px;background:#071828;color:#fff}.test-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.test-buttons button{padding:8px;border:1px solid #719db4;border-radius:9px;background:#183d55;color:#f2fbff;font-size:.72rem;font-weight:800}.test-buttons button.red{border-color:#f5929b}.test-buttons button.blue{border-color:#84e7cf}dialog{width:min(780px,calc(100% - 24px));max-height:85vh;border:1px solid #8ad8e5;border-radius:20px;background:#0d2338;color:#f3fbff;box-shadow:0 25px 80px #000a}dialog::backdrop{background:#020c19c7}.settings-inner{padding:22px;overflow:auto}.settings-head{display:flex;justify-content:space-between;align-items:center}.settings-head h2{margin:0}.settings-head button{border:0;background:#27485e;color:#fff;border-radius:8px;padding:9px 12px}.settings-inner>p{color:#b7c9d7;font-size:.85rem}.gift-config{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.gift-config label{display:grid;gap:5px;padding:10px;border:1px solid #456986;border-radius:10px;font-size:.78rem}.gift-config select{max-width:100%;padding:8px;border:1px solid #78b9d0;border-radius:8px;background:#071a29;color:#fff}.gift-config label.red{border-color:#af636b}.gift-config label.blue{border-color:#5dbfac}
@media(max-width:1000px){.layout{grid-template-columns:120px minmax(0,1fr) 120px}.side{padding:10px 7px}.gift-slot{grid-template-columns:1fr;text-align:center;justify-items:center}.gift-slot b{font-size:.64rem}.gift-slot small{font-size:.55rem}.stage{aspect-ratio:.9}}
@media(max-width:700px){.top{align-items:flex-start;flex-wrap:wrap}.layout{grid-template-columns:1fr}.side{order:2}.side-red,.side-blue{padding:12px}.gift-rail{grid-template-columns:repeat(3,1fr)}.game-panel{order:1}.stage{aspect-ratio:9/13;min-height:520px}.building{left:16%;right:16%}.lower{grid-template-columns:1fr}.test-buttons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.app{padding-inline:7px}.stage{min-height:480px}.building{left:12%;right:12%}.game-hud{font-size:.54rem}.game-hud span{padding:6px 5px}.gift-config{grid-template-columns:1fr}.live-controls{flex-wrap:wrap}.live-controls button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.thrown-gift{position:absolute;z-index:10;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1;filter:drop-shadow(0 12px 9px #10223aaa);pointer-events:none;animation:giftThrow .95s cubic-bezier(.22,.65,.28,1) forwards}
@keyframes giftThrow{0%{opacity:0;transform:translate(0,0) rotate(-26deg) scale(2.4)}10%{opacity:1;transform:translate(0,-30px) rotate(0) scale(2.2)}52%{opacity:1;transform:translate(var(--apex-x),var(--apex-y)) rotate(210deg) scale(1.25)}82%{opacity:1;transform:translate(var(--travel-x),calc(var(--travel-y) + 10px)) rotate(340deg) scale(.9)}90%{opacity:1;transform:translate(var(--travel-x),calc(var(--travel-y) - 22px)) rotate(355deg) scale(.85)}100%{opacity:0;transform:translate(var(--travel-x),var(--travel-y)) rotate(380deg) scale(.95)}}
.stain.tomato,.gift-splat.tomato{--splat-color:#e94941}.stain.banana,.gift-splat.banana{--splat-color:#e8c53b}.stain.potato,.gift-splat.potato{--splat-color:#b98952}.stain.poop,.gift-splat.poop{--splat-color:#725040}
.stain,.gift-splat{position:absolute;z-index:4;width:38%;height:31%;min-width:36px;min-height:32px;transform:translate(-50%,-50%);pointer-events:none;background:var(--splat-color);border-radius:37% 63% 49% 51% / 52% 43% 57% 48%;filter:drop-shadow(3px 4px 1px #172a3655);opacity:.84}
.stain:before,.gift-splat:before{content:"";position:absolute;left:-10%;top:26%;width:28%;height:35%;background:var(--splat-color);border-radius:50%;box-shadow:42px -25px 0 -9px var(--splat-color),54px 25px 0 -7px var(--splat-color),-9px -18px 0 -8px var(--splat-color),8px 36px 0 -7px var(--splat-color)}
.stain:after,.gift-splat:after{content:"";position:absolute;right:9%;bottom:-28%;width:15%;height:40%;background:var(--splat-color);border-radius:0 0 90% 90%;transform:rotate(14deg)}
.gift-splat{z-index:6;width:72px;height:60px;animation:splatPop .8s ease-out forwards}
.dirt-overflow{position:absolute;z-index:8;right:6px;bottom:6px;padding:3px 6px;border:1px solid #fff6;border-radius:8px;background:#24384edb;color:#fff;font-size:clamp(.65rem,1vw,.9rem);font-weight:950;pointer-events:none}
.window.targeted{outline:4px solid #ffe17f;outline-offset:-5px;box-shadow:0 0 22px #fff3b9,inset 0 0 0 2px #ffffffa0}
.cleaner.walking .cleaner-legs span:first-child{animation:cleanerStep .2s ease-in-out infinite alternate}.cleaner.walking .cleaner-legs span:last-child{animation:cleanerStep .2s ease-in-out infinite alternate-reverse}@keyframes cleanerStep{to{transform:rotate(26deg) translateY(-4px)}}
.window:not(.clean){border-color:#526776;background:linear-gradient(145deg,#a2b2b4,#7d999d 55%,#99a9a9);box-shadow:inset 0 0 0 2px #d2dbd7a3,inset 0 12px 30px #3d535b91}
.window:not(.clean) .haze{background:radial-gradient(circle at 25% 28%,#596d70a8 0 8%,transparent 17%),radial-gradient(circle at 72% 71%,#617478b3 0 7%,transparent 18%),repeating-linear-gradient(128deg,#b7c1bdc0 0 12px,#87999ba8 13px 35px);opacity:.63}
.window.dirty-2 .haze{opacity:.77}.window.dirty-3 .haze,.window.dirty-4 .haze{opacity:.9}
.window:not(.clean):after{opacity:.22}
.window.clean{border-color:#38c9ec;background:linear-gradient(145deg,#51b9e6 0%,#8cdef6 37%,#378bbb 77%,#75cceb 100%);box-shadow:inset 0 0 0 3px #dcfcffdb,inset 0 0 28px #63dffc81,0 0 17px #87effc9c;transition:background .35s,box-shadow .35s,border-color .35s}
.window.clean:after{background:linear-gradient(127deg,#ffffffba 0 5%,transparent 6% 36%,#e8fbff9c 37% 41%,transparent 42% 100%);opacity:1}
@keyframes splatPop{0%{opacity:0;scale:.15}28%{opacity:1;scale:1.55}100%{opacity:0;scale:1.15}}
.game-hud{font-size:clamp(.77rem,1.45vw,1.05rem)}.game-hud span{padding:12px 16px}.game-hud .hud-major{background:#103952;border:2px solid #a9e6f1;font-size:clamp(.9rem,1.7vw,1.35rem);box-shadow:0 4px 14px #03122177}.game-hud .hud-major b{font-size:1.45em;color:#ffe48c}
.game-config{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.game-config label{display:grid;gap:7px;padding:11px;border:1px solid #5a9fc1;border-radius:10px;background:#102c44;font-size:.75rem;font-weight:850}.game-config input,.gift-picker input{min-width:0;padding:9px;border:1px solid #78b9d0;border-radius:8px;background:#071a29;color:#fff}
.gift-choice{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid #456986;border-radius:10px;background:#102c44;color:#fff;text-align:left}.gift-choice.red{border-color:#af636b}.gift-choice.blue{border-color:#5dbfac}.gift-choice.selected{outline:3px solid #ffe07c}.gift-choice strong{font-size:.78rem}.gift-choice small{color:#c8e6f2;font-size:.71rem}.gift-picker{display:grid;gap:9px;margin-bottom:16px}.gift-picker>label{font-size:.84rem;font-weight:850}.gift-price{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gift-picker p{margin:3px 0;color:#d8e7ef;font-size:.78rem}.gift-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto;padding:4px}.gift-result{display:flex;align-items:center;gap:8px;min-width:0;padding:5px;border:1px solid #557e9e;border-radius:9px;background:#18364c;color:#fff;text-align:left;font-size:.74rem}.gift-result img{width:35px;height:35px;object-fit:contain}.gift-result:disabled{opacity:.4;cursor:not-allowed}.gift-result:not(:disabled):hover{border-color:#ffdc75;background:#245370}
@media(max-width:700px){.game-config{grid-template-columns:1fr}.game-hud{gap:4px}.game-hud span{padding:8px 6px}.gift-results{grid-template-columns:1fr}}
.gift-history{margin-top:16px;padding:13px 16px;border:1px solid #5a9aba66;border-radius:16px;background:#0e263a}.gift-history h2{margin:0 0 9px;font-size:.9rem}.gift-history-list{display:grid;gap:6px}.gift-history-empty{margin:0;color:#a9c5d3;font-size:.78rem}.gift-history-item{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 10px;border:1px solid #ffffff2b;border-left:4px solid #80eaba;border-radius:10px;background:#0b1b31ed;box-shadow:0 5px 14px #0005}.gift-history-item.red{border-left-color:#ff7088}.gift-history-icon{font-size:1.25rem;line-height:1}.gift-history-description{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;min-width:0}.gift-history-description strong{font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.gift-history-description small{color:#c9dce6;font-size:.72rem}
.app{--gift-scale:1}.gift-slot{grid-template-columns:calc(34px * var(--gift-scale)) minmax(0,1fr)}.gift-slot img,.gift-slot .gift-emoji{width:calc(31px * var(--gift-scale));height:calc(31px * var(--gift-scale));font-size:calc(1.55rem * var(--gift-scale))}.gift-slot b{font-size:calc(.72rem * var(--gift-scale))}.gift-slot small{font-size:calc(.62rem * var(--gift-scale))}.top-actions #idleToggle[aria-pressed="true"]{border-color:#8dedd0;background:#14614d;color:#fff}
.top-actions .idle-toggle{min-width:190px;padding:11px 15px;border:2px solid #a5f5d9;border-radius:13px;background:linear-gradient(#29a879,#187453);color:#fff;font-size:.82rem;font-weight:950;box-shadow:0 4px 0 #0c4635}.top-actions .idle-toggle[aria-pressed="true"]{border-color:#ffe592;background:linear-gradient(#ec765b,#bc3d40);box-shadow:0 4px 0 #672b36}
.gondola.ride-up{animation:gondolaRideUp 1.2s cubic-bezier(.18,.7,.25,1) both}.gondola.ride-down{animation:gondolaRideDown 1.2s cubic-bezier(.18,.7,.25,1) both}.cleaner.ride-up,.cleaner.ride-down{animation:cleanerFloat 1.2s ease-out both}
@keyframes gondolaRideUp{0%{transform:translateY(95px)}55%{transform:translateY(-15px)}75%{transform:translateY(6px)}100%{transform:translateY(0)}}
@keyframes gondolaRideDown{0%{transform:translateY(-95px)}55%{transform:translateY(16px)}75%{transform:translateY(-6px)}100%{transform:translateY(0)}}
@keyframes cleanerFloat{0%,16%{translate:0 0;rotate:0deg}40%{translate:0 -26px;rotate:-6deg}65%{translate:0 -32px;rotate:5deg}83%{translate:0 -10px;rotate:-3deg}100%{translate:0 0;rotate:0deg}}
@media(prefers-reduced-motion:reduce){.gondola.ride-up,.gondola.ride-down,.cleaner.ride-up,.cleaner.ride-down{animation:none}}
.facade-viewport{position:absolute;inset:12px;overflow:hidden}.facade-viewport .windows{height:100%}.facade-viewport .floor-ghost{position:absolute;inset:0;width:100%;pointer-events:none}.windows.floor-enter-up{animation:facadeEnterUp 1.2s cubic-bezier(.22,.65,.3,1) both}.windows.floor-leave-up{animation:facadeLeaveUp 1.2s cubic-bezier(.22,.65,.3,1) both}.windows.floor-enter-down{animation:facadeEnterDown 1.2s cubic-bezier(.22,.65,.3,1) both}.windows.floor-leave-down{animation:facadeLeaveDown 1.2s cubic-bezier(.22,.65,.3,1) both}
@keyframes facadeEnterUp{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes facadeLeaveUp{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes facadeEnterDown{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes facadeLeaveDown{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@media(prefers-reduced-motion:reduce){.windows.floor-enter-up,.windows.floor-leave-up,.windows.floor-enter-down,.windows.floor-leave-down{animation:none}}
.layout{display:block}.game-panel{width:100%}.stage .game-side{position:absolute;z-index:6;top:9%;bottom:5%;width:19%;min-width:0;display:flex;flex-direction:column;gap:8px;padding:10px 8px;border:2px solid #ffffff78;border-radius:16px;background:#0b1f38d9;box-shadow:0 10px 28px #071522bb,0 0 19px #ffffff17}.stage .side-red{left:1%;border-color:#ff7d81bb}.stage .side-blue{right:1%;border-color:#72d7c6bb}.stage .game-side h2{flex:none;margin:0;text-align:center;font-size:clamp(.65rem,1.1vw,.95rem);letter-spacing:.06em}.stage .game-side .gift-rail{flex:1;min-height:0;grid-template-rows:repeat(7,minmax(0,1fr));gap:5px}.stage .game-side .gift-slot{grid-template-columns:minmax(0,calc(48px * var(--gift-scale))) minmax(0,1fr);min-height:0;padding:4px 6px;border-width:2px;border-color:#ffffff49;background:#ffffff16}.stage .side-red .gift-slot{border-color:#ff9ca171}.stage .side-blue .gift-slot{border-color:#86efcf71}.stage .game-side .gift-slot img,.stage .game-side .gift-slot .gift-emoji{width:min(100%,calc(45px * var(--gift-scale)));height:min(100%,calc(45px * var(--gift-scale)));object-fit:contain;font-size:calc(2rem * var(--gift-scale))}.stage .game-side .gift-slot b{font-size:clamp(.62rem,1.05vw,.95rem)}.stage .game-side .gift-slot small{font-size:clamp(.58rem,.9vw,.78rem);font-weight:850;color:#fff0b0}
@media(max-width:700px){.stage .game-side{top:8%;bottom:5%;width:14%;padding:5px 3px;gap:4px}.stage .game-side h2{font-size:.55rem;line-height:1.1}.stage .game-side .gift-rail{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(0,1fr));gap:3px}.stage .game-side .gift-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px}.stage .game-side .gift-slot>span:last-child{min-width:0;text-align:center}.stage .game-side .gift-slot b{display:none}.stage .game-side .gift-slot img,.stage .game-side .gift-slot .gift-emoji{width:min(100%,calc(36px * var(--gift-scale)));height:min(100%,calc(36px * var(--gift-scale)));font-size:calc(1.7rem * var(--gift-scale))}.stage .game-side .gift-slot small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem}}
@media(max-width:430px){.stage .game-side{top:8%;bottom:5%;width:11.5%;padding:4px 1px}.stage .game-side h2{font-size:.47rem}.stage .game-side .gift-slot small{font-size:.55rem}}
.layer-count{position:absolute;z-index:8;top:5px;right:5px;padding:2px 5px;border:1px solid #ffe7a4;border-radius:7px;background:#6b2d24e8;color:#fff7d6;font-size:clamp(.52rem,.8vw,.73rem);font-weight:950;pointer-events:none;box-shadow:0 2px 6px #0006}
.stage .game-side .social-slot[hidden]{display:none}.stage .game-side .social-slot{background:#ffffff25;border-style:dashed}.social-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0;padding:14px;border:1px solid #77b9d2;border-radius:12px}.social-config legend{padding:0 7px;font-weight:900}.social-config label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.78rem}.social-config label input[type=number]{width:82px;min-width:0;padding:7px;border:1px solid #78b9d0;border-radius:7px;background:#071a29;color:#fff}.social-config p{grid-column:1/-1;margin:0;color:#b7c9d7;font-size:.72rem}@media(max-width:700px){.social-config{grid-template-columns:1fr}.stage .game-side .gift-rail{grid-template-rows:repeat(7,minmax(0,1fr))}}
.stain.mixed,.gift-splat.mixed{--splat-color:#74432d;width:52%;height:43%;background:radial-gradient(circle at 23% 32%,#ed5147 0 23%,transparent 24%),radial-gradient(circle at 69% 27%,#eed044 0 24%,transparent 25%),radial-gradient(circle at 62% 74%,#d94d3c 0 16%,transparent 17%),#745037;box-shadow:inset 3px 3px 0 #f2d04b73,3px 5px 0 #462f2770}.stain.mixed:before,.gift-splat.mixed:before{background:#e8bf3e;box-shadow:42px -25px 0 -9px #e95145,54px 25px 0 -7px #7a4e36,-9px -18px 0 -8px #e6c447,8px 36px 0 -7px #e95145}.stain.mixed:after,.gift-splat.mixed:after{background:#d95342}