/* ScraPyarD lives inside the shared full-viewport game shell. */
body[data-site-view="scrapyard"] #dailyRoom{padding:0}
.scrapyard{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden;padding:0;border:0;margin:0;font:13px/1.45 var(--mono,monospace);color:#ededed;background:#090909;isolation:isolate}
.scrapyard *{box-sizing:border-box}
.scrapyard [hidden]{display:none!important}
.scrapyard button,.scrapyard input{font:inherit;color:inherit}
.scrapyard button{min-height:44px;cursor:pointer;border:1px solid #626262;border-radius:0;background:#191919;padding:8px 14px;line-height:1.35;touch-action:manipulation}
.scrapyard button:hover{background:#333;border-color:#ddd}
.scrapyard button:focus-visible,.scrapyard input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.scrapyard button:disabled{cursor:default;opacity:.44}
.scrapyard button.sy-primary{background:#ececec;border-color:#fff;color:#0a0a0a;font-weight:800;box-shadow:2px 2px #555}
.scrapyard button.sy-primary:hover{background:#fff}
.sy-top{position:relative;inset:auto;z-index:2;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:7px 20px;background:#0b0b0b;border-bottom:1px solid #414141}
.sy-top>button{justify-self:start;max-width:150px;text-align:left;font-size:11px;border:0;background:none;padding:6px 0}
.sy-top h2{margin:0;text-align:center;line-height:1}
.sy-top h2 img{display:block;width:190px;height:42px;object-fit:contain}
.sy-top h2 small{display:block;font:8px/1.3 monospace;letter-spacing:3px;margin-top:3px}
.sy-top>div{display:flex;justify-self:end;gap:6px}
.sy-top>div>button{width:44px;min-width:44px;padding:5px;font-weight:bold;font-size:19px;background:none;border-color:#444}
.sy-help{position:absolute;inset:114px 20px auto;z-index:8;max-height:calc(100% - 150px);overflow:auto;margin:0;padding:20px;border:1px solid #777;background:#131313;box-shadow:5px 5px #0009;display:grid;grid-template-columns:1fr 2fr;gap:10px 24px}
.sy-help h3{font:800 18px monospace;margin:0}
.sy-help ol{margin:0;padding-left:20px;line-height:1.85}
.sy-help p,.sy-help small{margin:0;font-size:11px;color:#c2c2c2}
.sy-stage{position:relative;flex:1 1 0;min-height:120px;overflow:hidden;background:#090909}
.sy-stage canvas{width:100%;height:100%;display:block;image-rendering:pixelated;touch-action:pan-y}
.sy-scene-heading{position:absolute;inset:auto auto 18px 22px;max-width:min(430px,80%);padding:10px 12px 9px;border-left:2px solid #c9c9c9;background:#080808c9;pointer-events:none;text-shadow:1px 1px #000}
.sy-scene-heading>span{display:block;font:800 15px monospace;letter-spacing:1px}
.sy-scene-heading>small{display:block;font-size:11px;color:#c6c6c6;margin-top:5px;line-height:1.5}
.sy-hud{position:absolute;inset:14px auto auto 50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:760px;display:grid;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:20px;align-items:start;pointer-events:none;text-shadow:1px 1px #000}
.sy-hud>div{display:grid;grid-template-columns:1fr auto;gap:3px 6px;min-width:0}
.sy-hud>div>span{font:9px monospace;color:#bbb;grid-column:1/-1}
.sy-hud>div>b{font:800 15px monospace;grid-column:1/-1}
.sy-hud>div:last-child{text-align:right}
.sy-hud meter{appearance:none;width:100%;height:8px;display:block;background:#333;border:1px solid #666}
.sy-hud meter::-webkit-meter-bar{height:8px;background:#252525;border:0;border-radius:0}
.sy-hud meter::-webkit-meter-optimum-value{background:#ededed;border-radius:0;transition:width .15s linear}
.sy-hud meter::-moz-meter-bar{background:#ededed}
.sy-hud>div>small{font:9px monospace;min-width:20px;line-height:9px}
.sy-hud>time{text-align:center;font:800 21px monospace;padding-top:7px}
.sy-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;pointer-events:none;text-shadow:3px 3px #000,-1px -1px #000}
.sy-center small{font:11px monospace;letter-spacing:1px;text-transform:uppercase}
.sy-center strong{font:900 clamp(35px,6vw,66px)/1.05 monospace;text-transform:uppercase;text-align:center;max-width:94%;overflow-wrap:anywhere}
.sy-matchup{--sy-avatar-cut:#111;display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:6px 10px;width:min(340px,calc(100% - 32px));padding:12px 16px 9px;border:1px solid #b0b0b0;background:#111f;box-shadow:4px 4px #000a;text-shadow:none;animation:sy-matchup-in .16s ease-out both}
.sy-matchup-side{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}
.sy-matchup .sy-avatar{width:43px;height:43px;flex-basis:43px}
.sy-matchup-side>small{font:10px/1.2 monospace;letter-spacing:0;color:#bbb;text-transform:none}
.sy-matchup-record{grid-column:1/-1;text-align:center;font:10px/1.35 monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#ddd}.sy-matchup-record>span{display:block;color:#999;font-size:9px}
.sy-matchup-side>b{font:800 14px/1.2 monospace;letter-spacing:.3px}
.sy-matchup-vs{font:900 23px/1 monospace;text-align:center;color:#e9e9e9;transform:skew(-8deg)}
.sy-matchup-count{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:9px;border-top:1px solid #414141;padding-top:6px;font:10px/1.2 monospace;color:#bbb}
.sy-matchup-count>time{font:800 18px/1 monospace;font-variant-numeric:tabular-nums;color:#fff;min-width:14px;text-align:center}
@keyframes sy-matchup-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.world-is-quiet .sy-matchup{animation:none}
.sy-flash{position:absolute;bottom:12px;left:10%;right:10%;text-align:center;font:800 14px/1.3 monospace;text-transform:uppercase;margin:0;text-shadow:2px 2px #000;pointer-events:none;min-height:20px}
.sy-failure{position:absolute;inset:25% 10%;background:#111e;padding:22px;display:grid;place-items:center;border:1px solid #888;text-align:center}
.sy-panel{flex:0 0 auto;padding:10px 20px 5px;border-top:1px solid #444;background:#0a0a0a}
.sy-selection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:650px;margin:0 auto 9px}
.sy-selection>button{--sy-avatar-cut:#111;position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:53px;padding:6px 12px;border-color:#484848;background:#111}
.sy-avatar{width:32px;height:32px;flex:0 0 32px}
.sy-selection>button>b{font-size:14px;letter-spacing:.3px}
.sy-selection>button>span{margin-left:auto;font-size:9px;color:#777}
.sy-selection>button[aria-pressed="true"]{--sy-avatar-cut:#e8e8e8;border-color:#fff;background:#e8e8e8;color:#080808;box-shadow:2px 2px 0 #4d4d4d}
.sy-selection>button[aria-pressed="true"]>span{color:#333}
.sy-entry-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;max-width:540px;margin:0 auto}
.sy-entry-actions button{min-height:44px}
.sy-online-menu{max-width:650px;margin:0 auto}
.sy-online-menu>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sy-join{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:10px}
.sy-join>label{font-size:10px;color:#aaa}
.sy-join>input{min-height:44px;border:1px solid #777;background:#060606;padding:8px 11px;width:100%;letter-spacing:3px;text-transform:uppercase}
.scrapyard button.sy-text{display:block;border:0;background:none;margin:0 auto;font-size:10px;color:#aaa;text-decoration:underline;text-underline-offset:4px;padding:7px}
.sy-lobby{max-width:650px;margin:0 auto}
.sy-room-code{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 7px}
.sy-room-code>span{font-size:10px;color:#aaa}
.sy-room-code>strong{font-size:20px;letter-spacing:3px}
.sy-room-code>button{font-size:10px}
.sy-ready{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #383838;padding-top:7px}
.sy-ready>span{color:#bbb;font-size:11px}
.sy-ready>button{min-width:130px}
.sy-waiting{text-align:center;font-size:14px;padding:5px;margin:4px 0}
.sy-waiting+button{display:block;margin:auto}
.sy-message{flex:0 0 auto;min-height:18px;text-align:center;color:#c4c4c4;font:10px/1.45 monospace;margin:0;padding:4px 16px 6px;overflow-wrap:anywhere;max-height:72px;overflow:auto}
.sy-message:empty{display:none}
.sy-invite-url{display:block;width:min(100%,650px);margin:5px auto;background:#151515;border:1px solid #888;padding:8px;font-size:11px!important}
.sy-pads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:650px;margin:auto}
.sy-pads>button{position:relative;overflow:hidden;display:grid;grid-template-columns:25px 1fr 20px;align-items:center;gap:5px;min-height:54px;box-shadow:0 3px #333;text-align:center;background:#232323;border-color:#999}
.sy-pads>button>b{font-size:16px;letter-spacing:.3px}
.sy-pads>button>kbd{font:10px monospace;background:#080808;padding:3px;color:#bbb;border:1px solid #555}
.sy-pads>button>.sy-move-icon{font:23px monospace}
.sy-pads>button>i{position:absolute;bottom:0;left:0;height:3px;width:calc(var(--sy-recovery,0)*100%);background:#bcbcbc}
.sy-pads>button.sy-active{background:#eee;color:#111}
.sy-pads>button:disabled{opacity:.6}
.sy-charge{display:flex;align-items:center;gap:10px;max-width:650px;margin:9px auto 0;font-size:9px;color:#999}
.sy-charge meter{appearance:none;height:5px;flex:1;background:#333}
.sy-charge meter::-webkit-meter-bar{height:5px;border:0;background:#333;border-radius:0}
.sy-charge meter::-webkit-meter-optimum-value{background:#b5b5b5}
.sy-charge meter::-moz-meter-bar{background:#b5b5b5}
.sy-charge small{font:9px monospace;min-width:60px;text-align:right}
.sy-yard-bottom{max-width:650px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;gap:10px}
.sy-yard-bottom>button{font-size:10px;padding:6px 0;background:none;border:0;color:#aaa}
.sy-yard-bottom>span{font-size:10px;color:#888}
.sy-result-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:3px 0 7px}
.sy-record{max-width:650px;margin:9px auto 0;padding-top:6px;border-top:1px solid #333;color:#c8c8c8}
.sy-record>dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.sy-record>dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}
.sy-record dt{font:12px/1.3 var(--mono,monospace);overflow-wrap:anywhere}
.sy-record dd{margin:0;font:800 16px/1 monospace;font-variant-numeric:tabular-nums;color:#eee}
.sy-record>small{display:block;text-align:center;margin-top:3px;font:10px/1.3 var(--mono,monospace);color:#999}
.scrapyard[data-sy-phase="finished"] .sy-record{margin:0 auto 8px;padding:0 0 6px;border-top:0;border-bottom:1px solid #333}
.scrapyard[data-sy-phase="fight"] .sy-scene-heading,.scrapyard[data-sy-phase="countdown"] .sy-scene-heading,.scrapyard[data-sy-phase="finished"] .sy-scene-heading{display:none}
.scrapyard[data-sy-phase="finished"] .sy-center{inset:76px 8% auto;justify-content:flex-start;gap:5px}
.scrapyard[data-sy-phase="finished"] .sy-center strong{font-size:clamp(25px,4vw,43px)}
@media(max-width:700px){.sy-selection{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .sy-top{padding:6px 11px;gap:6px}.sy-top>button{font-size:9px;max-width:80px}.sy-top h2 img{width:120px;height:35px}.sy-top h2 small{font-size:7px;letter-spacing:2px}.sy-top>div{gap:3px}.sy-top>div>button{font-size:17px}
 .sy-stage{min-height:120px}.sy-scene-heading{inset:auto auto 13px 14px;max-width:85%;padding:7px 9px}.sy-scene-heading>span{font-size:13px}.sy-scene-heading>small{font-size:10px}
 .sy-panel{padding:8px 12px 3px}.sy-selection{gap:6px;margin-bottom:8px}.sy-selection>button{padding:5px 6px;gap:5px;min-height:49px}.sy-avatar{width:27px;height:30px;flex-basis:27px}.sy-selection>button>b{font-size:11px;letter-spacing:0}.sy-selection>button>span{font-size:10px}
 .sy-entry-actions{gap:8px}.sy-entry-actions button{font-size:11px;padding:8px}.sy-help{inset:106px 12px auto;display:block;padding:15px}.sy-help h3{margin-bottom:8px}.sy-help p{margin:9px 0}
 .sy-online-menu>div{gap:8px}.sy-online-menu button{font-size:11px;padding:7px}.sy-join{grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-top:7px}.sy-join>label{grid-column:1/-1}.sy-join>input{min-height:44px}.sy-room-code{flex-wrap:wrap;gap:4px 9px}.sy-room-code>strong{font-size:18px}.sy-ready>button{min-width:110px;font-size:11px}
 .sy-hud{inset:12px auto auto 50%;width:calc(100% - 28px);gap:10px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.sy-hud>div>b{font-size:12px}.sy-hud>div>span{font-size:8px}.sy-hud>time{font-size:17px}
 .sy-pads{gap:8px}.sy-pads>button{grid-template-columns:18px 1fr;min-height:52px;padding:7px;gap:4px}.sy-pads>button>.sy-move-icon{font-size:20px}.sy-pads>button>b{font-size:11px}.sy-pads>button>kbd{display:none}.sy-flash{font-size:12px}.sy-charge{margin-top:8px;gap:7px}.sy-result-actions button{font-size:12px}
}
@media(max-width:360px){.sy-top{padding-inline:8px;gap:4px}.sy-top h2 img{width:106px;height:32px}.sy-top>button{max-width:65px}.sy-avatar{width:24px;flex-basis:24px}.sy-selection>button{padding-inline:4px;gap:3px}.sy-selection>button>span{display:none}.sy-selection>button>b{font-size:10px}.sy-pads{gap:6px}.sy-pads>button{padding:7px 4px}.sy-pads>button>b{font-size:10px}}
@media(max-height:560px){.sy-top{padding-block:3px}.sy-top h2 img{height:29px}.sy-top h2 small{display:none}.sy-panel{padding-block:5px}.sy-selection{margin-bottom:5px}.sy-selection>button{min-height:44px}.sy-avatar{height:28px}.sy-scene-heading{bottom:9px}.sy-result-actions{padding:0}.sy-hud{top:9px}.scrapyard[data-sy-phase="finished"] .sy-center{top:65px}}
@media(prefers-reduced-motion:reduce){.sy-hud meter::-webkit-meter-optimum-value{transition:none}.sy-matchup{animation:none}}