.physics-game{position:fixed;inset:0;z-index:45;background:#0b1722;color:#f2dfb7;overflow:auto;padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}.physics-game header{text-align:center;flex:none}.physics-game h2{font-size:29px;font-weight:400;margin:7px 0}.physics-game header p{font-size:13px;color:#c2c5be;margin:5px 0;line-height:1.5}.physics-clock{display:block;min-height:28px;font-size:20px;color:#ffe19a}.physics-stage{width:min(1000px,96vw,150dvh);aspect-ratio:2;flex:none;position:relative;border:1px solid #8f815d;background:#152d3a;overflow:hidden;touch-action:none}.physics-stage canvas,.physics-stage>svg{display:block;width:100%;height:100%}.physics-controls{width:min(1000px,96vw);display:flex;gap:16px;flex:none}.physics-player{flex:1;min-width:0;background:#172e3e;border:1px solid #63849b;padding:9px 12px;text-align:center}.physics-player[data-side=H]{background:#392b2a;border-color:#a57565}.physics-player h3{font-size:17px;font-weight:400;margin:2px 0 5px}.physics-player output{display:block;font-size:20px;color:#f5dda2;min-height:27px}.physics-buttons{display:flex;gap:8px}.physics-buttons button{flex:1;min-width:0;min-height:65px;padding:9px 4px;font-size:16px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#c8ac72;color:#112431;border:1px solid #ead298}.physics-buttons button:active,.physics-buttons button.held{background:#f8da92;box-shadow:inset 0 0 0 3px #fff3cb}.physics-buttons button:disabled{opacity:.4}.physics-player small{display:block;font-size:12px;min-height:20px;margin-top:6px;color:#d0c7b4}.physics-meter{height:10px;background:#07131a;margin:5px 0 8px;border:1px solid #8c7a55;position:relative}.physics-meter i{display:block;height:100%;width:100%;background:#d5b76f}.physics-meter.warn i{background:#e3815c}.physics-meter em{position:absolute;left:65%;top:0;height:100%;width:2px;background:#fff}.physics-banner{position:absolute;left:50%;top:8%;transform:translateX(-50%);font-size:22px;text-align:center;pointer-events:none;color:#fff4d1;text-shadow:0 2px 4px #000;white-space:nowrap}.physics-game[data-game=tug] .physics-buttons button{min-height:75px}.physics-game[data-game=tuho] .physics-stage{aspect-ratio:2}.physics-stage .arrow-trail{fill:none;stroke:#fff1bf;stroke-width:3;opacity:.55;stroke-dasharray:7 8}.physics-stage .svg-arrow{filter:drop-shadow(0 1px 2px #192028)}.physics-game .waiting{opacity:.5}.physics-note{font-size:11px;line-height:1.5;color:#bbb6a5;text-align:center;margin:0}.physics-load{text-align:center;padding:30px}@media(max-width:700px){.physics-game{padding:12px 6px;gap:8px;justify-content:center}.physics-game h2{font-size:24px}.physics-game header p{font-size:12px;max-width:95vw}.physics-stage{width:98vw;aspect-ratio:1.65}.physics-stage canvas{object-fit:contain}.physics-controls{gap:7px;width:98vw}.physics-player{padding:8px 5px}.physics-player h3{font-size:14px}.physics-buttons{gap:5px}.physics-buttons button{font-size:13px;min-height:68px}.physics-player small{font-size:10px}.physics-clock{font-size:18px}.physics-banner{font-size:16px}.physics-game[data-game=chicken] .physics-buttons{flex-wrap:wrap}.physics-game[data-game=chicken] .physics-buttons button:last-child{flex-basis:100%;min-height:44px}}@media(max-height:600px){.physics-game{padding:4px 8px;gap:4px;justify-content:flex-start}.physics-stage{width:min(850px,96vw,130dvh);aspect-ratio:2}.physics-game h2{font-size:21px;margin:2px}.physics-game header p{display:none}.physics-clock{font-size:16px;min-height:22px}.physics-player h3{font-size:13px}.physics-player output{font-size:15px;min-height:20px}.physics-buttons button,.physics-game[data-game=tug] .physics-buttons button{min-height:43px}.physics-note{display:none}.physics-player{padding:4px 8px}.physics-player small{margin:2px;font-size:10px}.physics-meter{margin:2px 0 4px;height:7px}}
.physics-game[data-game=tug] .physics-buttons{flex-wrap:wrap}.physics-game[data-game=tug] .physics-buttons button{min-height:48px}.physics-game[data-game=tug] .physics-buttons [data-action=effort]{flex-basis:100%;min-height:62px;font-size:20px;background:#dce4c8}.physics-game [data-action=brace]{background:#75add0;color:#102d41}.physics-game [data-action=pull]{background:#dfbb69;color:#302819}.physics-game[data-cue=brace] .physics-clock{color:#8bd3ff}.physics-game[data-cue=pull] .physics-clock{color:#ffe49d}.physics-game[data-cue=brace] [data-action=brace],.physics-game[data-cue=pull] [data-action=pull]{outline:3px solid #fff3bf;outline-offset:-4px}.physics-game[data-game=tug] .physics-stage{width:min(940px,96vw,118dvh)}@media(max-width:700px){.physics-game[data-game=tug] .physics-buttons button{min-height:56px}.physics-game[data-game=tug] .physics-buttons [data-action=effort]{min-height:70px}}@media(max-height:600px){.physics-game[data-game=tug] .physics-stage{width:min(820px,96vw,96dvh)}.physics-game[data-game=tug] .physics-buttons button{min-height:35px}.physics-game[data-game=tug] .physics-buttons [data-action=effort]{min-height:38px;font-size:15px}}
@media(min-width:701px) and (min-height:601px){.physics-stage{width:min(1000px,96vw,calc((100dvh - 360px)*2))}.physics-game[data-game=tug] .physics-stage{width:min(940px,96vw,calc((100dvh - 410px)*2))}}
@media(max-height:600px){.physics-stage,.physics-game[data-game=tug] .physics-stage{width:min(850px,96vw,calc((100dvh - 225px)*2))}}
@media(max-height:600px){.physics-game[data-game=tug] .physics-stage{width:min(850px,96vw,calc((100dvh - 270px)*2))}}
