.soccer-random{-webkit-user-select:none;user-select:none;touch-action:none;background:#202c32;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100svh;padding:12px;font-family:monospace;display:flex}.soccer-random__stage{aspect-ratio:16/9;border:4px solid #121c21;width:min(100%,1200px);position:relative;overflow:hidden;box-shadow:0 12px #142028}.soccer-random canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.soccer-random__exit,.soccer-random__pause{color:#20252b;cursor:pointer;background:#fff2d5;border:3px solid #20252b;padding:3px 13px;font-size:25px;position:absolute;top:12px}.soccer-random__exit{left:12px}.soccer-random__pause{right:12px}.soccer-random__overlay{color:#fff;text-align:center;background:#172536d9;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:14px;display:flex;position:absolute;inset:0}.soccer-random h1{color:#ffdc7b;text-shadow:4px 4px #a23b35;margin:0;font-size:clamp(22px,5vw,54px);font-weight:900}.soccer-random__overlay button{color:#30241b;cursor:pointer;background:#edb84a;border:3px solid #fff1b0;padding:12px 20px;font-weight:700;box-shadow:0 5px #92552d}.soccer-random__overlay small{opacity:.8}.soccer-random__controls{gap:20px;width:min(100%,1200px);display:flex}.soccer-random__controls button{color:#fff;touch-action:none;background:#bd2940;border:3px solid #f76d7e;flex:1;padding:12px;font-size:20px;font-weight:900}.soccer-random__controls button+button{background:#227dab;border-color:#76d7f3}.soccer-random__controls small{margin-top:5px;font-size:10px;display:block}.soccer-random__controls button:active{filter:brightness(1.3)}.soccer-random__controls button:disabled{opacity:.45}@media (max-height:540px) and (orientation:landscape){.soccer-random{padding:0}.soccer-random__stage{width:min(100%,177.778svh - 115.556px)}.soccer-random__controls{gap:50px;max-width:700px}.soccer-random__controls button{padding:3px;font-size:15px}.soccer-random__overlay{gap:8px}.soccer-random__overlay p{margin:0}.soccer-random__overlay button{padding:6px 15px}}.soccer-random .soccer-random__stage,.soccer-random .soccer-random__controls{width:min(100%,1200px,177.778svh - 204.444px)}
