#menu.local-lobby{gap:clamp(6px,1.5vh,16px);padding:12px 4vw;box-sizing:border-box;justify-content:center}
.local-lobby p{margin:0}.lobby-note,.local-rules{background:#fffbeeeb;padding:6px 14px;border-radius:20px;text-align:center;font-size:clamp(11px,1.8vh,16px)}
.local-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(1100px,94vw);min-height:0}
.local-seat{position:relative;background:#fffbee;border:3px solid var(--player);border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:10px;gap:7px;box-shadow:0 5px #bfa77d}
.local-seat h2{font:900 clamp(12px,2vh,20px) var(--sans);color:var(--player);margin:0}.local-seat canvas{width:100%;height:auto;max-height:24vh;object-fit:contain}.local-seat:not(.joined)::before{content:'+';font-size:clamp(35px,10vh,90px);line-height:1.4;color:#8e9c99}
.local-seat strong{font-size:clamp(13px,2.5vh,24px)}.local-seat small{font-size:clamp(9px,1.5vh,13px);text-align:center;min-height:2.5em}.seat-actions{display:flex;gap:5px;width:100%;justify-content:center}.local-lobby button{font:800 clamp(11px,1.7vh,16px) var(--sans);color:#283c43;background:#fffbee;border:2px solid #cfbea0;border-radius:10px;min-height:40px;padding:6px 10px;cursor:pointer}.local-lobby button:disabled{opacity:.48;cursor:default}.local-seat.ready{background:#e8f5df}.local-lobby .seat-ready{background:var(--player);color:white;border-color:var(--player);flex:1}.local-lobby .seat-remove{min-height:26px;font-size:11px;padding:2px 8px}.local-settings,.local-footer{display:flex;gap:10px;align-items:center;justify-content:center}.local-footer{width:min(1100px,94vw);justify-content:space-between}.local-footer span{background:#fffbeeee;padding:6px;border-radius:8px;font-size:clamp(10px,1.5vh,13px);text-align:center}.local-lobby .local-go{background:#176a68;color:white;border-color:#176a68}
body.local-play #offline-pack{display:none!important}#local-hud{position:fixed;inset:0;pointer-events:none;z-index:10;color:#fff;font-family:var(--sans)}.local-view{position:absolute;box-sizing:border-box;border:2px solid #fff9;overflow:hidden;text-shadow:0 2px 3px #142833;container-type:size}.local-view::before{content:'';position:absolute;inset:0;border:0 solid transparent;pointer-events:none}.local-view.boosting::before{border:5px solid #dffaff66;box-shadow:inset 0 0 35px #a7eaff55}.local-driver{position:absolute;top:10px;left:10px;display:flex;gap:7px;align-items:center;padding:5px 9px;background:#173340df;border-radius:10px;font-weight:800;font-size:clamp(11px,4cqh,18px)}.local-driver b{background:var(--player);padding:3px 5px;border-radius:5px}.local-place{position:absolute;left:12px;bottom:12px;font-size:clamp(17px,7cqh,32px);font-weight:950}.local-state{position:absolute;right:10px;bottom:12px;background:#173340df;padding:5px 9px;border-radius:8px;font-size:clamp(11px,4cqh,19px);font-weight:800}.local-item{position:absolute;right:10px;top:10px;text-align:center}.local-item .active{width:clamp(36px,15cqh,78px);height:clamp(36px,15cqh,78px);border:3px solid #ffdf78;border-radius:16px;background:#20334be8;display:grid;place-items:center;font-size:28px}.local-item img,.local-item svg{width:90%;height:90%;object-fit:contain}.local-item .reserve{position:absolute;top:5px;right:100%;width:clamp(24px,9cqh,44px);height:clamp(24px,9cqh,44px);border:2px solid #fff8;border-radius:10px;background:#20334be8}.local-item>span{font-size:clamp(8px,2.8cqh,12px);font-weight:900}.local-count{position:absolute;inset:35% 0 auto;text-align:center;font-size:clamp(40px,23cqh,100px);font-weight:1000;color:#ffdc70;-webkit-text-stroke:2px #293f4d}.local-message{position:absolute;top:30%;width:100%;text-align:center;font-weight:900;font-size:clamp(12px,5cqh,24px)}.local-drift{position:absolute;bottom:0;height:4px;width:100%;background:var(--drift);box-shadow:0 0 14px var(--drift)}.local-pause{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#20334b;color:white;width:44px;height:44px;font-size:20px;cursor:pointer}.local-scoreboard{position:absolute;left:50%;top:50%;width:50%;height:50%;box-sizing:border-box;background:#173340;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(12px,2vw,22px)}.local-scoreboard p{margin:6px}.local-scoreboard[hidden],#local-overlay[hidden]{display:none}#local-overlay{position:fixed;inset:0;background:#142833aa;z-index:30;display:grid;place-items:center;font-family:var(--sans);color:#283c43}.local-modal{background:#fffbee;border:4px solid #ffdc70;border-radius:24px;padding:20px;width:min(420px,85vw);max-height:90dvh;overflow:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;text-align:center}.local-modal h1{font-size:clamp(22px,4vh,34px);margin:0}.local-modal p{margin:0 0 5px}.local-modal button{min-height:40px;border:2px solid #176a68;background:#176a68;color:white;border-radius:10px;font:800 16px var(--sans);cursor:pointer}.local-modal button:focus{outline:3px solid #a92e57;outline-offset:2px}.local-modal button:disabled{opacity:.45}.local-modal ol{padding:0;list-style:none;margin:4px 0}.local-modal li{border-left:5px solid;padding:6px;background:#fff}
@media(orientation:portrait){.local-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.local-seat{padding:6px;gap:4px}.local-seat canvas{max-height:13vh}.local-seat:not(.joined)::before{font-size:45px}.local-footer span{display:none}.local-settings{flex-wrap:wrap;gap:5px}.local-lobby .local-rules{font-size:11px}.local-seat small{min-height:0}.local-seat .seat-remove{position:absolute;right:4px;top:4px;font-size:9px;min-height:20px}}
@media(max-height:450px) and (orientation:landscape){#menu.local-lobby{padding:6px 2vw;gap:5px}.local-seat{padding:5px;gap:3px;border-radius:12px}.local-seat canvas{max-height:18vh}.local-seat small{display:none}.local-seat h2{font-size:11px}.local-lobby button{min-height:32px;padding:4px 7px}.local-seat .seat-remove{min-height:22px}.local-lobby .lobby-note,.local-rules{padding:2px 10px;font-size:10px}.local-footer span{font-size:9px}.local-modal{padding:10px;gap:5px}.local-modal button{min-height:34px}}
body.local-play>.hud,body.local-play #touch,body.local-play #flash{display:none!important}
#menu.local-lobby .local-seats,#menu.local-lobby .local-footer{width:100%;max-width:1100px}
@media(orientation:portrait){#menu.local-lobby{gap:6px}.local-seat .seat-remove{width:22px;padding:0;font-size:16px}}
/* Feedback stays in its own player's viewport; no full-screen flashes or camera shake. */
.local-view[data-feedback="hit"]{box-shadow:inset 0 0 30px #d85c7188}
.local-view[data-feedback="shield"]{box-shadow:inset 0 0 25px #7fefffaa}
.local-view[data-feedback="confirm"] .local-message{color:#fff3a7;background:#285d48e8;width:max-content;max-width:90%;left:50%;transform:translateX(-50%);padding:5px 12px;border-radius:20px}
.local-view.boosting[data-boost="mushroom"]::before{border-color:#ffd791;box-shadow:inset 0 0 30px #f5a43c66}
.local-view.boosting[data-boost="jump"]::before{border-color:#d6f9ff;box-shadow:inset 0 0 15px #a5edff44}
#local-overlay.celebration{background:transparent;display:block;pointer-events:none}
#local-overlay.celebration .local-modal{position:absolute;inset:0;width:auto;max-width:none;max-height:none;padding:0;border:0;background:none;box-shadow:none;overflow:hidden;pointer-events:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr auto auto;gap:8px 12px;margin:16px 4vw;border-radius:0}
#local-overlay.celebration h1{grid-column:1/-1;justify-self:center;margin:0;padding:8px 28px;border:3px solid #fff0b2;border-radius:12px;background:#a53e65;color:#fff8dc;font-size:clamp(20px,4vh,38px);text-shadow:0 2px #522d45}
#local-overlay.celebration ol{grid-column:1/-1;grid-row:3;display:flex;gap:8px;padding:0;margin:0;list-style:none;justify-content:center}
#local-overlay.celebration li{background:#fff4d9f2;border:3px solid;border-radius:12px;padding:8px;flex:1;max-width:260px;font-size:clamp(11px,1.8vw,18px);color:#203d48}
#local-overlay.celebration li.winner{background:#ffe69f}
#local-overlay.celebration button{grid-row:4;pointer-events:auto;min-height:42px;margin:0;font-size:clamp(12px,2vw,18px)}
@media(orientation:portrait){#local-overlay.celebration ol{display:grid;grid-template-columns:1fr 1fr}#local-overlay.celebration li{max-width:none}#local-overlay.celebration .local-modal{margin:16px 3vw;gap:6px}#local-overlay.celebration h1{font-size:24px}}
@media(max-height:450px){#local-overlay.celebration .local-modal{margin:8px 3vw;gap:5px}#local-overlay.celebration h1{padding:4px 18px}#local-overlay.celebration li{padding:5px}#local-overlay.celebration button{min-height:34px}}
/* The same cloth ribbon and paper colors used by the storybook menus. */
#local-overlay.celebration h1{position:relative;isolation:isolate;border-radius:9px 9px 20% 20%;background:repeating-linear-gradient(23deg,#ffffff05 0 1px,transparent 1px 4px),linear-gradient(#cb426e,#a32e56);box-shadow:inset 0 3px #ffffff38,0 5px 0 #6d28493b;border-color:#f4cf80;padding:10px 38px}
#local-overlay.celebration h1::before,#local-overlay.celebration h1::after{content:'';position:absolute;top:28%;bottom:-14%;width:24px;background:#8f294b;z-index:-1}
#local-overlay.celebration h1::before{left:-20px;clip-path:polygon(0 0,100% 0,100% 100%,0 90%,24% 48%)}
#local-overlay.celebration h1::after{right:-20px;clip-path:polygon(0 0,100% 0,76% 48%,100% 90%,0 100%)}
#local-overlay.celebration button{background:linear-gradient(#198c87,#106c70);border-color:#74c6b5;box-shadow:inset 0 2px #ffffff40,0 3px #164c55;border-radius:14px}
#local-overlay.celebration li{box-shadow:inset 0 2px #fff,0 3px #6c563c22;background:linear-gradient(#fff6dd,#f7e6c0)}
@media(max-height:450px){#local-overlay.celebration h1{padding:4px 24px}}
#local-overlay.celebration h1{min-width:min(38vw,420px);font-size:clamp(22px,5vh,40px)}
@media(max-height:450px){#local-overlay.celebration h1{font-size:22px}}

#local-hud[data-players="1"] .local-pause{top:12px;transform:translateX(-50%)}
#local-hud[data-players="1"] .local-scoreboard{left:12px;top:65px;width:auto;height:auto;align-items:flex-start;padding:8px 10px;border-radius:10px;font-size:clamp(10px,1.2vw,16px);background:#173340df}
#local-hud[data-players="1"] .local-scoreboard>b{display:none}
#local-hud[data-players="1"] .local-scoreboard p{margin:2px 0}
@media(orientation:portrait){#menu.local-lobby .local-seat{min-height:0;height:auto;gap:4px}#menu.local-lobby .local-seats{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));min-height:0}#menu.local-lobby .local-seat canvas{max-height:10vh;width:100%;min-height:0}#menu.local-lobby .local-seat:not(.joined)::before{font-size:32px;line-height:1}#menu.local-lobby .local-seat small{font-size:9px}#menu.local-lobby .local-seat strong{font-size:16px}#menu.local-lobby .local-seat h2{font-size:12px}#menu.local-lobby .local-seat button{min-height:30px}#menu.local-lobby .local-settings button{min-height:32px;font-size:11px;padding:4px 6px}}